/*  
 *  Lightbox JavaScript framework, version 1.5.0_rc1
 *  (c) 2007 Michael Blasius <mblasius@webpages>
 *
/*--------------------------------------------------------------------------*/

var dur = 0.3
var opacity = 0.65
var bkPath = '';
var bkPathFixFlash = '/blaetterkatalog/swf/blaetterkatalog.swf';
var bkPathFixConfig = '/blaetterkatalog/xml/';
var body = null;


// Scrollbars
function getScroll(){
	var ScrollTop = document.body.scrollTop;
	if (ScrollTop == 0){
		if (window.pageYOffset)
        	ScrollTop = window.pageYOffset;
   		else
	        ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
		}
	return ScrollTop
}

/* Überwachung von Netscape initialisieren */
if (!window.Weite && window.innerWidth) {
	window.onresize = neuAufbau;
	Weite = Fensterweite();
}

// Add in markup necessary to make this work. Basically two divs:
// Overlay holds the shadow
// Lightbox is the centered square that the content is put into.
function addLightboxMarkup() {

	bod 				= document.getElementsByTagName('body')[0];
	
	overlay 			= document.createElement('div');
	overlay.id			= 'overlay';

	bod.appendChild(overlay);
}

// Berechnung der Fensterbreite
function Fensterweite () {
	if (self.innerWidth) {
		Weite = self.innerWidth;
	} else if (document.documentElement && document.documentElement.clientWidth) {
		Weite = document.documentElement.clientWidth;
	} else if (document.body) {
		Weite = document.body.clientWidth;
	}
	return Weite
}

// Bei änderung der Fensterbreite werden die Layer neu ausgerich
function neuAufbau () {
  if (Weite != Fensterweite())
 	var posx = (Weite / 2) - (220/2);
 	if (document.getElementById('tipp-layer')) {
 		// Layerbreite ziehen, je nach Browser in unterschiedlichen Möglichkeiten
 		if (document.getElementById('tipp-layer').innerWidth) {
			w = document.getElementById('tipp-layer').innerWidth;
		} else if (document.getElementById('tipp-layer') && document.getElementById('tipp-layer').clientWidth) {
			w = document.getElementById('tipp-layer').clientWidth;
		} else if (document.getElementById('tipp-layer')) {
			w = document.getElementById('tipp-layer').clientWidth;
		}

		// Layer wieder ausrichten
 		var posx = (Weite / 2) - (w/2);
    	document.getElementById('tipp-layer').style.left=posx+'px';
 	} else if (document.getElementById('tipp-layer-img')) {
 		// Layerbreite ziehen, je nach Browser in unterschiedlichen Möglichkeiten
 		if (document.getElementById('tipp-layer-img').innerWidth) {
			w = document.getElementById('tipp-layer-img').innerWidth;
		} else if (document.getElementById('tipp-layer-img') && document.getElementById('tipp-layer-img').clientWidth) {
			w = document.getElementById('tipp-layer-img').clientWidth;
		} else if (document.getElementById('tipp-layer-img')) {
			w = document.getElementById('tipp-layer-img').clientWidth;
		}
 		
		// Layer wieder ausrichten
 		var posx = (Weite / 2) - (w/2);
 		document.getElementById('tipp-layer-img').style.left=posx+'px';
 	} else if (document.getElementById('angebot-layer')) {
 		// Layerbreite ziehen, je nach Browser in unterschiedlichen Möglichkeiten
 		if (document.getElementById('angebot-layer').innerWidth) {
			w = document.getElementById('angebot-layer').innerWidth;
		} else if (document.getElementById('angebot-layer') && document.getElementById('angebot-layer').clientWidth) {
			w = document.getElementById('angebot-layer').clientWidth;
		} else if (document.getElementById('angebot-layer')) {
			w = document.getElementById('angebot-layer').clientWidth;
		}
 		
		// Layer wieder ausrichten
 		var posx = (Weite / 2) - (w/2);
 		document.getElementById('angebot-layer').style.left=posx+'px';
 	} else if (document.getElementById('merkzettel-layer')) {
 		// Layerbreite ziehen, je nach Browser in unterschiedlichen Möglichkeiten
 		if (document.getElementById('merkzettel-layer').innerWidth) {
			w = document.getElementById('merkzettel-layer').innerWidth;
		} else if (document.getElementById('merkzettel-layer') && document.getElementById('merkzettel-layer').clientWidth) {
			w = document.getElementById('merkzettel-layer').clientWidth;
		} else if (document.getElementById('merkzettel-layer')) {
			w = document.getElementById('merkzettel-layer').clientWidth;
		}
 		
		// Layer wieder ausrichten
 		var posx = (Weite / 2) - (w/2);
 		document.getElementById('merkzettel-layer').style.left=posx+'px';
 	}
}



