// JavaScript Document

  var ELstatus = false;
  var _borderContent = "";
  function openPict(el, elIMG, elL, elT, zInd, elName) {
	  
	  //Bilddiv wird eingelesen
	  var obj = document.getElementById(el);
	  _div = document.getElementById("borderBottom");
	  
	  if (ELstatus == false) //großes Bild ist nicht offen, soll geöffnet werden
	  {
		  //etwaige schwarze Namensbalken werden entfernt
		 _divText = obj.getElementsByTagName("div");
		 if (_divText.length != 0) 
	  	{
			obj.removeChild(_divText[0]);
			obj.style.zIndex = zInd;//sicherheitshalber
	  	}
			
	 	obj.style.width = "500px";//Das Div wird vergrößert, damit das große Bild Platz hat
	 	obj.style.height = "500px";
	 	obj.style.top = "0px";
	 	obj.style.left = "0px";
	 	obj.style.zIndex = 50;
		
	 	var objIMG = obj.getElementsByTagName("img");//Die beiden Bilder werden ausgetauscht
	 	objIMG[0].src = "images/" + elIMG;
	  	objIMG[0].width = 500;
		if ( elIMG == "michael_conrad_15x15.gif") 
		{
			objIMG[0].height = 555;
		} 
		else 
	 	{
			objIMG[0].height = 500;
		}
		
		if (isNaN(elName) == true) //Der Namen wird in den unteren schwarzen Balken geschrieben
		{
			_borderContent = _div.innerHTML;
			_div.innerHTML = elName;
			
			//Copyrighttext
			//var Copyright = document.createTextNode("© Julie May Queen 2010");
			var _more = document.getElementById("more");
			if (_more != null)
			{
				_more.style.zIndex = 60;
				_more.style.color = "#fff";
				_more.style.fontSize = "9px";
				_more.style.left = "340px";
				//_more.replaceChild(Copyright, _more.firstChild);
			}

			
			//_name = document.createTextNode(elName + " | ");
			
			//Bestellung
			/*order = document.createTextNode("Bild Bestellen");
			_a = document.createElement("a");
			_a.href = "order.php?orderName=" + elName;
			_a.appendChild(order);
			_div.appendChild(_a);*/
		}
		
		
		
		ELstatus = true;//Der Status wird geändert, damit das Fenster danach wieder geschlossen werden kann
	  } 
	  else 
	  {
		
	  	obj.style.width = "50px"; //Die Bildgröße wird zurückgesetzt
	 	obj.style.height = "50px";
	  	obj.style.top = elT + "px";
	  	obj.style.left = elL + "px";
	  	obj.style.zIndex = zInd;
		
	  	var objIMG = obj.getElementsByTagName("img");//Die Bilder werden wieder ausgetauscht
	  	objIMG[0].src = "images/kl_" + elIMG;
	  	objIMG[0].width = 50;
	  	objIMG[0].height = 50;
		
		if (isNaN(elName) == true)
		{
			/*_name = document.createTextNode(pagelocation);//Die Texte im schwarzen Balken werden wieder ausgetauscht
			_div.replaceChild(_name, _div.firstChild);*/
			_div.innerHTML = _borderContent;
			_borderContent = "";
			
			//Copyrighttext
			//var Copyright = document.createTextNode("more pictures coming soon");
			var _more = document.getElementById("more");
			if (_more != null)
			{
				_more.style.zIndex = 1;
				_more.style.color = "#000";
				_more.style.fontSize = "11px";
				_more.style.left = "350px";
				//_more.replaceChild(Copyright, _more.firstChild);
			}
				
			//removeBestellung
			//_a = _div.getElementsByTagName("a");
			//_div.removeChild(_a[0]);
		}
		
		ELstatus = false;
	  }
  }

function rolloverPict(statDiv, el, zInd, elName) 
{
	if (ELstatus == false) 
	{
		var obj = document.getElementById(el);
		if (statDiv == true) 
		{
			iif (isNaN(elName) == true)
			{
				_div = document.createElement("div");
				_div.style.backgroundColor = "#000";
				_div.style.position = "absolut";
				_div.style.top = "20px";
				_div.style.left = "45px";
				_div.style.height = "18px";
				_div.style.width = "150px";
				_div.style.padding = "2px";
				obj.appendChild(_div);
				_text = document.createTextNode(elName);
				_div.appendChild(_text);
			}
			obj.style.zIndex = 50;
		} else  
		{
			_div = obj.getElementsByTagName("div");
			if (_div.length != 0) 
			{
				obj.removeChild(_div[0]);
				obj.style.zIndex = zInd;
			}
		}
	}
}



window.onload = function () 
{
	el0 = document.getElementById("div0").getElementsByTagName("img");
	el0[0].style.borderWidth = "1px";
	el0[0].style.borderColor = "#bfbfbf";
	el0[0].style.borderStyle = "solid";
	el1 = document.getElementById("div1").getElementsByTagName("img");
	el1[0].style.borderWidth = "1px";
	el1[0].style.borderColor = "#bfbfbf";
	el1[0].style.borderStyle = "solid";
	el2 = document.getElementById("div2").getElementsByTagName("img");
	el2[0].style.borderWidth = "1px";
	el2[0].style.borderColor = "#bfbfbf";
	el2[0].style.borderStyle = "solid";
}