/* $RCSfile: toolkit_bonus_layer.js,v $ */
/* $Revision: 1.3 $ - $Date: 2010/08/27 10:54:42 $ */
/* $Author: jknieling $	*/

/*
	Toolkit um BonusLayer für Gratisartikel und Bonusnumber zu öffnen
	JQuery ist erforderlich!
	Syntax zum Öffnen:
	
	BonusLayer.url = ZielURL;
	BonusLayer.init({
		id: 'ID des Layers',
		[width: 'Breite des Layers' | Optional, Standard ist 480],
		[height: 'Höhe des Layers' | Optional, Standard ist 360],
		[top: 'Position des Layers' | Optional, Standard ist 90],
		[left: 'Position des Layers' | Optional, Standard ist 72]
	});
*/

var BonusLayer = function(basis){
	
	$("#" + basis.id).remove();
	var layer = BonusLayer.addNewDivLayer(basis.id);
	if (basis.type == 'bonus')
	{
		$(layer).html('<table width="' + basis.width +'" height="23" border="0" background="/is-bin/intershop.static/WFS/ImWalking-ImWalkingDe-Site/-/de_DE/imagesOnline/popup/close_head_1.gif"><tr><td align="right"><a style="text-decoration:none;color:black;" href="javascript:BonusLayer.closeLayers(\'' + basis.id + '\');">Fenster schließen</a></td><td width="10" align="right"><a href="javascript:BonusLayer.closeLayers(\'' + basis.id + '\');"><img src="/is-bin/intershop.static/WFS/ImWalking-ImWalkingDe-Site/-/de_DE/imagesOnline/popup/close_head_kreuz.gif" alt="Fenster schliessen" border="0" usemap="#MapBonus' + basis.id + '"></a></td></tr></table>');
		$(layer).css({
			"border-right": "solid 1px #7B7E87",
			"border-bottom" : "solid 1px #7B7E87",
			"border-left": "solid 1px #7B7E87",
			"background-color": "#FFFFFF",
			"position": "absolute",
			"z-index": "1000",
			"left": basis.left + "px",
			"top": basis.top + "px"
		});
		var iFrame = BonusLayer.addNewIFrame({
			id: "iFrame_" + basis.id,
			src: basis.src,
			width: basis.width,
			height: basis.height,
			scrolling: "auto",
			frameborder: "0"
		});
		var x = $(layer).append(iFrame);
		var x = $(layer).append('<div class="closeLayerButton"><a href="javascript:BonusLayer.closeLayers(\'' + basis.id + '\')"><img src="/is-bin/intershop.static/WFS/ImWalking-ImWalkingDe-Site/-/de_DE/imagesOnline/but/layer_close.gif" border="0" width="157" height="25"></a></div>');
		var x = $("body").append(layer);
		//$("#" + basis.id).draggable();
	}
	else
	{
		BonusLayer.umfrageURL= basis.umfrageURL;
		BonusLayer.umfrageWidth= basis.umfrageWidth;
		BonusLayer.umfrageHeight= basis.umfrageHeight;
		BonusLayer.umfrageID= basis.id;
		var layerhtml = '<div id="LayerUmfrage_' + basis.id + '" style="position: absolute; z-index:9999;left: ' + basis.left + 'px; top: ' + basis.top + 'px; width:' + (parseInt(basis.width)+20) + 'px;background-image: url(/is-bin/intershop.static/WFS/ImWalking-ImWalkingDe-Site/-/de_DE/imagesOnline/popup/emaillayer-close.png); background-repeat:no-repeat; background-position:right top;">';
		layerhtml = layerhtml + '<img src="/is-bin/intershop.static/WFS/ImWalking-ImWalkingDe-Site/-/de_DE/imagesOnline/x.gif" alt="Fenster schliessen" width="' + basis.width + '" height="16" border="0" usemap="#MapLayerUmfrage' + basis.id + '"><br>';
		layerhtml = layerhtml + '<div style="' + basis.width + 'px;border:solid 10px #F7C500;background-color:#FFFFFF;">';
		layerhtml = layerhtml + '<iframe src="' + basis.src + '" width="' + basis.width + '" height="' + basis.height + '" frameborder="0" scrolling="auto"></iframe>';
		layerhtml = layerhtml + '</div>';
		layerhtml = layerhtml + '</div>';
		layerhtml = layerhtml + '<map name="MapLayerUmfrage' + basis.id + '">';
		layerhtml = layerhtml + '<area shape="rect" coords="370,0,470,16" href="javascript:BonusLayer.closeLayer();">';
		layerhtml = layerhtml + '</map>';
		$(layer).html(layerhtml);
		var x = $(layer).append(iFrame);
		var x = $("body").append(layer);
	}
}

