// JavaScript Document

var myElement = 0;

var myHeadline 	= "";
var myContent	= "";
var myFooter 	= "";

var myImgTag 	= "<img src='DUMMY'>";

var myAddr = "info" + "@" + "geflecht" + "hochdrei" + ".de";
var webdesignBy = "kontakt" + "@" + "mm" + "-it-" + "solutions" + ".de";




function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function showImg(page, number) {

	setPicInfos(page, number);

	//myElement = top.frames.ifrmImage.document.getElementById('iframeHeadline');
	//myElement.innerHTML = myHeadline;

	myElement = top.frames.ifrmImage.document.getElementById('iframeContent');
	myElement.innerHTML = myContent;

	myElement = top.frames.ifrmImage.document.getElementById('iframeFooter');
	myElement.innerHTML = myFooter;

}

function setPicInfos(page, number) {

	//myHeadline = images[page][number]["headline"];
	myContent  = myImgTag.replace(/DUMMY/g, images[page][number]["image"]);
	myFooter   = images[page][number]["descr"];
}

function getGalleryHeadline(type) {

	var galleryHeadline = "";
	
	
	switch (type) {
		case 'korb' : 
			galleryHeadline = "In Arbeit...";
			break;	
		default :
			galleryHeadline = "Galerie";
	}
	
	return galleryHeadline;
}

function getAddr(code) {

	var adr = "";
	
	switch (code) {
		case 1 :
			adr = myAddr;
			break;
		case 2 :
			adr = webdesignBy;
			break;
		default:
	}
	
	return adr;
}

function replaceEmail(code, divId, aId) {

	
	var myAusgabe;
	var myElement;
	
	myAusgabe = document.getElementById(divId);
	myAusgabe.innerHTML = "";
	
	myElement = document.getElementById(aId);
	
	if(myElement) {
		myAusgabe.removeChild(myElement);
	}
	
	
	/* <a href...> zusammenbauen */
	var myAnchor = document.createElement("a");
	var myAttrMailTo = document.createAttribute("href");
	myAttrMailTo.nodeValue = "mailto:" + getAddr(code);
	myAnchor.setAttributeNode(myAttrMailTo);
	
	var myAttrTarget = document.createAttribute("target");
	myAttrTarget.nodeValue = "_bank";	
	myAnchor.setAttributeNode(myAttrTarget);
	
	var myAttrId = document.createAttribute("id");
	myAttrId.nodeValue = aId;	
	myAnchor.setAttributeNode(myAttrId);
	
	var myAttrName = document.createAttribute("name");
	myAttrName.nodeValue = aId;	
	myAnchor.setAttributeNode(myAttrName);

	var myEmailAddr = document.createTextNode(getAddr(code));
	myAnchor.appendChild(myEmailAddr);


	/* <a href in den DIV-Tag schreiben */
	myAusgabe.appendChild(myAnchor);	
}

function replaceFormEmail(code) {
	
	var myAusgabe;
	var myElement;
	
	myAusgabe = document.getElementById('formEmail');
	myAusgabe.innerHTML = "";
	
	
	/*  <input type="hidden" name="r_email" value="<mailadresse>" /> */
	var myInputElement = document.createElement("input");
	var myAttrMailTo = document.createAttribute("value");
	myAttrMailTo.nodeValue = getAddr(code);
	myInputElement.setAttributeNode(myAttrMailTo);
	
	var myAttrType = document.createAttribute("type");
	myAttrType.nodeValue = "hidden";	
	myInputElement.setAttributeNode(myAttrType);
	
	var myAttrName = document.createAttribute("name");
	myAttrName.nodeValue = "r_email";	
	myInputElement.setAttributeNode(myAttrName);
	

	/* <input type="hidden" name="r_email" value="<mailadresse>" /> */
	myAusgabe.appendChild(myInputElement);	
	
	//alert(myAusgabe.innerHTML);
}

function makeGallery(type) {

	var str;
	
	str='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">';
	str += '<html>';
	str += '<head>';
	str += '<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">';
	str += '<meta http-equiv="expires" content="-1"/>';
	str += '<meta http-equiv="cache-control" content="no-cache"/>';
	str += '<meta http-equiv="pragma" content="no-cache"/>';
	str += '<title>dynamischer Inhalt</title>';
	str += '<link rel="stylesheet" type="text/css" href="css/styles.css">';
	str += '<script src="js/functions.js" type="text/javascript"></script>';
	str += '<script src="js/image_definitions.js" type="text/javascript"></script>';
	str += '</head>';
	str += '<body>';
	str += '<h2 id="galleryHeadline">' + getGalleryHeadline(type) + '</h2>';
	str += '<table width="90" border="0" cellpadding="5" cellspacing="0">';
	str += '<tr>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',1);"><img src="' + images[type][1]["thumb"] + '" border="0"/></a></td>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',2);"><img src="' + images[type][2]["thumb"] + '"  alt="" border="0"/></a></td>';
	str += '</tr>';
	str += '<tr>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',3);"><img src="' + images[type][3]["thumb"] + '"  alt="" border="0"/></a></td>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',4);"><img src="' + images[type][4]["thumb"] + '"  alt="" border="0"/></a></td>';
	str += '</tr>';
	str += '<tr>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',5);"><img src="' + images[type][5]["thumb"] + '"  alt="" border="0"/></a></td>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',6);"><img src="' + images[type][6]["thumb"] + '"  alt="" border="0"/></a></td>';
	str += '</tr>';
	str += '<tr>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',7);"><img src="' + images[type][7]["thumb"] + '"  alt="" border="0"/></a></td>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',8);"><img src="' + images[type][8]["thumb"] + '"  alt="" border="0"/></a></td>';
	str += '</tr>';	
	str += '<tr>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',9);"><img src="' + images[type][9]["thumb"] + '"  alt="" border="0"/></a></td>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',10);"><img src="' + images[type][10]["thumb"] + '"  alt="" border="0"/></a></td>';
	str += '</tr>';	
	str += '<tr>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',11);"><img src="' + images[type][11]["thumb"] + '"  alt="" border="0"/></a></td>';
	str += '<td width="30" valign="top"><a onMouseOver="showImg(\'' + type + '\',12);"><img src="' + images[type][12]["thumb"] + '"  alt="" border="0"/></a></td>';
	str += '</tr>';		
	str += '</table>';
	str += '</body>';
	str += '</html>'; 

	top.frames.ifrmGallery.document.write(str);
	top.frames.ifrmGallery.document.close();

}