/**
 * @author lindemann
 */
function Layer(){


	var Layer = new Object();
	
	var strStyle = null;
	var intHoehe = null;
	var intBreite = null;
	var strHeaderType = null;
	var strContentText = null;
	
	
	var strLayerHeader = '';
	var strLayerContent = '';
	var strLayerFooter = '';
	
	this.setParams = function(intBreite, intHoehe, strHeaderType, strStyle, strContent){
		this.intBreite = intBreite;
		this.intHoehe = intHoehe;
		this.strStyle = strStyle;
		this.strHeaderType = strHeaderType;
		if(strContent != undefined)
			this.strContentText = strContent;
	}

	this.getProductInfos = function(){
	
		var response = new XML.ObjTree();
		response = response.parseHTTP('Shop_Relaunch/HtmlJS/de/' + counter + '.xml');
		eval(response.Matrix);
		
	}
	
	this.setLayerHeader = function(){
		switch (this.strHeaderType) {
			case 'addToBasket':
			case 'addToBasketAbo':
				var strOut = '\
					<div id="LayerHeader" class="addToBasketLayerHeader">\
						<div style="width:20px;margin-top:5px;"><img src="Shop_Relaunch/Img/Header/de/ico_warenkorb_low.gif" /></div>\
					   	<div style="width:180px; text-align:left;">Folgender Artikel wurde in Ihren<br />Warenkorb gelegt:</div>\
					   	<div style="width:110px; height:20px; color:#FFFFFF; text-align:right; padding-top:17px;padding-right:10px;"><a href="javascript:void(0)" onmouseup="closeLayers(\'HinweisLayer\', \'FaderLayer\');">Schließen<img src="Shop_Relaunch/Img/Product/de/but_schliessen.gif" style="vertical-align:-2px;padding-left:5px;"/></a></div>';
				break;
			case 'ProductDetailLayer':
			 	
				strNaviBreite = Prototype.Browser.IE ? 561 : 561;
				var strOut ='\
					<div id="LayerHeader" class="ProductDetailLayerHeader">\
						<table border="0" cellspacing="0" cellpadding="0" style="width:'+strNaviBreite+'px;">\
							<tr>\
								<td style="text-align:left; width:70%">';
						
									if (DetailIFrame.New_Sale=='Sale'){strOut += '<img src="http://www.falke-shop.com/Shop_Relaunch/Img/Overview/de/ico_sale.gif" style="padding-bottom:5px;"><br>';}
									if (DetailIFrame.New_Sale=='Neu'){strOut += '<img src="http://www.falke-shop.com/Shop_Relaunch/Img/Overview/de/ico_neu.gif" style="padding-bottom:5px;"><br>';}
									strOut += '<span style="font-family:Helvetica, Arial, Geneva, sans-serif; font-size:24px; color:#FFFFFF;">'+DetailIFrame.StyleName+'</span><br><span class="text_g12layer">' + DetailIFrame.Claim2.truncate(70) + '</span>\
								</td>\
								<td align="right" valign="top" style="width:30%" nowrap><span class="text_g11layer"><a href="javascript:closeLayers(\'HinweisLayer\', \'FaderLayer\');" style="text-decoration:none;">Schließen&nbsp;<img src="http://www.falke-shop.com/Shop_Relaunch/Img/Overview/de/but_schliessen.gif" border="0" style="vertical-align:-3px;"></a></span></td>\
							</tr>\
						</table>\
					';
					break;
			case 'Meldung':
				var strOut = '\
					<div id="LayerHeader" class="addToBasketLayerHeader">\
						<div style="width:210px; font-size:14pt; text-align:left; padding-top:13px;">&nbsp;</div>\
					   	<div style="width:110px; height:20px; color:#FFFFFF; text-align:right; padding-top:17px;padding-right:10px;"><a href="javascript:void(0)" onmouseup="closeLayers(\'HinweisLayer\', \'FaderLayer\');">Schließen<img src="Shop_Relaunch/Img/Product/de/but_schliessen.gif" style="vertical-align:-2px;padding-left:5px;"/></a></div>';
				break;		}
		
		strOut += '</div>';
		
		this.strLayerHeader = strOut;
	}
	
	this.setLayerContent = function(){
		switch (this.strHeaderType) {
			case 'addToBasket':
			case 'addToBasketAbo':
				var strOut = '<div id="LayerContent" class="addToBasketLayerContent">\
						<div style="width:110px; height:140px;"><img src="Shop/PicDestStyleList/' + DetailIFrame.StyleNumber + '_' + DetailIFrame.ColorNumber + '.jpg" /></div>\
					   <div style="width:220px; height:140px;">\
					   	<span>\
							' + DetailIFrame.StyleName + '<br>\
							Artikelnr.: ' + DetailIFrame.StyleNumber + '<br>\
							Farbe: ' + DetailIFrame.document.forms[0].ColorList[DetailIFrame.document.forms[0].ColorList.selectedIndex].text + '<br>\
							Größe: ' + DetailIFrame.document.forms[0].SizeList[DetailIFrame.document.forms[0].SizeList.selectedIndex].text + '<br>\
							Menge: ' + (DetailIFrame.document.forms[0].Qty.selectedIndex + 1) + '<br>\
							Preis: ' + formatPrice(DetailIFrame.GetPriceNew(DetailIFrame.document.forms[0].ColorList.selectedIndex, DetailIFrame.document.forms[0].SizeList.selectedIndex + 1)) + '&nbsp;&euro;\
					   	</span>\
					   </div>';
				break;
			case 'ProductDetailLayer':
				var strOut = '<div id="LayerContent" class="ProductDetailLayerContent">\
				<div id="LayerNavigation">' + SchalteLayerNavi() + '</div>\
					<div id="piclayer" style="display:block; padding:15px;">\
							<img src="../../../Shop/PicDestStyleZoom/'+DetailIFrame.StyleNumber+'_'+DetailIFrame.ColorNumber+'.jpg" style="border:1px solid #D3D3D3;" alt="'+DetailIFrame.StyleName+'" name="PicDestStyleZoom">\
					</div>\
					<div id="desclayer" style="display:none; padding:15px;">\
							<table border="0" cellspacing="0" cellpadding="0">\
								<tr>\
									<td width="160" valign="top" align="left">\
									<span class="text_g12material">';
									if (DetailIFrame.Material > ' ')
										{
											strOut += '<b>Material:</b><br><br>'+ DetailIFrame.Material.replace(/\s+([0-9]+)/g, '<br><br>$1').replace(/<br>([0-9]{1}\%)/g, '<br><span style="color:#FFF">0</span>$1').replace(/\sStrap:/g, '<br><br>Strap:');
										}								
									strOut +='</span></td>\
									<td align="left">\
										<table border="0" cellspacing="0" cellpadding="0">\
											<tr>\
												<td>';
													if (DetailIFrame.DescStyleLong > ' ')
													{
														strOut += '<span class="text_g12material"><b>Produktinformation:</b><br><br>'+DetailIFrame.DescStyleLong+'</span>';
													}
													else
														{
															strOut += '<span class="text_g12material"><b>Produktinformation:</b><br><br>'+DetailIFrame.DescStyleShort+'</span>';
														}
											strOut +='</td>\
											</tr>\
											<tr>\
												<td style="padding-top:20px;">';
													if(DetailIFrame.CareSymbole > ' ')
													{
														strOut +='<span class="text_g12material"><b>Pflegehinweise:</b></span><br>' + CareSyms();
													}
													strOut += '\
												</td>\
											</tr>\
										</table>\
									</td>\
								</tr>\
							</table>\
					</div>';
				break;
			case 'Meldung':
				var strOut = '<div id="LayerContent" class="addToBasketLayerContent">\
					   <div style="width:330px; height:80px; text-align:left; padding:10px; padding-top:40px;">\
					   	' +this.strContentText+ '\
					   </div>';
				break;				
		}
		strOut += '</div>';
		
		this.strLayerContent = strOut;
	}
	
	this.setLayerFooter = function(){
		if (this.strHeaderType == 'addToBasket' || this.strHeaderType == 'addToBasketAbo') {
			var strOut = '<div id="LayerFooter" class="addToBasketLayerFooter">';
			switch (this.strHeaderType) {
				case 'addToBasket':
					strOut += '<div style="width:175px;"><a href="javascript:void(0)" onmouseup="closeLayers(\'HinweisLayer\', \'FaderLayer\');"><img src="Shop_Relaunch/Img/Product/de/but_weiter_einkaufen.gif" /></a></div>\
						   <div style="width:175px;"><a onmouseup="closeLayers(\'HinweisLayer\', \'FaderLayer\'); makeBasket(false)" href="javascript:void(0);"><img src="Shop_Relaunch/Img/Product/de/but_zur_kasse_gehen.gif" /></a></div>';
					break;
				case 'addToBasketAbo':
					strOut += '<div style="width:175px;"><a href="javascript:void(0)" onmouseup="closeLayers(\'HinweisLayer\', \'FaderLayer\');"><img src="Shop_Relaunch/Img/Product/de/but_weiter_einkaufen.gif" /></a></div>\
						   <div style="width:175px;"><a onmouseup="closeLayers(\'HinweisLayer\', \'FaderLayer\'); makeBasket(true)" href="javascript:void(0);"><img src="Shop_Relaunch/Img/Product/de/but_zur_kasse_gehen.gif" /></a></div>';
					break;
			}
			
			strOut += '</div>';
		}
		else strOut = '';
		
		this.strLayerFooter = strOut;
	}
	
	this.getLayerHeader = function(){
		return this.strLayerHeader;
	}
	this.getLayerContent = function(){
		return this.strLayerContent;
	}
	this.getLayerFooter = function(){
		return this.strLayerFooter;
	}
	
	this.initLayer = function(intBreite, intHoehe, strHeaderType, strStyle, strContent){
		this.setParams(intBreite, intHoehe, strHeaderType, strStyle, strContent);
		this.setLayerHeader();
		this.setLayerContent();
		this.setLayerFooter();
	}
	
	this.WriteLayer = function(){
		
			try {
				DetailIFrame.document.getElementById('SizeList').style.display = 'none';
				DetailIFrame.document.getElementById('Qty').style.display = 'none';
				DetailIFrame.document.getElementById('farbliste').style.display = 'none';
			}
			catch(e){}
			
			HinweisLayer = new Element('div');
			HinweisLayer.setAttribute('style', this.strStyle);
			if (this.intHoehe != null) 
				HinweisLayer.style.height = this.intHoehe + 'px';
			if (this.intBreite != null)
				HinweisLayer.style.width = this.intBreite + 'px';
			if (this.intHoehe != null) 
				HinweisLayer.style.top = ((getPageSize()[1] - this.intHoehe) / 4.2) + 'px';
			else 
				HinweisLayer.style.top = ((getPageSize()[1]) / 7.7) + 'px';
			
			
			HinweisLayer.style.left = ((getPageSize()[0] - this.intBreite) / 2) + 'px';
			HinweisLayer.setAttribute('id', 'HinweisLayer');
			if(Prototype.Browser.IE)
				HinweisLayer.setStyle({border: '1px solid #828282'});
			$(HinweisLayer).update(this.getLayerHeader() + this.getLayerContent() + this.getLayerFooter());
			
			$('FaderLayer').style.width = getPageSize()[0] + 'px';
			$('FaderLayer').style.height = getPageSize()[1] + 'px';
			$('FaderLayer').style.display = 'block';
		 
		 return HinweisLayer;
	}
}

	function closeLayers(strLayerName, strFaderName){
		try{
			DetailIFrame.document.getElementById('SizeList').style.display = 'block';
			DetailIFrame.document.getElementById('farbliste').style.display = 'block';
			DetailIFrame.document.getElementById('Qty').style.display = 'block';
		}catch(e){}
		
		
		$(strLayerName).remove();
		$(strFaderName).hide();//eval(objLayer + 'style.display = \'none\';');
	}

