$(function(){
	
	$(".rotator").hide();
	var v = $(".rotator");
	$(v[3]).show();
	
	setTimeout("rotate()", 2000);


    $('#sdt_menu > li').bind('mouseenter',function(){
		var $elem = $(this);

		$elem.find('.sdt_wrap').addClass("active");

		$elem.find('img')
			 .stop(true)
			 .animate({
				'width':'115px',
				'height':'115px',
				'left':'0px'
			 },400,'easeOutBack')
			 .andSelf()
			 .find('.sdt_wrap')
		     .stop(true)
			 .animate({'top':'90px'},500,'easeOutBack')
			 .andSelf()
			 .find('.sdt_active')
		     .stop(true)
			 .animate({'height':'115px'},300,function(){
			var $sub_menu = $elem.find('.sdt_box');
			if($sub_menu.length){
				var left = '115px';
				if($elem.parent().children().length == $elem.index()+1)
					left = '-115px';
				$sub_menu.show().animate({'left':left},200);
			}	
		});
	}).bind('mouseleave',function(){
		var $elem = $(this);
		var $sub_menu = $elem.find('.sdt_box');
		if($sub_menu.length)
			$sub_menu.hide().css('left','0px');
		
		$elem.find('.sdt_wrap').removeClass("active");

		$elem.find('.sdt_active')
			 .stop(true)
			 .animate({'height':'0px'},300)
			 .andSelf().find('img')
			 .stop(true)
			 .animate({
				'width':'0px',
				'height':'0px',
				'left':'57px'},400)
			 .andSelf()
			 .find('.sdt_wrap')
			 .stop(true)
			 .animate({'top':'20px'},500);
	});
	

});



function rotate() {
	
	var v = $(".rotator");
	var sw = 0;
	for(var i=0;i<v.length;i++) {
		if($(v[i]).is(":visible")) {
			var sw = i;
		}
	}

	if(sw == 3) {
		$(v[sw]).fadeOut(2000);
		$(v[0]).fadeIn(2000);
	} else {
		$(v[sw]).fadeOut(2000);
		sw++;
		$(v[sw]).fadeIn(2000);
	}

	setTimeout("rotate()", 3000);
	
}