var i =0;
var timer = null; 
$(document).ready(function(){
	$('.tab-ul li').click(function(){
	   clearTimeout(timer);
		var indexLi = $('.tab-ul li').index(this);
		if($(this).hasClass('current')) {
			return false;	
		}
		$('.tab-ul li.current').removeClass('current');
		$(this).addClass('current');
		$('.ban-cont:visible').hide();
		$('.ban-cont:eq(' + indexLi +')').fadeIn(800);
	});		
	// inner carousel animation
	$('img.top, img.right').live('click',function(){
		window.setTimeout(function(){
			$('img.left').css('z-index','1');
			$('img.top').css('z-index','2');
			$('img.right').css('z-index','3');
		}, 100);
	
		$('img.right').animate({
			width: "450px",
			left: "82px",
			top:"30px"
		},450,function(){
			$(this).removeClass('right').addClass('top');
		});	

	$('img.top').animate({
			width: "300px",
			left: "0",
			top: "100px"
		},450,function(){
			$(this).removeClass('top').addClass('left');	
		});	
		
		$('img.left').animate({
			width: "300px",
			left: "322px",
			top:"100px"
		},450,function(){
			$(this).removeClass('left').addClass('right');	
		});	
		
	});
	
	
	$('img.left').live('click',function(){
		$('body').animate({'margin':'0'},200,function(){
			$('img.right').css('z-index','1');
			$('img.top').css('z-index','2');
			$('img.left').css('z-index','3');
		});
	
		$('img.left').animate({
			width: "450px",
			left: "82px",
			top:"30px"
		},450,function(){
			$(this).removeClass('left').addClass('top');
		});	

	$('img.top').animate({
			width: "300px",
			left: "322px",
			top: "100px"
		},450,function(){
			$(this).removeClass('top').addClass('right');	
		});	
		
		$('img.right').animate({
			width: "300px",
			left: "0",
			top:"100px"
		},450,function(){
			$(this).removeClass('right').addClass('left');	
		});	
		
	});
						   
});//end document ready


var changeTab = function(){
		obj = $('#carosel .ban-cont');
		var tabNo = $('#carosel .ban-cont').length;
		if(i >= tabNo) i = 0;
		$('.ban-cont:visible').hide();
		$('.tab-ul li.current').removeClass('current');
		$('.ban-cont:eq(' + i+')').fadeIn(800);
		$('.tab-ul li:eq(' + i+')').addClass('current');
		i++;
		timer = setTimeout("changeTab()",15000);
	}
	changeTab();