function deActivate(num) {
		num.className='table_off';
		num.onmouseout = function(){deActivate(num)};
}

var objOldActivate = null;

function Activate(num) {

	if(num == undefined) num = $('L_desc');

	if(num != undefined)
		num.className='table_on';
}

function SchalteLayerNavi()
{	
		var strOut = '';
		strOut += '<table border="0" height="30" cellspacing="0" cellpadding="0" style="width:580px;">\
						<tr>\
							<td id="L_zoom" class="table_off" onmouseout="deActivate(this)" onmouseover="Activate(this)" onclick="showInfo(\'zoom\', this)" style="cursor:pointer;border-left:none; width:40px;">ZOOM</td>\
							<td id="L_detail1" class="table_off" onmouseout="deActivate(this)" onmouseover="Activate(this)" onclick="showInfo(\'detail1\', this)" style="cursor:pointer; width:105px;">DETAILANSICHT</td>';

		if(DetailIFrame.PicSrcFit > ' ' && DetailIFrame.PicSrcFit != DetailIFrame.ColorNameDefault)
		{
			strOut += '<td id="L_detail2" class="table_off" onmouseout="deActivate(this)" onmouseover="Activate(this)" onclick="showInfo(\'detail2\', this)" style="cursor:pointer; width:115px;">DETAILANSICHT 2</td>';
		}

		strOut += '		<td id="L_desc" class="table_off" onmouseout="deActivate(this)" onmouseover="Activate(this)" onclick="showInfo(\'desc\', this)" style="cursor:pointer; width:197px;">INFORMATION & PFLEGE</td>\
						</tr>\
					</table>';	

		return strOut;
}


