// JavaScript Document


// init werte



//Neue Funktionen für bildergalerie (overlay)

function onComplete(imageid) {
	if(document.getElementById(imageid).complete == true)
	{
		document.getElementById(imageid).style.visibility = 'visible';
	}
	else
	{
		setTimeout("onComplete("+imageid+")",100);
	}
}

// Scripts zum Blättern der rechten Thumbs



function scroll_thumb_oben(get_main, fk_anlagen_id, jahreszeit)
{
	if(bildwechsel_aktiv) return false;
	aktives_bild++;
	scroll_thumb(get_main, fk_anlagen_id, jahreszeit);
}

function scroll_thumb_unten(get_main, fk_anlagen_id, jahreszeit)
{
	if(bildwechsel_aktiv) return false;
	aktives_bild--;
	scroll_thumb(get_main, fk_anlagen_id, jahreszeit);
}

var wechsel_main_bilder = null;

function scroll_thumb(get_main, fk_anlagen_id, jahreszeit)
{
	if(bildwechsel_aktiv) return false;
	var aktiv_bild_1 = aktives_bild + 1;

	if(aktiv_bild_1 > max_bilder)
	{
		aktiv_bild_1 = aktiv_bild_1 - max_bilder;
	}

	//Positioniere Thumbliste -> Funktioniert!
	ajax_request('thumb_div_img_list', 'ajax-request/get_bilder.ax.php?aufloesung='+aufloesung+'&typ=main&fk_anlagen_id='+fk_anlagen_id+'&jahreszeit='+jahreszeit+'&nr='+aktiv_bild_1, '', '', '');

	if(get_main)
	{
		clearInterval(wechsel_interval);

		wechsel_interval = null;

		//Neues Bild in hinteres "Tempbild" legen...
		ajax_request('bild_main_inner', 'ajax-request/get_bilder.ax.php?aktuellesBild='+document.getElementById('bild_main').src+'&aufloesung='+aufloesung+'&typ=get_main&fk_anlagen_id='+fk_anlagen_id+'&jahreszeit='+jahreszeit+'&nr='+aktiv_bild_1, '', '', '');

		ausblenden_aktiv = true;
		wechsel_interval = window.setInterval('weicher_wechsel(\'xxx\')', 50);
	}

	if(aktiv_bild_1 == 1)
	{
		aktives_bild = 1;
	}
}


var wechsel_idx = 0;
var wechsel_interval = null;
var ausblenden_aktiv = false;
var einblenden_aktiv = false;
var bildwechsel_aktiv = false;

var bild_temp_geladen = false;

function weicher_wechsel(img_src)
{
	bildwechsel_aktiv = true;
	wechsel_idx++;
	if(wechsel_idx <= 10)
	{
		document.getElementById("debug_text").value = "bildtempgel: "+bild_temp_geladen;
		if(!ausblenden_aktiv && !einblenden_aktiv)
		{
			document.getElementById('bild_main').src = document.getElementById('bild_main_temp').src;
			wechsel_idx = 0;
			einblenden_aktiv = true;
			//alert("Bilderwechsel");
			document.getElementById("debug_text").value = "Bilderwechsel";
		}

		if(ausblenden_aktiv)
		{
			if(img_src != "xxx")
			{
				document.getElementById('bild_main_temp').src = img_src;
			}
			var ie_op = wechsel_idx * 10;// * 10;
			var nes_op = wechsel_idx /  10;
			document.getElementById('bild_main_div').style.filter = 'alpha(opacity='+(100 - ie_op)+')';
			document.getElementById('bild_main_div').style.opacity = (1.0 - nes_op);

			if(nes_op == 1.0 || ie_op == 100)
			{
				ausblenden_aktiv = false;
				wechsel_idx = 0;
				document.getElementById('bild_main').style.display = 'none';
				//alert("Ausgeblendet");
				document.getElementById("debug_text").value = "Ausgeblendet";
			}
		}
		else if(einblenden_aktiv && bild_temp_geladen == true)
		{
			document.getElementById("debug_text").value = "in Eingeblendet";

			document.getElementById('bild_main_temp').style.display = '';
			var ie_op = wechsel_idx * 10;// * 5;
			var nes_op = wechsel_idx /  10;//20;
			document.getElementById('bild_main_div').style.filter = 'alpha(opacity='+ie_op+')';
			document.getElementById('bild_main_div').style.opacity = (0.0 + nes_op);

			if(nes_op == 1.0 || ie_op == 100)
			{
				einblenden_aktiv = false;
				clearInterval(wechsel_interval);
				wechsel_interval = null;
				wechsel_idx = 0;
				document.getElementById('bild_main').style.display = '';
				document.getElementById('bild_main_temp').style.display = 'none';
				bild_temp_geladen = false;
				bildwechsel_aktiv = false;
				//alert("Eingeblendet");
				document.getElementById("debug_text").value = "Eingeblendet";
			}
		}
		else if(einblenden_aktiv && bild_temp_geladen == false)
		{
			wechsel_idx--;
		}
	}
}

function goToWinter(anlagen_id) 
{
	location.href = "clubhotel-winter-"+anlagen_id+".html?winter=1&startBildergalerie=1";
}

function goToSommer(anlagen_id)
{
	location.href = "anlage"+anlagen_id+".html?startBildergalerie=1";
}


