// @avikasita raaka 170809 
var rotation=0;
jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}
$.preloadImages("images/home_screen1.gif", "images/home_screen2.gif",
"images/home_screen3.gif","images/home_screen4.gif");
$(function() {
	 var theinti=null;	
	 //to controlmuliple hovers
	 var busy = 0;
	 var fadelength=4;    
	 var  animateComplete = function(){
	 busy = 0;
    
	                        }
    var active="anim_active";
	var inactive="";

	 $('ul.animation_links').find('li').hover(function () { 
			
		     busy = 1;
			  $('ul.animation_links').find('li').removeClass(active);
			 var linkid=$(this).children("a").attr("id");
		     linkid=linkid.slice(-1);
			 var fadeimage="images/home_screen"+linkid+".gif";	
			 $('div.crossfade').find('img').fadeTo("fast", 0,function(){
			 $('div.crossfade').find('img').attr("src",fadeimage);															             
			 $('div.crossfade').find('img').fadeTo("fast",1,function(){
			 //$('ul.animation_links').find('li').eq(linkid-1).addClass(active);		
					                                                  })
			                                                          });
			
			
			
		
			},function(){
												
												
												  animateComplete();
												
												});
	 
	    	
    function autocrossfade(){
     if(!busy && rotation < 12) {
	     busy = 1;
         var currentactivedivid=$('div.crossfade').find('img').attr("src");
		 //slice it and get the last number of slider div id(aid-active id)
		 var aid=currentactivedivid.slice(-5);
		 aid=parseInt(aid);
		 //alert(aid);
		 if(aid == fadelength)
		   {
			 aid= 0;
		   }
	      aid=aid+1;
	     
		 var fadeimage="images/home_screen"+aid+".gif";	
		 $('div.crossfade').find('img').fadeTo("slow", 0.1,function(){
	     $('ul.animation_links').find('li').removeClass(active);
		 $('ul.animation_links').find('li').eq(aid-1).addClass(active);
		 $('div.crossfade').find('img').attr("src",fadeimage);															         $('div.crossfade').find('img').fadeTo("slow",1.0,function(){
						animateComplete();
						rotation=rotation+1;
				                                                     })
			                                                         });
	                                                                 }} 
																	 
		 theinti=setInterval(autocrossfade,3000)   
		  
		   })