/*
 *	site.js
 *
 *	© Timo Lindenblatt
 *	November 2009
 *	
 */

// global
var swf;

// jddm-menu-variation
var timeout = 500;
var closetimer = 0;
var menuitem = 0;

function menu_open() {
	cancel_timer();
  close_menu();
  menuitem = $(this).find('ul').css('visibility', 'visible');
}

function close_menu() {
	if(menuitem) 
		menuitem.css('visibility', 'hidden');
}

function menu_timer() {
	closetimer = window.setTimeout(close_menu, timeout);
}

function cancel_timer() {
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// jquery
$(document).ready(function() {

	// menu einbinden
	$('#menu>li').bind('mouseover', menu_open);
	$('#menu>li').bind('mouseout',  menu_timer);
	
	// default flash
	loadSWF("home");
	loadHTML("home");
	
	// events
	$("#menu li").click(function()
	{
		current = $(this).attr("id");

		// html
		var content = [ "home", "preise", "geschichte", "anreise", "zustiege", "material", "trailer", "touren", "rundwege", "uebergaenge", "gipfeltouren", "klettern", "bike", "links", "kontakt", "impressum" ];
		for(i=0; i<content.length; i++)
			if(content[i]==current) {
				if(swf.getConf().id=="panoramaa") {
					swf.getApi().pause(); }
				else if(swf.getConf().id=="nuslide") {
					swf.getApi().hideNav();
				}
				loadHTML(current);
			}
		
		// flash
		var content = [ "home", "huette", "umgebung", "panorama01", "panorama02", "panorama03" ];
		for(i=0; i<content.length; i++)
			if(content[i]==current) {
				loadSWF(current);
				$("#content").hide();
			}

	});

});


// sub-functions
function loadHTML(current) {
	$("#content_main").load("html/" + current + ".html", function(){ $("#content").show(); });
}


function loadSWF(current) {
	if(current=="panorama01" || current=="panorama02" || current=="panorama03") {
		_vars = {src:"swf/panorama.swf", wmode:"transparent", width:"951", height:"550", id:"panoramaa"};
		_params = {url:"images/panorama/image"+ current.substr(current.length-2) +".jpg"};
	}
	else {
		_vars = {src:"swf/nuslide.swf", wmode:"transparent", width:"951", height:"603", id:"nuslide" };
		_params = {xml:"xml/nuslide_" + current + ".xml", nav:true};
		if(current=="home") _params["nav"] = "";
	}
	swf = $('#panorama').flashembed(_vars, _params);	
}