$(document).ready(function() {

	$("#menu > li").mouseover(function(){
		$offset = $(this).position();
		$classes = $(this).attr("class").split(" ");
		$classname = $classes[0].replace("_on", "") + "_hover";
		$(this).addClass($classname).children("ul").css({'top': $offset.top+39, 'left': $offset.left }).show();
	}).mouseout(function(){
		$(this).removeClass($classname).children("ul").hide();
	});
	
	$("#menu > li ul li").mouseover(function(){
		$offset = $(this).offset();
		$(this).addClass("hover").children("ul").css({'top': $offset.top, 'left': $offset.left+180 }).show();
	}).mouseout(function(){
		$(this).removeClass("hover").children("ul").hide();
	});
	
	if($("#slideshow div a.on").length) {
		var $default_slide  = $("#slideshow div a.on").attr("href");
		slide($default_slide);
		$("#slideshow div a").click(function(){
			clearInterval($slideshow);
			var $slide = $(this).attr("href");
			slide($slide);
			return false;
		});
	}

});

function slideshow(){
	if($("#slideshow div a.on").length) {
		var $max  = $("#slideshow div a").length;
		var $curr = $("#slideshow div a.on").attr("href");
		var $next = (parseInt($curr) >= $max) ? 1 : parseInt($curr)+1 ;
		slide($next);
	}
}

function slide($index){
	$("#slideshow ul li").fadeOut(1500);
	$("#slideshow ul li").eq($index-1).fadeIn(1500);
	$("#slideshow div a").removeClass("on");
	$("#slideshow div a").eq($index-1).addClass("on");
}

var $slideshow = setInterval("slideshow()", 8000);