/*############### PLACE IMAGE-HOLDER AROUND the thumbnails for each category  body.home .featured_display img,  ###############################*/

$(document).ready(function(){
	
	$(".img_holder .img_landscape, .img_holder img[src$='landscape.jpg'], .img_holder img[src$='landscape.png'], .img_holder img[src$='landscape.gif']").before("<span class='landscape'></span>").css({'padding-top' : '9px'});
	$("body.single span.landscape").css({'left' : '5%'});
	$(".img_holder .img_portrait, .img_holder img[src$='portrait.jpg'], .img_holder img[src$='portrait.png'], .img_holder img[src$='portrait.gif']").before("<span class='portrait'></span>").css({'padding-top' : '9px'});
	$("body.single span.portrait").css({'left' : '23.2%'});
	$(".img_holder .img_square, .img_holder img[src$='square.jpg'], .img_holder img[src$='square.png'], .img_holder img[src$='square.gif']").before("<span class='square'></span>").css({'padding-top' : '9px'});
	$("body.single span.square").css({'left' : '15%'});
});

/*

*/

/*################## TOOLTIP ##########################################*/
this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$("a.tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'><span>"+ this.t +"</span></p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$("a.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};



// starting the script on page load
$(document).ready(function(){
	tooltip();
});