//var _bgStageGray = null;
//var _bgStage = null;
//var _bgSprite = null;

$(document).ready(function() {
//	loadImg();

	if ($("#decade-box").length > 0) {	
		collage();
	}
	
	if ($("#navigation-gratulations").length > 0) {
		gratulations();
	}
});

function loadImg(){			
		bgStageGray = new Image();
		bgStageGray.src = "img/bg_collage_gray.jpg";
		bgStageGray.id = "hiddenBg";
		
		$('body').append(bgStageGray);
		$("#hiddenBg").css("display","none");
		_bgStageGray = $("#hiddenBg").attr("src");
//	sprites = new Image();
//	sprites.src = "img/bg_collage_sprite.jpg";
//	sprites.id  = "hiddenSprite";
//	
//	$('body').append(sprites);
//	$("#hiddenSprite").css("display","none");
//	_bgSprite = $("#hiddenSprite").attr("src");
}

function collage() {
//	_bgStage = $("#stage-box").find("img:first").attr("src");
	var decadeBox = $("#decade-box");
	
	
	$("#sub-navigation-box li").not("#decade_nav_first").hover(
		function(){
			showBgGray();
			var id= $(this).attr("id");
			var dekade = parseInt(id.substring(7));
			showDecade(dekade);
		},
		function(){
			decadeBox.hide();
			hideBgGray();
		}
	);
	
	$("#decade-box #map-collage-box").find("area").bind("mouseleave",function(){
		decadeBox.hide();
		
		// set hover to menu item
		$('#sub-navigation-box').find('.hover').removeClass("hover");
	});
	
	$("#stage-box").bind("mouseenter",function(){
		showBgGray();
	});
	$("#stage-box").bind("mouseleave",function(){
		hideBgGray();
	});
	
	$("#stage-box #map-collage").find("area").bind("mouseenter", function(){
			var dekadeString = $(this).attr("alt");
			var dekade = parseInt(dekadeString.substring(7));
			showDecade(dekade);
			
	
			// set hover to menu item
			$('#decade_'+dekade).addClass("hover");
	});
}

function showBgGray(){
	var img = $("#stage-box").find("img:first");
	img.addClass("gray");
//	img.attr("src",_bgStageGray);
	img.css("margin-top","-320px");
}

function hideBgGray(){
	var img = $("#stage-box").find("img:first");
	img.removeClass("gray");
//	img.attr("src",_bgStage);
	img.css("margin-top","0px");
}

function showDecade(dekade){
	var decadeBox = $("#decade-box");
	dekade = parseInt(dekade);
//	dekadeBox.css("background-position","0px -"+((dekade-1)*160)+"px");
	decadeBox.find("img:first").css("margin-top",(-(dekade-1)*160)+"px");
	decadeBox.find("img:first").attr("alt","dekade_"+dekade);
	
	var left = 0;
	var top = 0;
	switch (dekade) {
	case 1:
		left = 0;
		top = 0;
		break;
	case 2:
		left = 205;
		top = 0;
		break;
	case 3:
		left = 205;
		top = 0;
		break;
	case 4:
		left = 407;
		top = 0;
		break;
	case 5:
		left = 0;
		top = 160;
		break;
	case 6:
		left = 208;
		top = 160;
		break;
	case 7:
		left = 209;
		top = 160;
		break;
	case 8:
		left = 407;
		top = 160;
		break;

	default:
		break;
	}
	decadeBox.css("left",left+"px");
	decadeBox.css("top",top+"px");
	
	decadeBox.show();		
}




/* Gratulationennavigation */
function gratulations() {	
	$("#navigation-gratulations").children("li").children("a").bind("click",function(){
		$(this).parent().parent().find(".active ul").slideUp();
		$(this).parent().parent().find(".active").removeClass("active");
		
		$(this).parent().find("ul").slideDown();		
		$(this).parent().addClass("active");
		
		return false;
	});
}

/* Video Textbox */
function changeTeaserText(classes,showId){
	$("."+classes).hide();
	$("#"+showId).show();
}