var firstBlock;
var lastBlock;
var secondBlock;

$(document).ready(function(){
  
    lastBlock = $("#a1");
	secondBlock = $("#X-Win32");
	firstBlock=$("#a1")
    maxWidth = 665;
    minWidth = 23;
	var firstSlide;
	var secondSlide;

    $("ul li span").click(
      function(){
		if (firstSlide) {
			clearTimeout(firstSlide);
			firstSlide = null;
		}
		if (secondSlide) {
			clearTimeout(secondSlide);
			secondSlide = null;
		}
        $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
		$(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
		$(lastBlock).removeClass('endOne');
		$(lastBlock).addClass('lastOne');	
		lastBlock = this;
		if (this.title) {
			pageTracker._trackEvent('Slider', this.title);
		} else if (this.id) {
			pageTracker._trackEvent('Slider', this.id);
		}
	   
	   });
	   
	   $("ul li span.lastOne").click(function(){
			$(this).addClass('endOne');	   
	   });
	   
	   firstSlide = setTimeout('slideFirst()', 5000);
	   secondSlide = setTimeout('slideSecond()', 15000);
});

function slideFirst()
{
        $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
		$(secondBlock).animate({width: maxWidth+"px"}, { queue:false, duration:400});
		$(lastBlock).removeClass('endOne');
		$(lastBlock).addClass('lastOne');	
		lastBlock = secondBlock;
}

function slideSecond()
{
        $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
		$(firstBlock).animate({width: maxWidth+"px"}, { queue:false, duration:400});
		$(lastBlock).removeClass('endOne');
		$(lastBlock).addClass('lastOne');	
		lastBlock = firstBlock;
}