var hOut;
var inSlider = false;
var innerDelay = 200;
var outerDelay = 200;
var hDelay = 10;

$(document).ready(function(){
    $('.slider .item').mouseover(function(){
    	window.clearTimeout(hOut);
    	$('.slider .item').each(function(){ $(this).dequeue(); });
    	if($(this).hasClass('active')) return false;
        if(!inSlider) {
    		$(this).addClass('active');
	        $('.slider .item').each(function(){
	        	if($(this).hasClass('active')) return;
	        	$(this).addClass('inactive').animate({width: Chiptop.SLIDER_ITEM_WIDTH_INACTIVE}, innerDelay);
	        });
        }
        else
        {
    		$('.slider .active').removeClass('active').addClass('inactive').animate({width: Chiptop.SLIDER_ITEM_WIDTH_INACTIVE}, innerDelay); 
    	}
        
        $(this).removeClass('inactive').addClass('active').animate({width: Chiptop.SLIDER_ITEM_WIDTH_ACTIVE}, innerDelay);
    	inSlider = true;
    }); 
    
    $('.slider').mouseout(function(){ 
    	hOut = window.setTimeout(function(){
    		$('.slider .active').removeClass('active').animate({width: Chiptop.SLIDER_ITEM_WIDTH}, outerDelay);	        
        	$('.slider .inactive').each(function(){ $(this).removeClass('inactive').animate({width: Chiptop.SLIDER_ITEM_WIDTH}, outerDelay); });
	        inSlider = false;
        }, hDelay);
    });
});