var $j = jQuery.noConflict();

$(document).ready(function(){
	
	var documentBody = $("body");
	if (documentBody.hasClass('home')){

	$("a[rel^='prettyPhoto']").prettyPhoto({
			markup: '<div class="pp_pic_holder"> \
						<div class="pp_top"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
						<div class="pp_content_container"> \
							<div class="pp_left"> \
							<div class="pp_right"> \
								<div class="pp_content"> \
									<div class="pp_fade"> \
										<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
										<div class="pp_loaderIcon"></div> \
										<div class="pp_hoverContainer"> \
											<a class="pp_next" href="#">next</a> \
											<a class="pp_previous" href="#">previous</a> \
										</div> \
										<div id="pp_full_res_cont"><div id="pp_full_res"></div></div> \
										<div class="pp_details clearfix"> \
											<a class="pp_close" href="#">Close</a> \
											<p class="pp_description"></p> \
											<div class="pp_nav"> \
												<a href="#" class="pp_arrow_previous">Previous</a> \
												<p class="currentTextHolder">0/0</p> \
												<a href="#" class="pp_arrow_next">Next</a> \
											</div> \
										</div> \
									</div> \
								</div> \
							</div> \
							</div> \
						</div> \
						<div class="pp_bottom"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
					</div> \
					<div class="pp_overlay"></div> \
					<div class="ppt"></div>'
		});
	}
	else {
		$("a[rel^='prettyPhoto']").prettyPhoto();
	}
});

$(document).ready(function(){

	$('#quotes').innerfade_hd({ 
		speed: 'slow',
		timeout: 8000,
		type: 'sequence'
		//containerheight: '80px' 
	});
	
});
$(document).ready(function(){

	$('#featured-app').innerfade({ 
		speed: 'slow',
		timeout: 8000,
		type: 'sequence',
		containerheight: '111px' 
	});
	
});

/*
 * Tooltip script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 

/*
	add accesskey, z-index
*/
this.tooltip = function(){	
	/* CONFIG */
		//xOffset = -23;
		//yOffset = 0;

		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
	/* END CONFIG */
	$("a[title], button[title]").hover(function(e){
		this.t = this.title;
		this.title = "";
		/*if($(this).attr("accesskey")){
			this.a = 'accesskey: <strong>'+ $(this).attr("accesskey")+'</strong>';
			$("body").append("<span class='tooltip'>"+ this.t + "<em>"+this.a +"</em></span>");
		}
		else {*/
			$("body").append("<span class='tooltip'>"+ this.t +"</span>");
		/*}*/
		var footer = $(this).parents("#footer").text();
		if (footer) {
			xOffset = 23;
			yOffset = 0;
		}
		else {
			xOffset = -23;
			yOffset = 0;
		}
		$(".tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.css("opacity","0.9")
			.css("z-index","100000")
			.fadeIn("slow");
	},
	function(){
		this.title = this.t;
		$(".tooltip").remove();
	});
	$("a[title], button[title]").mousemove(function(e){
		
		var footer = $(this).parents("#footer").text();
		if (footer) {
			xOffset = 23;
			yOffset = 0;
		}
		else {
			xOffset = -23;
			yOffset = 0;
		}
		$(".tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});
};



// starting the script on page load
$(document).ready(function(){
	tooltip();
});
$(document).ready(function(){
	$("a[title] img").title = "";
});


$(document).ready(function() {
	$j("#intro").scrollable({size: 1}).circular().mousewheel(400).autoscroll(10000).navigator({
		navi: "#intro-nav",
		naviItem: 'a',
		activeClass: 'current',
		steps: 1
	});
});