function MOver(imgRef, imgName, doctype, submenuYN){
	var ok = false;

	switch(submenuYN){
			case "9": ok = true; break;
			case "0": if (imgRef != current){ok = true;}; break;
			case "1": if (imgRef != currsub){ok = true;}; break;
	}

	if (ok == true){
		document.images[imgRef].src="./img/" + imgName + "_s." + doctype;
	}
}

function MOut(imgRef, imgName, doctype, submenuYN){
	var ok = false;

	switch(submenuYN){
			case "9": ok = true; break;
			case "0": if(imgRef != current){ok = true;}; break;
			case "1": if(imgRef != currsub){ok = true;}; break;
	}

	if (ok == true){
		document.images[imgRef].src="./img/" + imgName + "_u." + doctype;
	}
}

function setMenu(){

	var url = window.location.href;
	var qs_sub = getQS('sub');
	var saison = "";
	var pageName = "";
	var subPage = "";
	var pageType = "";
	var imgRef = "";
	var jz1 = "";
	var jz2 = "";

// Get season ...
	if(url.indexOf('sommer') >= 0){
		jz1 = "s";
		jz2 = "sommer";
	}else{
		jz1 = "w";
		jz2 = "winter";
	}

// Get pagename ...	
	var posOfChar = url.indexOf('_');
	var lenStr = url.length;
	var tmp = Right(url, lenStr-(posOfChar+1));

	posOfChar = tmp.indexOf('.');
	pageName = Left(tmp, posOfChar);

	if(qs_sub != ""){
		mainMenuSelect = "ausfluege"
		currsub = "subausflug" + qs_sub;	// temp variable for mouse-evets ...
	}else{
		mainMenuSelect = pageName;
	}

// Set image-reference for main-menu ...
	switch(mainMenuSelect){
		case "home": imgRef = "btn1"; break;
		case "ausstattung": imgRef = "btn2"; break;
		case "preise": imgRef = "btn3"; break;
		case "ausfluege": imgRef = "btn4"; break;
		case "bilder": imgRef = "btn5"; break;
		case "kontakt": imgRef = "btn6"; break;
	}

// If Submenu-page >> write content for submenu-div ...
	if (qs_sub != "" || imgRef == "btn4"){
		writeSubmenu(jz2);
	}

// Select buttons for current page ...
		current = imgRef;	// temp variable for mouse-evets ...

	if (pageName != "impressum"){
		document.images[imgRef].src="./img/btn_" + jz1 + "_" + mainMenuSelect + "_s.png";
		if (qs_sub != ""){
			document.images[currsub].src="./img/btn_" + jz1 + "_" + pageName + "_s.png";
		}
	}
}

function menuklick(jz1, jz2, idNum, idName, submenuYN){

	// Solution for showing external pages ...
	var success = false;
	var iframe = document.getElementById("iframe_content");

	if (Left(jz2, 7) == "special"){
		switch(jz2){
			case "special_2": document.location.href = "sommer_impressum.html"; break;
			case "special_3": document.location.href = "winter_impressum.html"; break;
		}
		if (success == true){showPopup(target);}
		return;
	}

	// No special page >> set content for i-frame ...
	var htmltxt = "";
	var target = "";
	

	// Set values for checking if MouseOver/-Out are active ...
	if (submenuYN == "0"){
		//reset(jz1);
		current = idNum;
		currsub = "";
	}else{
		//resetsub(jz2);
		currsub = idNum;
	}

	document.images[idNum].src="./img/btn_" + jz1 + "_" + idName + "_s.png";	
}
	