function CareSyms()
{

	var image_pfad = ' ';

	if(DetailIFrame.Division=='Gentlemans Corner [Luxury Line]' || DetailIFrame.Division=='Luxury Line')
	{
		image_pfad = '../../Shop_Relaunch/PicDestCareSym/standart/';
	}
	else
		{
			image_pfad = '../../Shop_Relaunch/PicDestCareSym/standart/';
		}	

	if(DetailIFrame.CareSymbole=='')
	{
	return;
	}
	 var Symbols = DetailIFrame.CareSymbole.split(",");
	 var CS = ''; 
	 for (var i=0;i<Symbols.length;i++)
	 {
	  CS = CS+('<img src="' + image_pfad + Symbols[i]+'.gif" width="420" height="32"><br>');
	 }
	 return CS;
}

 var lastLayer=''; 

	

function showInfo(strShowWhat, objToActivate){

	if(objToActivate == undefined)
		 objToActivate = $('L_' + strShowWhat)


	Activate(objToActivate);
	if (objOldActivate != null)
		deActivate(objOldActivate);

	if(objToActivate == undefined) objToActivate = $('L_' + strShowWhat);
	objToActivate.onmouseout = function(){};
	objOldActivate = objToActivate;



	switch (strShowWhat) {
		case ('zoom'):
			document.images.PicDestStyleZoom.src = '../../../Shop/PicDestStyleZoom/' + DetailIFrame.StyleNumber + '_' + DetailIFrame.ColorNumber + '.jpg';
			$('piclayer').show();
			$('desclayer').hide();
			break;
		case ('detail1'):
			document.images.PicDestStyleZoom.src = '../../../Shop/PicSrcMacro/' + DetailIFrame.StyleNumber + '_' + DetailIFrame.ColorNumber + '.jpg';
			$('piclayer').show();
			$('desclayer').hide();
			break;
		case ('detail2'):
			document.images.PicDestStyleZoom.src = '../../../Shop/PicSrcFit/' + DetailIFrame.StyleNumber + '_' + DetailIFrame.ColorNumber + '.jpg';
			document.images.PicDestStyleZoom.onerror = function(){
				document.images.PicDestStyleZoom.src = '../../../Shop/PicSrcFit/' + DetailIFrame.PicSrcFit;
			}
			$('piclayer').show();
			$('desclayer').hide();
			break;
		case ('desc'):
			$('desclayer').show();
			$('piclayer').hide();
			break;
	}
	wt_be = "de.productview.infoLayer." + strShowWhat; // content id
	if(typeof(wt_sendinfo) != "undefined")wt_sendinfo();
	
}