$(document).ready(function() {
 
 
  $('.qtiped').live('mouseenter', function () {
	 	//$('.qtiped').each(function(index) { //marche mais pas sur un live
	//console.log('th over : '+$(this).index());
	
	
		
		 if( !$(this).data('qtip') ) {
	
			$(this).qtip(
				{	
				
					style: { 
          name: 'dark', 
          tip: true,
          border: {width:1} 
          } ,
          
					hide: { when: 'mouseout', fixed: true },
					position: {
					  corner: {
						  target: 'topMiddle',
						  tooltip: 'bottomMiddle'
					  }
				   },show: {
					 ready: true // Need this to make it show on first mouseover 
				  },
				   content: $(this).find('.qtipcontent').html() // Give it some content, in this case a simple string
				});
		    }
		 
		 $(this).qtip('show');
	// console.log('qtip show');
	
	});
  
   //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
 //Vertical Sliding
 $('.boxgrid.slidedown').hover(function(){
   $(".cover", this).stop().animate({top:'-220px'},{queue:false,duration:300});
   }, function() {
   $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
 });
 //Horizontal Sliding
 $('.boxgrid.slideright').hover(function(){
   $(".cover", this).stop().animate({left:'325px'},{queue:false,duration:300});
   }, function() {
   $(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
 });
 //Diagnal Sliding
 $('.boxgrid.thecombo').hover(function(){
 $(".cover", this).stop().animate({top:'260px', left:'325px'},{queue:false,duration:300});
 }, function() {
 $(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
 });
 //Partial Sliding (Only show some of background)
 $('.boxgrid.peek').hover(function(){
 $(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
 }, function() {
 $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
 });
 //Full Caption Sliding (Hidden to Visible)
 $('.boxgrid.captionfull').hover(function(){
 $(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
 }, function() {
 $(".cover", this).stop().animate({top:'260px'},{queue:false,duration:160});
 });
 //Caption Sliding (Partially Hidden to Visible)
 $('.boxgrid.caption').hover(function(){
 $(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
 }, function() {
 $(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});
 }); 
       
 
 });