function writeSubmenu(season){
	var submenu = document.getElementById("ausflugmenu");
	var htmltxt = "";
	
	switch(season){
		case "sommer":
			htmltxt = htmltxt + '<br/><a href="sommer_subfahrrad.html?sub=1">';
			htmltxt = htmltxt + '<img id="subausflug1" border="0" src="./img/btn_s_subfahrrad_u.png"';
			htmltxt = htmltxt + 'onmouseover="MOver(\'subausflug1\', \'btn_s_subfahrrad\', \'png\', \'1\')" ';
			htmltxt = htmltxt + 'onmouseout="MOut(\'subausflug1\', \'btn_s_subfahrrad\', \'png\', \'1\')"></a>';

			htmltxt = htmltxt + '<br/><a href="sommer_subwandern.html?sub=2">';
			htmltxt = htmltxt + '<img id="subausflug2" border="0" src="./img/btn_s_subwandern_u.png"';
			htmltxt = htmltxt + 'onmouseover="MOver(\'subausflug2\', \'btn_s_subwandern\', \'png\', \'1\')" ';
			htmltxt = htmltxt + 'onmouseout="MOut(\'subausflug2\', \'btn_s_subwandern\', \'png\', \'1\')"></a>';
			
			htmltxt = htmltxt + '<br/><a href="sommer_subwellness.html?sub=3">';
			htmltxt = htmltxt + '<img id="subausflug3" border="0" src="./img/btn_s_subwellness_u.png"';
			htmltxt = htmltxt + 'onmouseover="MOver(\'subausflug3\', \'btn_s_subwellness\', \'png\', \'1\')" ';
			htmltxt = htmltxt + 'onmouseout="MOut(\'subausflug3\', \'btn_s_subwellness\', \'png\', \'1\')"></a>';
			
			htmltxt = htmltxt + '<br/><a href="sommer_subkultur.html?sub=4">';
			htmltxt = htmltxt + '<img id="subausflug4" border="0" src="./img/btn_s_subkultur_u.png"';
			htmltxt = htmltxt + 'onmouseover="MOver(\'subausflug4\', \'btn_s_subkultur\', \'png\', \'1\')" ';
			htmltxt = htmltxt + 'onmouseout="MOut(\'subausflug4\', \'btn_s_subkultur\', \'png\', \'1\')"></a>';
			
			htmltxt = htmltxt + '<br/><a href="sommer_subsportspiel.html?sub=5">';
			htmltxt = htmltxt + '<img id="subausflug5" border="0" src="./img/btn_s_subsportspiel_u.png"';
			htmltxt = htmltxt + 'onmouseover="MOver(\'subausflug5\', \'btn_s_subsportspiel\', \'png\', \'1\')" ';
			htmltxt = htmltxt + 'onmouseout="MOut(\'subausflug5\', \'btn_s_subsportspiel\', \'png\', \'1\')"></a>';
				
			htmltxt = htmltxt + '<br/><a href="sommer_subschule.html?sub=6">';
			htmltxt = htmltxt + '<img id="subausflug6" border="0" src="./img/btn_s_subschule_u.png"';
			htmltxt = htmltxt + 'onmouseover="MOver(\'subausflug6\', \'btn_s_subschule\', \'png\', \'1\')" ';
			htmltxt = htmltxt + 'onmouseout="MOut(\'subausflug6\', \'btn_s_subschule\', \'png\', \'1\')"></a>';
			
			htmltxt = htmltxt + '<br/><br/>';	
			submenu.innerHTML = htmltxt;
		break;
			case "winter":
			htmltxt = htmltxt + '<br/><a href="winter_sublanglauf.html?sub=1">';
			htmltxt = htmltxt + '<img id="subausflug1" border="0" src="./img/btn_w_sublanglauf_u.png"';
			htmltxt = htmltxt + 'onmouseover="MOver(\'subausflug1\', \'btn_w_sublanglauf\', \'png\', \'1\')" '; 			
			htmltxt = htmltxt + 'onmouseout="MOut(\'subausflug1\', \'btn_w_sublanglauf\', \'png\', \'1\')"></a>';
			
			htmltxt = htmltxt + '<br/><a href="winter_subskihang.html?sub=2">';
			htmltxt = htmltxt + '<img id="subausflug2" border="0" src="./img/btn_w_subskihang_u.png"';
			htmltxt = htmltxt + 'onmouseover="MOver(\'subausflug2\', \'btn_w_subskihang\', \'png\', \'1\')" '; 			
			htmltxt = htmltxt + 'onmouseout="MOut(\'subausflug2\', \'btn_w_subskihang\', \'png\', \'1\')"></a>';
			
			htmltxt = htmltxt + '<br/><a href="winter_subwellness.html?sub=3">';
			htmltxt = htmltxt + '<img id="subausflug3" border="0" src="./img/btn_w_subwellness_u.png"';
			htmltxt = htmltxt + 'onmouseover="MOver(\'subausflug3\', \'btn_w_subwellness\', \'png\', \'1\')" '; 			
			htmltxt = htmltxt + 'onmouseout="MOut(\'subausflug3\', \'btn_w_subwellness\', \'png\', \'1\')"></a>';
	
			htmltxt = htmltxt + '<br/><a href="winter_subkultur.html?sub=4">';		
			htmltxt = htmltxt + '<img id="subausflug4" border="0" src="./img/btn_w_subkultur_u.png"';
			htmltxt = htmltxt + 'onmouseover="MOver(\'subausflug4\', \'btn_w_subkultur\', \'png\', \'1\')" '; 			
			htmltxt = htmltxt + 'onmouseout="MOut(\'subausflug4\', \'btn_w_subkultur\', \'png\', \'1\')"></a>';

			htmltxt = htmltxt + '<br/><a href="winter_subsportspiel.html?sub=5">';			
			htmltxt = htmltxt + '<img id="subausflug5" border="0" src="./img/btn_w_subsportspiel_u.png"';
			htmltxt = htmltxt + 'onmouseover="MOver(\'subausflug5\', \'btn_w_subsportspiel\', \'png\', \'1\')" '; 			
			htmltxt = htmltxt + 'onmouseout="MOut(\'subausflug5\', \'btn_w_subsportspiel\', \'png\', \'1\')"></a>';
			
			htmltxt = htmltxt + '<br/><br/>';	
			submenu.innerHTML = htmltxt;
		break;
	}
}

