$(document).ready(function(){
						   
	/*============== OPEN SUBMENU ==============*/
	$('ul').removeClass('menucss subcss');
	$('.menu > li').hover(
		function(){$(this).find('.submenu').stop(false,true).fadeIn(300);},
		function(){$(this).find('.submenu').stop(false,true).fadeOut(300);}
	);
	
	/*============== IMAGE SLIDESHOW ==============*/
	$('#img1').addClass('currimg');
	var curr=1;
	function gantiimg()
	{	if(curr==3) {curr=1;}
		else {curr++;}
		$('.changeimg').removeClass('currimg');
		$('#img'+curr).addClass('currimg');
		$('#upperright ul').fadeOut(500,function(){
			$('#upperright ul').css('margin-top','-' + (curr-1)*210 + 'px')
		});
		$('#upperright ul').fadeIn(500);
	}
	var ganti=setInterval(gantiimg,12000);
	$('.changeimg').click(function(){
		if($(this).attr('id')!='img' + curr)
		{	$('.changeimg').removeClass('currimg');
			$(this).addClass('currimg');
			for(i=1;i<=3;i++)
			{	if($(this).attr('id')=='img' + i)
				{	$('#upperright ul').fadeOut(500,function(){
						$('#upperright ul').css('margin-top','-' + (i-1)*210 + 'px')
					});
					$('#upperright ul').fadeIn(500);
					break;
				}
			}
			curr=i;
			clearInterval(ganti);
			ganti=setInterval(gantiimg,12000);
		}
	});
	
	/*============== IMAGE CONTROL TOOLTIP ==============*/
	$('.changeimg').hover(
		function(){$(this).find('.tooltip').stop(false,true).show(200);},
		function(){$(this).find('.tooltip').stop(false,true).hide();}
	);
	
});