BonusLayer.init = function(o){
	var paramTrenner = "";
	
	if (o.src.indexOf("?")>-1) paramTrenner += "&";
	else paramTrenner += "?";
	var layern = (typeof o.id != "undefined") ? o.id : "StandardLayer";
	var urlSplit = BonusLayer.splitUrlHash(o.src);
	o.src = urlSplit.urlWithOutHash + paramTrenner + "layerNumber=" + layern + (urlSplit.urlHash == "" ? "" : "#" + urlSplit.urlHash);
	var basis = {
		
		id: (typeof o.id != "undefined") ? o.id : "StandardLayer",
		width: (typeof o.width != "undefined") ? o.width : "480",
		height: (typeof o.height != "undefined") ? o.height : "360",
		top: (typeof o.top != "undefined") ? o.top : "90",
		left: (typeof o.left != "undefined") ? o.left : "72",
		type: (typeof o.type != "undefined") ? o.type : "bonus",
		umfrageURL: (typeof o.umfrageURL != "undefined") ? o.umfrageURL : "",
		umfrageWidth: (typeof o.umfrageWidth != "undefined") ? o.umfrageWidth : "",
		umfrageHeight: (typeof o.umfrageHeight != "undefined") ? o.umfrageHeight : "",
		src: o.src
	};
	var layer = new BonusLayer(basis);
}

BonusLayer.closeLayers = function(id) {
	$("#" + id).css({'display':'none'});
	$("#" + id).remove();
};
BonusLayer.addNewDivLayer = function (id){
	var layer = document.createElement("DIV");
	var node_id = document.createAttribute("id");
	node_id .nodeValue = id;
	layer.setAttributeNode(node_id );
	return layer;
};
BonusLayer.addNewIFrame = function(o){
	var iFrame = document.createElement("IFRAME");
	var id_iFrame = document.createAttribute("id");
	id_iFrame.nodeValue = o.id;
	var src_iFrame = document.createAttribute("src");
	var width_iFrame = document.createAttribute("width");
	width_iFrame.nodeValue=o.width;
	var height_iFrame = document.createAttribute("height");
	height_iFrame.nodeValue=o.height;
	var scrolling_iFrame = document.createAttribute("scrolling");
	scrolling_iFrame.nodeValue = o.scrolling;
	var frameborder_iFrame = document.createAttribute("frameborder");
	frameborder_iFrame.nodeValue = o.frameborder;
	iFrame.setAttributeNode(id_iFrame);
	iFrame.setAttributeNode(src_iFrame);
	iFrame.setAttributeNode(width_iFrame);
	iFrame.setAttributeNode(height_iFrame);
	iFrame.setAttributeNode(scrolling_iFrame);
	iFrame.setAttributeNode(frameborder_iFrame);
	iFrame.src = o.src;
	return iFrame;
};
BonusLayer.openUmfrage = function()
{
	MM_openBrWindow(BonusLayer.umfrageURL ,BonusLayer.umfrageID,'scrollbars=yes,resizable=yes,width=' + BonusLayer.umfrageWidth + ',height=' + BonusLayer.umfrageHeight);
	BonusLayer.closeLayer();
};
BonusLayer.closeLayer = function()
{
	$('#'+BonusLayer.umfrageID).css({'display':'none'});
};
BonusLayer.splitUrlHash = function(url){
	var urlArray = url.split("#");
	return {urlWithOutHash: urlArray[0],urlHash: urlArray.length>1 ? urlArray[1] : ""};
};