// ******************************* COMMON FUNCTIOS ****************************************************

function MOver2(imgRef, imgName, doctype){
	document.images[imgRef].src="./img/" + imgName + "_mo." + doctype;
}

function MOut2(imgRef, imgName, doctype){
	document.images[imgRef].src="./img/" + imgName + "_u." + doctype;
}

function getQS(key)
{
  key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
  var qs = regex.exec(window.location.href);
  if(qs == null)
    return "";
  else
    return qs[1];
}

function Left(str, n){
	if (n <= 0)
	    return "";
	else if (n > String(str).length)
	    return str;
	else
	    return String(str).substring(0,n);
}

function Right(str, n){
    if (n <= 0)
       return "";
    else if (n > String(str).length)
       return str;
    else {
       var iLen = String(str).length;
       return String(str).substring(iLen, iLen - n);
    }
}

function showPopup(url) {
	// uses fix width & height ...resizable);
	var w=1024, h=768, t=50, l=50;
	//newwindow = window.open(url, 'name', 'height=600, width=800, top=50, left=50, resizable=yes');
	newwindow = window.open(url, '', 'height='+h+', width='+w+', top='+t+', left='+l+', resizable=yes, scrollbars=yes');
	if (window.focus) {newwindow.focus()}
}

function showPopup2(url, percent) {
	// uses percentage for sizing the popup-window ...
	var w = 800, h = 600; // default sizes
    if (window.screen) {
        w = window.screen.availWidth * percent / 100;
        h = window.screen.availHeight * percent / 100;
    }
	newwindow = window.open(url,'windowName','width='+w+',height='+h);
	if (window.focus) {newwindow.focus()}
}

function openpreview(pic){

	var htmltxt = '<table width="100%" height="100%"><tr><td align="center" valign="middle">';
	htmltxt = htmltxt + '<img src="';
	htmltxt = htmltxt + pic + '"><br/><br/><a href="javascript:closepreview();"><img src="./img/close.png" border=0></a></td></tr></table>'

	var prev1 = document.getElementById("opaque");
	var prev2 = document.getElementById("previewpic");

	prev2.innerHTML = htmltxt;
	prev1.style.display='block';
	prev2.style.display='block';
}

function closepreview(){
	var prev1 = document.getElementById("opaque");
	var prev2 = document.getElementById("previewpic");

	prev2.innerHTML = "&nbsp;";
	prev1.style.display='none';
	prev2.style.display='none';
}

function shout(txt){
	alert(txt);
}

function preloadthumbs(){
	for(i=0; i < (x); i++){
		tmp = "img/Thumb_" + thumbs[i] + ".jpg";
		thumbsToLoad[i]=new Image();
		thumbsToLoad[i].src=tmp;
	}
}