jQuery(document).ready(function(){
   //TO-DO: create a custom js for this
    first = jQuery(".firstFavorite").attr('id');
	
     jQuery("#favoriteImage").html(jQuery("#hiddenPicture" + first).html());  
     jQuery("#favoriteTitle").html(jQuery("#hiddenTitle" + first).html());
     jQuery("#favoriteDescription").html(jQuery("#hiddenDescription" + first).html());  
     jQuery("#favoriteLink").html(jQuery("#hiddenLink" + first).html());  

      jQuery(".favoriteThumb").click(function(){
    	  
         jQuery("#favoriteImage").html(jQuery('#hiddenPicture'+ jQuery(this).attr('id')).html());
         jQuery("#favoriteTitle").html(jQuery('#hiddenTitle'+ jQuery(this).attr('id')).html());
         jQuery("#favoriteDescription").html(jQuery('#hiddenDescription'+ jQuery(this).attr('id')).html());   
         jQuery("#favoriteLink").html(jQuery("#hiddenLink"+ jQuery(this).attr('id')).html());
         
         var offset = jQuery(this).offset();
         
	   	  if(jQuery("#thumb-overlay"))
		  {
	   		jQuery("#thumb-overlay").remove();
		  }
	   	 var overlay = "<div style=\"position: relative; right:1px; bottom:68px;\" id=\"thumb-overlay\" class=\"recipe-carousel-current\">&nbsp;</div>";
         jQuery(this).append(overlay);
	   	 
         jQuery("#favoriteLink").html(jQuery("#hiddenLink"+ jQuery(this).attr('id')).html());

      });
      
      jQuery(".favoriteThumb").click();
      
   });