function bildergalerie_start()
{
	//Überprüfe ob Flash vorhanden ist...
	var flash = flash_flag;
	
	if(flash == true)
	{
		document.getElementById('vid_schatten_overlay').style.display = '';
		document.getElementById('bilderdiv').style.display = '';
	}
	else
	{
		checkResolution('/sites/www.klub-urlaub.de/htdocs', document.getElementById('winter_flag').value);
		document.getElementById('schatten_overlay').style.display = '';
		document.getElementById('div_bildergalerie').style.display = '';

		//Thumbs laden...
		loadThumbBilder();
		aktives_bild = 0;
	}


	//IE6 stellt Selectfelder als obersten Z-Index über andere Layer dar, deshalb diese ausblenden..
	document.getElementsByName('land')[0].style.display = 'none';
	document.getElementsByName('anl_kat')[0].style.display = 'none';
	document.getElementsByName('veranst')[0].style.display = 'none';


}

function closeBilder()
{
	document.getElementById('schatten_overlay').style.display='none';
	document.getElementById('div_bildergalerie').style.display='none';
	document.getElementsByName('land')[0].style.display = '';
	document.getElementsByName('anl_kat')[0].style.display = '';
	document.getElementsByName('veranst')[0].style.display = '';
}

var aufloesung = 0;
function checkResolution(imgsrc, winterflag)
{
	var winter = "";
	if(winterflag == 'true')
	winter = "_w";

	if(screen.width <= 1024)
	{
		aufloesung = screen.width;

		//Bildergalerie Hintergrund positionieren
		document.getElementById("div_bildergalerie").style.backgroundImage = "url('"+imgsrc+"/db_images/layout_bildergalerie/hg_800"+winter+".jpg')";


		document.getElementById("div_bildergalerie").style.width = '800px';
		document.getElementById("div_bildergalerie").style.height = '600px';
		document.getElementById("div_bildergalerie").style.top = '0px';
		document.getElementById("div_bildergalerie").style.left = '20px';


		if(document.getElementById("bild_main").width > document.getElementById("bild_main").height)
		{
			document.getElementById("bild_main").width = '600';
		}
		else
		{
			document.getElementById("bild_main").height = '450';
		}
		//document.getElementById("bild_main_temp").width = '600px';

		//Mainbilder divs positionieren
		document.getElementById("bild_main_div").style.top = '72px';
		document.getElementById("bild_main_div").style.left = '6px';
		document.getElementById("bild_main_div").style.width = '600px';
		document.getElementById("bild_main_div").style.height = '450px';

		document.getElementById("thumb_div_img_list").style.left = '598px';
		document.getElementById("thumb_div_img_list").style.top = '34.5px';
		document.getElementById("thumb_div_img_list").style.height = '600px';
		document.getElementById("thumb_div_img_list").style.width = '200px';

		document.getElementById("pfeil_zurueck").style.top = '538px';
		document.getElementById("pfeil_zurueck").style.left = '418px';
		document.getElementById("pfeil_zurueck").style.width = '16px';
		document.getElementById("pfeil_zurueck").style.height = '18px';

		document.getElementById("pfeil_start").style.top = '538px';
		document.getElementById("pfeil_start").style.left = '502px';
		document.getElementById("pfeil_start").style.width = '16px';
		document.getElementById("pfeil_start").style.height = '18px';

		document.getElementById("pfeil_vor").style.top = '538px';
		document.getElementById("pfeil_vor").style.left = '576px';
		document.getElementById("pfeil_vor").style.width = '16px';
		document.getElementById("pfeil_vor").style.height = '18px';

		document.getElementById("div_schliessen").style.top = '6px';
		document.getElementById("div_schliessen").style.left = '672px';
		document.getElementById("div_schliessen").style.width = '109px';
		document.getElementById("div_schliessen").style.height = '15px';

		document.getElementById("pfeil_oben").style.top = '77px';
		document.getElementById("pfeil_oben").style.left = '709px';
		document.getElementById("pfeil_oben").style.width = '15px';
		document.getElementById("pfeil_oben").style.height = '13px';

		document.getElementById("pfeil_unten").style.top = '554px';
		document.getElementById("pfeil_unten").style.left = '709px';
		document.getElementById("pfeil_unten").style.width = '15px';
		document.getElementById("pfeil_unten").style.height = '13px';

		//Anlagen Titel
		document.getElementById("anlagen_titel").style.top = '526px';
		document.getElementById("anlagen_titel").style.left = '15px';
		document.getElementById("img_anlagen_titel").src = 'show_bildergalerie_anlagen_namen/show_name.php?aufloesung='+aufloesung+'&anlagebez='+document.getElementById("temp_anlagen_name").value;

		document.getElementById("sommer_button").style.top = '20px';
		document.getElementById("sommer_button").style.left = '532px';
		document.getElementById("sommer_button").style.width = '87px';
		document.getElementById("sommer_button").style.height = '15px';

		document.getElementById("winter_button").style.top = '40px';
		document.getElementById("winter_button").style.left = '545px';
		document.getElementById("winter_button").style.width = '70px';
		document.getElementById("winter_button").style.height = '15px';

	}
	else if(screen.width == 800)
	{
		/*
		document.getElementById("div_bildergalerie").style.backgroundImage = "url('"+imgsrc+"/images/layout_bildergalerie/hg_600"+winter+".jpg')"
		document.getElementById("div_bildergalerie").style.width = '600';
		document.getElementById("div_bildergalerie").style.height = '450';
		*/
	}
}