$(function(){init();});

function init(){
	$(".nav").mouseenter(onRollOver).parent().mouseleave(onRollOut);
	$(".menu").append("<img src='img/content-menu-shadow.png' height='10' width='949' class='shadow'/>");
	
	//build navigation
	for(var i=0;i<$('.slide').length;i++)$('.slider-idx').append("<a href='#' class='slider-nav-link'>"+(i+1)+"</a>");
	$('.slider-nav').prepend("<a href='#' class='backward slider-nav-control'></a>").append("<a href='#' class='forward slider-nav-control'></a>");
	
	// jQuery magic
	var slideShowPrefs={
		autoplay:true,
		interval:6000
	};
	$(".slider-idx").tabs(".slide", {
		effect: 'fade',
		fadeOutSpeed: 2000,
		fadeInSpeed: 2000,
		rotate: true
	}).slideshow(slideShowPrefs);
	
	//Setup mouseovers for sprites
	$('.sprite').hover(function(){$(this).addClass("on");},function(){$(this).removeClass("on")});
}
function onRollOver(){
	reset();
	var id=$(this).attr("id");
	$(this).addClass("on");
	var o=$("#"+id.replace("link","menu"));
	$(this).parent().append(o.remove());
	//console.log("ro",id,o)
	o.show();
}
function onRollOut(){
	var o=$(this).parent().find(".menu");
	$("#content-main").append(o.remove());
	reset();
}

function reset(){
	$(".nav").removeClass("on");
	$(".menu").hide();
}