/********************************************
*											*
*					Tipp					*
*											*
*********************************************/

// Tipp anzeigen mit Text
function tipp_show(text, klasse, size, img) {
	addLightboxMarkup();
	
	var content = 
	'<div id="'+klasse+'">'+
	//'<div class="tipp_title"><img src="/fileadmin/img/boxen/'+img+'" width="'+size+'" height="29" alt="Tipp" /></div>'+
	'<div class="tipp_title" id="title_ico"></div>'+
	'<span class="close"><a href="javascript:;" onclick="tipp_hide(\''+klasse+'\');">schließen</a></span>'+
	'<div class="tippbox">'+
		text+
	'</div>'+
	'</div>';
	
	body = document.getElementsByTagName('body')[0];
		new Insertion.Top(body, content);
		
	document.getElementById('overlay').style.display='block';
    
	// Berechnung der Layergrößen für die verschiedenen Browser
	if (self.innerHeight) // all except Explorer
	{
		var screenw = self.innerWidth;
    	var screenh = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
		// Explorer 6 Strict Mode
	{
		screenw = document.documentElement.clientWidth;
    	screenh = document.documentElement.clientHeight;
	}
	else if (document.body) // other Explorers
	{
		screenw = document.body.clientWidth;
    	screenh = document.body.clientHeight;
	}
	
	var posx = (screenw / 2) - (size/2);
	var posy = 222;
	
	document.getElementById(klasse).style.top=posy+'px';
	document.getElementById(klasse).style.left=posx+'px';
	document.getElementById(klasse).style.display='block';
	document.getElementById('header').style.zIndex='5';
	
	// Bild nach Verzögerung in das HTML rendern
	window.setTimeout("load_title_img('"+size+"', '"+img+"', 'Tipp')", 100);
}


// Tipp anzeigen mit einem Bild
function tipp_show_img(src, klasse, height, width, img) {
	addLightboxMarkup();
	
	var content = 
	'<div id="'+klasse+'">'+
	//'<div class="tipp_title"><img src="/fileadmin/img/boxen/'+img+'" width="'+width+'" height="29" alt="Tipp" /></div>'+
	'<div class="tipp_title" id="title_ico"></div>'+
	'<span class="close"><a href="javascript:;" onclick="tipp_hide(\''+klasse+'\');">schlie&szlig;en</a></span>'+
	'<div class="tippbox" id="tippbild">'+
		//'<img src="/'+src+'" width="'+width+'" height="'+height+'" id=\"meinbild\" />'+
	'</div>'+
	'</div>';
	
	body = document.getElementsByTagName('body')[0];
		new Insertion.Top(body, content);
		
	document.getElementById('overlay').style.display='block';

	//var screenw = screen.availWidth;
	//var screenh = screen.availHeight;
	
	if (self.innerHeight) // all except Explorer
	{
		var screenw = self.innerWidth;
    	var screenh = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
		// Explorer 6 Strict Mode
	{
		screenw = document.documentElement.clientWidth;
    	screenh = document.documentElement.clientHeight;
	}
	else if (document.body) // other Explorers
	{
		screenw = document.body.clientWidth;
    	screenh = document.body.clientHeight;
	}
	
	var posx = (screenw / 2) - (width/2);
	var posy = 222;
	
	document.getElementById(klasse).style.top=posy+'px';
	document.getElementById(klasse).style.left=posx+'px';
	document.getElementById(klasse).style.display='block';
	document.getElementById('header').style.zIndex='5';

	// Bild nach Verzögerung in das HTML rendern
	window.setTimeout("load_img('"+src+"', '"+height+"', '"+width+"', '"+img+"')", 500);
	window.setTimeout("load_title_img('"+width+"', '"+img+"', 'Tipp')", 100);
	
}


// Beliebiges Bild nachladen, wird sonst nicht angezeigt
function load_img(src, height, width) {
	document.getElementById('tippbild').innerHTML = '<img src="/'+src+'" width="'+width+'" height="'+height+'" />';
}

// Titlebild nachladen, wird sonst nicht angezeigt
function load_title_img(width, img, alt) {
	document.getElementById('title_ico').innerHTML = '<img src="/fileadmin/img/boxen/'+img+'" width="'+width+'" height="29" alt="'+alt+'" />';
}

//
function tipp_hide(klasse) {
	document.getElementById(klasse).style.display='none';
	document.getElementById('header').style.zIndex='1000';
	document.getElementById('overlay').style.display='none';
}

/********************************************
*											*
*				Angebot						*
*											*
*********************************************/

// Infobox für das Angebot // Ausgewählter Markt
function angebot_show(filiale, text, klasse, height, width, img) {
	addLightboxMarkup();
	
	var content = '<div id="'+klasse+'">'+
	'<div class="title" id="title_ico"></div>'+
	'<span class="close"><a href="javascript:;" onclick="angebot_hide(\''+klasse+'\');">schlie&szlig;en</a></span>'+
	'<div class="angebotbox">'+
	'<p><strong><em>Sie haben folgenden toom BauMarkt ausgewählt</em></strong></p>'+
		text+
	'<div class="btn_align">'+
	'<div class="btn"><a href="/angebot/filialen/'+filiale+'/0/0/1.html">OK</a></div>'+
	'</div>'+
	'</div>'+
	'</div>';
	
	body = document.getElementsByTagName('body')[0];
		new Insertion.Top(body, content);
		
	document.getElementById('overlay').style.display='block';

	//var screenw = screen.availWidth;
	//var screenh = screen.availHeight;
	
	if (self.innerHeight) // all except Explorer
	{
		var screenw = self.innerWidth;
    	var screenh = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
		// Explorer 6 Strict Mode
	{
		screenw = document.documentElement.clientWidth;
    	screenh = document.documentElement.clientHeight;
	}
	else if (document.body) // other Explorers
	{
		screenw = document.body.clientWidth;
    	screenh = document.body.clientHeight;
	}
	
	var posx = (screenw / 2) - (width/2);
	var posy = (screenh / 2) - (height/2);
	
	document.getElementById(klasse).style.top=posy+'px';
	document.getElementById(klasse).style.left=posx+'px';
	document.getElementById(klasse).style.display='block';
	document.getElementById('header').style.zIndex='5';

	// Bild nach Verzögerung in das HTML rendern
	window.setTimeout("load_title_img('"+width+"', '"+img+"', 'gewähltes Angebot')", 100);
	
}

// Info schließen
function angebot_hide(klasse) {
	document.getElementById(klasse).style.display='none';
	document.getElementById('header').style.zIndex='1000';
	document.getElementById('overlay').style.display='none';
}



/********************************************
*											*
*				Blätterkatalog				*
*											*
*********************************************/

// Blätterkatalog öffnen
function bk_show_new(path, plz, ort, stdtext, last_site) { 
	// Pfad Blätterkatalog
	bkPath = '/fileadmin/blaetterkatalog' + path;
	var content = '<div id="bkWrapper">' +
				'<div id="bkMenu">' +
					'<div id="bkCloseLink">' + 
						'<span class="aOverV"><a href="javascript:;" onClick="bk_hide(\''+last_site+'\');return false;">Zur&uuml;ck zur &Uuml;bersicht</a></span>' +
						//'<div><span class="angebot">Angebot vom 15. August 2007</span></div>' +
						'<div><span class="angebot">Angebot '+stdtext+'</span></div>' +
						'<span class="aClose"><a href="javascript:;" onClick="bk_hide(\''+last_site+'\');return false;">Fenster schliessen</a></span>' + 
					'</div>' +
				'</div>' +
			   	'<div id="bkLayer">' +
		    		'<div id="bkHolder" align="center" style="display:none;">' +
		    			'<br /><br /><br /><br />Der Toom-Bl&aumlt;tterkatalog ben&ouml;tigt um angezeigt werden zu können den <b>Adobe Flash Player</b>!' +
		    			'<br />Bitte klicken Sie auf den Button weiter unten um den Adobe Flash Player zu installieren.' +
		    			'<br /><br /><a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&promoid=BIOW" target="_blank"><img src="img/get_flash_player.gif" alt="Flash Player herunterladen" width="88" height="31" border="0"></a>' +
		    			'<br />' +
		    		'</div>' +
		    	'</div>' +
		    	'<div id="bkBack">&nbsp;</div>' +
		    '</div>';
	
	body = document.getElementsByTagName('body')[0];
		new Insertion.Top(body, content);
	
	var posx = 0;
	var posy = 0;
	
	// Layer anzeigen
	document.getElementById('bkWrapper').style.top=posy+'px';
	document.getElementById('bkWrapper').style.left=posx+'px';
	document.getElementById('bkWrapper').style.display='block';
	document.getElementById('bkBack').style.display='block';
	document.getElementById('bkBack').style.backgroundColor='black';
	document.getElementById('bkBack').style.opacity='0.65';
	document.getElementById('bkLayer').style.display='block';
	document.getElementById('header').style.zIndex='5';

	// Flash anzeigen
	/*var so = new swfobject(bkPath + bkPathFixFlash, "bkflash", "960", "734", "6", "#FFFFFF");
	so.addParam("quality", "low");
	so.addParam("quality","HIGH");
	so.addParam("allowScriptAccess","sameDomain");
	so.addParam("salign", "t");
	so.addParam("scale", "noborder");
	so.addVariable("catalog_config", bkPath + bkPathFixConfig);
	so.addVariable("pagenr", "1");
	so.addVariable("sid","12345");
	so.addParam("menu", "false");
	so.write("bkHolder");
	$('bkHolder').show();*/
	
	var loaded = false;
	var side = "";
	
	var flashvars = {side:'', catalog_config:bkPath + bkPathFixConfig, pagenr:"1",sid:"12345"};
	var params = {allowfullscreen:"true", bgcolor:"#ffffff", swliveconnect:"true", wmode:"transparent", menu:"false"};
	var attributes = {id:"bkflash", name:"bkflash"};
	swfobject.embedSWF(bkPath + "/blaetterkatalog/swf/blaetterkatalog.swf", "bkHolder", "960", "734", "8.0.0", "/fileadmin/js/expressInstall.swf", flashvars, params, attributes);
	
}

// Blätterkatalog schließen
function bk_hide(last_site) {
	document.getElementById('bkWrapper').style.display='none';
	document.getElementById('header').style.zIndex='1000';
	window.location.href=last_site;
}

/********************************************
*											*
*				Benutzerkonto				*
*											*
*********************************************/

function kontoloeschen_show() { 
	addLightboxMarkup();
	var content = '<div id="merkzettel-layer">'+
	'<div class="title"><img src="fileadmin/img/boxen/konto_loeschen.gif" width="547" height="29" alt="Benutzerkonto löschen" /></div>'+
	'<div class="ie_title_mz">BENUTZERKONTO LÖSCHEN</div>'+
	'<div class="merkbox">'+
	'<p><strong>M&ouml;chten Sie Ihr Benutzerkonto wirklich l&ouml;schen?</strong></p>'+
	'<div class="btn_align">'+
	'<div class="btn"><a href="loeschen.html?no_cache=1&tx_srfeuserregister_pi1[cmd]=delete">Ja</a></div>'+
	'<div class="btn"><a href="javascript:;" onclick="merkzettel_hide();">Nein</a></div>'+
	'</div>'+
	'</div>'+
	'</div>';
	
	body = document.getElementsByTagName('body')[0];
		new Insertion.Top(body, content);
		
	document.getElementById('overlay').style.display='block';

	
	var screenw = screen.availWidth;
	var screenh = screen.availHeight;
	
	var posx = (screenw / 2) - 270;
	var posy = 240;
	
	document.getElementById('merkzettel-layer').style.top=posy+'px';
	document.getElementById('merkzettel-layer').style.left=posx+'px';
	document.getElementById('merkzettel-layer').style.display='block';
	document.getElementById('header').style.zIndex='5';
	
}

/********************************************
*											*
*				Merkzettel					*
*											*
*********************************************/

function merkzettel_show() { 
	addLightboxMarkup();
	var content =	'<div id="merkzettel-layer">'+
						'<div class="title"><img src="fileadmin/img/boxen/title_merkzettelcancel.gif" width="547" height="29" alt="Merkzettel löschen" /></div>'+
						'<div class="ie_title_mz">MERKZETTEL LÖSCHEN</div>'+
						'<div class="merkbox">'+
							'<p><strong>M&ouml;chten Sie den gesamten Merkzettel l&ouml;schen?</strong></p>'+
							'<div class="btn_align">'+
								'<div class="btn"><a href="merkzettel.html?tx_toommerkzettel_pi1[delete]=all">Ja</a></div>'+
								'<div class="btn"><a href="javascript:;" onclick="merkzettel_hide();">Nein</a></div>'+
							'</div>'+
						'</div>'+
					'</div>';
	
	body = document.getElementsByTagName('body')[0];
		new Insertion.Top(body, content);
		
	document.getElementById('overlay').style.display='block';

	
	var screenw = screen.availWidth;
	var screenh = screen.availHeight;
	
	var posx = (screenw / 2) - 270;
	var posy = 240;
	
	document.getElementById('merkzettel-layer').style.top=posy+'px';
	document.getElementById('merkzettel-layer').style.left=posx+'px';
	document.getElementById('merkzettel-layer').style.display='block';
	document.getElementById('header').style.zIndex='5';
	
}

function merkzettel_hide() {
	document.getElementById('merkzettel-layer').style.display='none';
	document.getElementById('header').style.zIndex='1000';
	document.getElementById('overlay').style.display='none';
}