// mod_if_featured.js - jquery javascript for ifoundry featured module

function generatethumbnails(newfolder){
          //once the thumbnail fade-out animation is finished,
          //remove all the existing thumbnails
          jQuery(this).remove();
          //then kick-off an ajax call to re-generate the thumbnails
          jQuery.ajax({
            type		:	'POST',
            url		:	'modules/mod_if_featured/thumbnails.php',
            data		:	{folder: newfolder},
            dataType	:	'html',
            timeout	:	5000,
            success	:	function(d,s){
            					jQuery(".mod_if_featured_thumbnail_container:first").html(d);
            					setupThumbnailHandlers();
            					var img = jQuery(".mod_if_featured_thumbnail:first").find("img:first").attr("rel");
            					setBigImage(img);
          
            				},
            error		:	function(o,s,e){
	            		      jQuery(".mod_if_featured_thumbnail_container:first").html('');
            				}	
          });//ajax
        }

function setBigImage(img,num) {
  jQuery(".mod_if_bigimage_current").stop(true,true).fadeOut("slow").removeClass("mod_if_bigimage_current");
  jQuery("#mod_if_bigimage_"+num).stop(true,true).fadeIn("slow").addClass("mod_if_bigimage_current");
  
}

function insertBigImage(img,num) {
  var newsrc = "modules/mod_if_featured/image.php/active.jpg?";
  newsrc += "width=595&height=390&image=";
  newsrc += img;
  var newimg = new Image();
  var imgHTML = "<img src=\""+newsrc+"\" id=\"mod_if_bigimage_"+num+"\" alt=\"\" >";
  newimg.src = newsrc;
  if (num==0) {
    jQuery(newimg).addClass("mod_if_bigimage_current");
  }
  else
  {
    jQuery(newimg).hide();
  }
  jQuery(newimg).attr('id',"mod_if_bigimage_"+num);
  jQuery("#mod_if_featured_bigimage").append(newimg);
}//insertBigImage


function activateThumbnail(num/*0..n number of thumbnail*/)
{
          //remove the active class from all/any thumbnails
          jQuery(".mod_if_featured_thumbnail").removeClass("mod_if_featured_thumb_active");
          //add the active and hand classes to THIS thumbnail
          var this_thumb = "#mod_if_featured_thumbnail_"+num;
          jQuery(this_thumb).addClass("mod_if_featured_hand mod_if_featured_thumb_active"); 
          //clear the info panel
          jQuery(".mod_if_featured_panel").stop().height(0).removeClass("mod_if_featured_panel_active"); 

          var img = jQuery(this_thumb).find("img:first").attr("rel");
          //mark which panel to animate (animation started when image is loaded)
          jQuery("#mod_if_featured_panel_"+num).addClass("mod_if_featured_panel_active").animate({height:80});
          setBigImage(img,num);
}


function setupThumbnailHandlers() {
  jQuery(".mod_if_featured_thumbnail")
    .hover(
        function(){
          var thumbnum = this.id;
          var num = thumbnum.substring(thumbnum.lastIndexOf('_')+1);
          activateThumbnail(num);
          //stop the timer when hovering over a thumbnail
          jQuery(document).stopTime();
        },
        function(){
          //on hover out, remove the hand class from this thumbnail
          jQuery(this).removeClass("mod_if_featured_hand");
          jQuery(document).everyTime(6000,function(i){rotateFeature(i);}); 
        });//hover
   jQuery(".mod_if_featured_panel").hover(
     function(){
          jQuery(document).stopTime();
     },
     function(){
          jQuery(document).everyTime(6000,function(i){rotateFeature(i);}); 
   });//bigpicture hover
   
}//setupThumbnailHandlers

function rotateFeature(i) {
  var idx = i % 8; // MAX NUMBER OF THUMBNIALS IS 8.. get number between 0..7
  var lookup = new Array(0,2,4,6,1,3,5,6);
  var num = lookup[idx];
  activateThumbnail(num);
}//rotateFeature

function loadImages() {
  jQuery(".mod_if_featured_thumbnail_container img").each(function(i){
          var img = jQuery(this).attr("rel");
          insertBigImage(img,i);
  });
  jQuery(".mod_if_featured_morethumbs_container img").each(function(i){
          var img = jQuery(this).attr("rel");
          insertBigImage(img,i+8);
  });
}//function loadImages

jQuery(document).ready(function() {
    loadImages();
    setupThumbnailHandlers();
    jQuery(this).everyTime(6000,function(i){rotateFeature(i);}); 

});//document.ready