var intval=""
var BacktoStart = false;

function ChangeImage(NextImage){
//$.fx.off;
	var $LastActive = $('#homebg li.last-active');
	var $ActiveImage = $('#homebg li.active');
	
	$ActiveImage.stop(true,true);
	$LastActive.stop(true,true);
	
	if(NextImage !=null){
	var $NextImage =$('#' + NextImage);
	}else{
		//if ($ActiveImage.length == 0 ) $ActiveImage = $('#homebg li:last');
		if(BacktoStart != true){
			
			
			var $NextImage =  $ActiveImage.next().length ? $ActiveImage.next() : $('#homebg li:first');
		}else{
			
   			var $NextImage = $('#homebg li:first');
			BacktoStart=false;
		 
		}
		 
	}
	
	if($NextImage.attr('id')!=$ActiveImage.attr('id')){
		
		
		$ActiveImage.removeClass('active').addClass('last-active');
		$ActiveImage.css('zIndex',0);
		$NextImage.css('zIndex',10);
		
		$NextImage.addClass('active').removeClass('last-active').fadeIn(500,function(){
				//$ActiveImage.css('display','none');		
				$ActiveImage.fadeOut(500,function(){});	
									   
		});
		
		
		
	}
	

}

$(document).ready(function(){
						   
	 intval=window.setInterval( "ChangeImage()", 5000 );

	$('.cta_box').mouseenter(function(){
			if(intval!=""){
         		 window.clearInterval(intval);
          		intval="";
      		}
			$(this).toggleClass('cta_box_active');
			$(this).find('a').toggleClass('cta_box_active_a');
			
			var $BoxID = $(this).attr('id');
			var $newActive = $('#' + $BoxID +'bg');
			var $NextImage = $newActive.attr('id');
			
			
			
			ChangeImage($NextImage);
			

				
	});
	
	$('.cta_box').mouseleave(function(){
	
			$(this).toggleClass('cta_box_active');
			$(this).find('a').toggleClass('cta_box_active_a');
			
			BacktoStart = true;
			intval=window.setInterval( "ChangeImage()", 5000 );

			
	});
	
	
	
	
	
	$('#home_text').supersleight({shim: '/images/x.gif'});
	


});