// jquery.linkimghover.js

jQuery(document).ready( function($)
{
   linkimghover.rollover.init($);
});

var linkimghover = {};

linkimghover.rollover =
{
   init: function($)
   {
      this.preload($);
     
      /*$(".ro").hover(
         function () { $("img",this).attr( 'src', linkimghover.rollover.newimage($("img",this).attr('src')) ); },
         function () { $("img",this).attr( 'src', linkimghover.rollover.oldimage($("img",this).attr('src')) ); }
      );*/
   },
   preload: function($) {
      //$(document).load(function() {
         $('.ro').each( function( key, elm ) { $('<img>').attr( 'src', linkimghover.rollover.newimage( $("img",this).attr('src') ) ); });
      //});
   },
   newimage: function(src )
   {
      return (! /_o\./.test(src) ? src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_o' + src.match(/(\.[a-z]+)$/)[0] : src);
   },

   oldimage: function( src )
   {
      return src.replace(/_o\./, '.');
   },
   
   toggle: function(obj,over)
   {
	   if (over=='over') {
	  	 	// fade-out.
			jQuery("img",obj).fadeOut('slow','swing');
			//jQuery("img",obj).attr( 'src', linkimghover.rollover.newimage(jQuery("img",obj).attr('src')) );
	   } else {
		   // fade-back-in.
		   jQuery("img",obj).fadeIn('slow','swing');
	   		//jQuery("img",obj).attr( 'src', linkimghover.rollover.oldimage(jQuery("img",obj).attr('src')) );
	   }
   }
};

/* Do auto-rollover of images within slider */

linkimghover.slideimages = null;
linkimghover.duration = 1400;

// Called once per 'slide' on the current slide that is displayed.
linkimghover.auto = function(slide,duration) {
	linkimghover.slideimages = slide.children("a");
	//console.debug( linkimghover.slideimages.length);

	linkimghover.slideimages.each(function(index) {
		var slide1 = this;
		setTimeout(function() {
			linkimghover.rollover.toggle(slide1,'over');
			setTimeout(function(){ linkimghover.rollover.toggle(slide1,'out'); }, linkimghover.duration+(index==2 ? 1500:0));
		},linkimghover.duration*(index+1));
	});
	
};

