// Script zur Layersteuerung
// Layer zeigen mit Verzoegerung durch:       		showLayerWithDelay(layerid,xposition,yposition,breite,hoehe,verzoegerung);
// Layer verstecken mit Verzoegerung durch:  	  	hideLayerWithDelay(layerid,verzoegerung);
// Layer zeigen ohne Verzoegerung durch:      		showLayer(layerid,xposition,yposition,breite,hoehe);
// Layer verstecken ohne Verzoegerung durch:      	hideLayer(layerid);
// Schrift- und Hintergrundfarbe setzen durch: 		color(layerid,schriftcolor,hintergrundcolor);
// xpos und ypos enthaelt die Mausposition
// Funktion showLayerWithDelay schliesst einen anderen Layer der mit dieser Funktion geoeffnet wurde vorher

var ns4, ie4, ns6, posx, posy, xpos, ypos, px, py, breite, hoehe;
var alter = "";
var zeit, an, aus, aktuellx, aktuelly, kleben, ve;

ie4 = document.all;
ns6 = document.getElementById && !document.all;

function init() {
	document.ondblclick = startMoving;
	document.onmousemove = coordinates;
}

function showLayerWithDelay(idname,xpo,ypo,breite,hoehe,verzoegerung)
{
	ve = verzoegerung;
	px = xpo;
	py = ypo;
	xb = breite;
	yb = hoehe;
	an = idname;
	clearTimeout(zeit);
	if (alter && alter != an)
        {
        	hideLayer(alter);
        	zeit = setTimeout("showLayer(an,px,py,xb,yb)",ve);
         } else
        	zeit = setTimeout("showLayer(an,px,py,xb,yb)",ve);
	alter = idname;        
}

function hideLayerWithDelay(idname,verzoegerung)
{
	ve = verzoegerung;
	aus = idname;
	zeit = setTimeout("hideLayer(aus)",ve);
	alter = idname;
}

function showLayer(idname,xpo,ypo,breite,hoehe) {
	if (ns6){ 
		if(document.getElementById(idname)) {
			document.getElementById(idname).style.left = xpo;
			document.getElementById(idname).style.top = ypo;
			if (breite > 0) document.getElementById(idname).style.width = breite;
			if (hoehe > 0) document.getElementById(idname).style.height = hoehe;
			document.getElementById(idname).style.visibility = "visible";
		}
	}
	if (ie4){
		if(document.all[idname]) {
			document.all[idname].style.left = xpo;
			document.all[idname].style.top = ypo;
			if (breite > 0) document.all[idname].style.width = breite;
			if (hoehe > 0) document.all[idname].style.height = hoehe;
			document.all[idname].style.visibility = "visible"; 
		}
	}
}

function hideLayer(idname) {
	if (ie4) document.all[idname].style.visibility = "hidden"; 
	if (ns6) document.getElementById(idname).style.visibility = "hidden";
	alter = "";
}

function color(idname,farb,bgcol)
{
	if(ie4)
		if(document.all[idname]) {
			document.all[idname].style.color = farb;
			document.all[idname].style.background = bgcol;
		}		            
	if(ns6)
		if(document.getElementById(idname)) {
			document.getElementById(idname).style.color = farb;
			document.getElementById(idname).style.background = bgcol;
		}
}

function coordinates(e) {
	xpos = (document.getElementById && !document.all) ? e.pageX : document.body.scrollLeft + event.clientX;
	ypos = (document.getElementById && !document.all) ? e.pageY : document.body.scrollTop + event.clientY;
}

function startMoving(e){
	idname = ie4? event.srcElement.id : e.target.id;
	if (idname != "") {
		posx = ie4? event.clientX : e.clientX;
		posy = ie4? event.clientY : e.clientY;
		aktuellx = ns6? parseInt(document.getElementById(idname).style.left) : parseInt(document.all[idname].style.left);
		aktuelly = ns6? parseInt(document.getElementById(idname).style.top) : parseInt(document.all[idname].style.top);
		kleben = true;
		document.onmousemove = move;
		document.ondblclick = new Function("kleben=false");
	}
}

function move(e){
	coordinates(e);
	if (kleben) {
		if (ie4){
			document.all[idname].style.left = aktuellx + event.clientX - posx;
			document.all[idname].style.top = aktuelly + event.clientY - posy;
		}
		if (ns6){ 
			document.getElementById(idname).style.left = Number(aktuellx + e.clientX - posx);
			document.getElementById(idname).style.top = Number(aktuelly + e.clientY - posy);
		}
	}
	else init();
	return true;
}


// Funktion zur Weiterleitung an eine beliebige Adresse

function redirectTo(url){
	window.location.href=url;  
}

function Anwendungen(name){
	var Anwendungen = new Array();
	var link = "http://www.foliatec.com/opencms/opencms/foliatec.com/";

	Anwendungen[0] = new Object();
	Anwendungen[0]["id"] = "auto";
	Anwendungen[0]["page"] = "Prostyle/index.html";

	Anwendungen[1] = new Object();
	Anwendungen[1]["id"] = "motorrad";
	Anwendungen[1]["page"] = "Prostyle/index.html";
	
	Anwendungen[2] = new Object();
	Anwendungen[2]["id"] = "boot";
	Anwendungen[2]["page"] = "Prostyle/index.html";
	
	Anwendungen[3] = new Object();
	Anwendungen[3]["id"] = "gebaeude";
	Anwendungen[3]["page"] = "Produktinfo/Folienprogramm/Gebaeudeglasfolien/index.html";
	
	Anwendungen[4] = new Object();
	Anwendungen[4]["id"] = "landmaschinen";
	Anwendungen[4]["page"] = "Protect/Securlux_Sicherheitsfolie/Anwendungen/index.html";
	
	Anwendungen[5] = new Object();
	Anwendungen[5]["id"] = "reisemobile";
	Anwendungen[5]["page"] = "Protect/Securlux_Sicherheitsfolie/Anwendungen/index.html";
	
	Anwendungen[6] = new Object();
	Anwendungen[6]["id"] = "reisemobile";
	Anwendungen[6]["page"] = "Protect/Securlux_Sicherheitsfolie/Anwendungen/index.html";
	
	Anwendungen[7] = new Object();
	Anwendungen[7]["id"] = "rennauto";
	Anwendungen[7]["page"] = "Protect/Securlux_Sicherheitsfolie/Anwendungen/index.html";
	
	Anwendungen[8] = new Object();
	Anwendungen[8]["id"] = "seilbahnen";
	Anwendungen[8]["page"] = "Protect/Securlux_Sicherheitsfolie/Anwendungen/index.html";
	
	for (var i=0; i<Anwendungen.length; i++) {
		if(name == Anwendungen[i]["id"]){
			redirectTo(link+Anwendungen[i]["page"]);
		}
	}

}


function Produkte(name){
	var Produkte = new Array();
	var link = "http://www.foliatec.com/opencms/opencms/foliatec.com/";
	
	Produkte[0] = new Object();
	Produkte[0]["id"] = "toenungsfolien";
	Produkte[0]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Produktinfo/Folienprogramm/index.html";
	
	Produkte[1] = new Object();
	Produkte[1]["id"] = "toenungsfolien_waerme";
	Produkte[1]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Produktinfo/Folienprogramm/index.html";
	
	Produkte[2] = new Object();
	Produkte[2]["id"] = "sicherheitsfolien";
	Produkte[2]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Protect/index.html";
	
	Produkte[3] = new Object();
	Produkte[3]["id"] = "windschutzscheibenfolien";
	Produkte[3]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Produktinfo/Folienprogramm/index.html";
	
	Produkte[4] = new Object();
	Produkte[4]["id"] = "karosseriedesignfolien";
	Produkte[4]["page"] = "http://www.foliatec.com/foliatec/shop_index.jsp?affiliateId=1&page=article.jsp&groupId=27&productId=31050&p1=3&p2=5&p3=27";
	
	Produkte[5] = new Object();
	Produkte[5]["id"] = "beleuchtung";
	Produkte[5]["page"] = "http://www.foliatec.com/foliatec/foliatec_shop/BELEUCHTUNG/CARSTYLING/PROSTYLE%20universelles%20Zubeh%F6r.foliatec?affiliateId=1&page=group.jsp&groupId=38";
	
	Produkte[6] = new Object();
	Produkte[6]["id"] = "sprayfarben";
	Produkte[6]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Produktinfo/INTERIOR-ColorSpray/index.html";

	Produkte[7] = new Object();
        Produkte[7]["id"] = "carbonfolie";
	Produkte[7]["page"] = "http://shop.foliatec.com/foliatec/shop_index.jsp?affiliateId=1&page=article.jsp&productId=31050&groupId=27";

	
	for (var i=0; i<Produkte.length; i++) {
		if(name == Produkte[i]["id"]){
			redirectTo(Produkte[i]["page"]);
		} 
	}
}


function Vorteile(name){
	var Vorteile = new Array();
	var link = "http://www.foliatec.com/opencms/opencms/foliatec.com/";
	
	Vorteile[0] = new Object();
	Vorteile[0]["id"] = "uvschutz";
	Vorteile[0]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Produktinfo/Folienprogramm/UV_Schutz/index.html";
	
	Vorteile[1] = new Object();
	Vorteile[1]["id"] = "splitterschutz";
	Vorteile[1]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Produktinfo/Folienprogramm/Splitter_und_Unfallschutz/index.html";
	
	Vorteile[2] = new Object();
	Vorteile[2]["id"] = "einbruchschutz";
	Vorteile[2]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Produktinfo/Folienprogramm/Einbruchschutz/index.html";
	
	Vorteile[3] = new Object();
	Vorteile[3]["id"] = "sichtschutz";
	Vorteile[3]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Produktinfo/Folienprogramm/Blend_und_Sichtschutz/index.html";
	
	Vorteile[4] = new Object();
	Vorteile[4]["id"] = "blendschutz";
	Vorteile[4]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Produktinfo/Folienprogramm/Blend_und_Sichtschutz/index.html";
	
	Vorteile[5] = new Object();
	Vorteile[5]["id"] = "wärmeschutz";
	Vorteile[5]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Produktinfo/Folienprogramm/Waermeschutz/index.html";
	
	Vorteile[6] = new Object();
	Vorteile[6]["id"] = "individuelles_styling";
	Vorteile[6]["page"] = "http://www.foliatec.com/opencms/opencms/foliatec.com/Produktinfo/Folienprogramm/Individuelles_Styling/index.html";
	
	for (var i=0; i<Vorteile.length; i++) {
		if(name == Vorteile[i]["id"]){
			redirectTo(Vorteile[i]["page"]);
		} 
	}
}