// javascript library

// determine browser type
ns4 = (document.layers) ? true:false 
ie4 = (document.all) ? true:false 
ng5 = (document.getElementById) ? true:false 
saf = navigator.appVersion.indexOf("Safari");

// Open New Window for additional content
/*
var dependent; // Wenn ja (yes), wird das Fenster geschlossen, wenn sein Elternfenster geschlossen wird. Wenn nein (no = Voreinstellung), bleibt das Fenster erhalten, wenn sein Elternfenster geschlossen wird. 
var height;  // Höhe des neuen Fensters in Pixeln, z.B. height=200
var width;  // Breite des neuen Fensters in Pixeln, z.B. width=400 
var top: // Vertikalwert der linken oberen Ecke des neuen Fensters in Pixeln, z.B. top=100.
var width; // Breite des neuen Fensters in Pixeln, z.B. width=400.
var hotkeys; //Wenn nein (no), werden Tastaturbefehle zum Steuern des Browsers in dem Fenster deaktiviert. Wenn ja (yes = Voreinstellung), bleiben Tastaturbefehle des Browsers in dem Fenster gültig. 
var innerHeight; // Höhe des Anzeigebereichs des neuen Fensters in Pixeln, z.B. innerHeight=200 
var innerWidth; // Breite des Anzeigebereichs des neuen Fensters in Pixeln, z.B. innerWidth=200 
var location; // Wenn ja (yes), erhält das Fenster eine eigene URL-Adreßzeile. Wenn nein (no = Voreinstellung), erhält es keine Adreßzeile. 
var menubar; // Wenn ja (yes), erhält das Fenster eine eigene Menüleiste mit Browser-Befehlen. Wenn nein (no = Voreinstellung), erhält es keine Menüleiste. 
var resizable; // Wenn nein (no), kann der Anwender das Fenster in der Größe nicht verändern. Wenn ja (yes = Voreinstellung), kann der Anwender die Fenstergröße ändern. 
var screenX; // Horizontalwert der linken oberen Ecke des neuen Fensters in Pixeln, z.B. screenX=100 
var screenY; // Vertikalwert der linken oberen Ecke des neuen Fensters in Pixeln, z.B. screenY=30 
var status; // Wenn ja (yes), erhält das Fenster eine eigene Statuszeile. Wenn nein (no = Voreinstellung), erhält es keine Statuszeile. 
var scrollbars; // Wenn ja (yes), erhält das Fenster Scroll-Leisten. Wenn nein (no), kann der Anwender in dem Fenster nicht scrollen.
var toolbar; // Wenn ja (yes), erhält das Fenster eine eigene Werkzeugleiste. Wenn nein (no), erhält es keine Werkzeugleiste.
*/
function popup(url,size,name) {
	screenh = screen.availHeight;
	screenw = screen.availWidth;
	poswinx = window.screenX;
	poswiny = window.screenY;
	popupleft = poswinx + 500;
	popupleft2 = poswinx - 300;
	popuptop = poswiny + 190;
	popuptop2 = poswiny;
	if (ie4) {
		//poswinx = document.all.Body.offsetLeft;
		//poswiny = document.all.Body.offsetTop;
		//above code does not really work, hence set pos to 0 for ie
		poswinx = 0;
		poswiny = 0;
		popupleft = poswinx + 500;
		popupleft2 = poswinx + 200;
		popuptop = poswiny + 190;
		popuptop2 = poswiny + 190;
	}
	if (size == 'a') {
		parm = 'width=700,height=300,left='+popupleft+',top='+popuptop+',dependent=yes,resizable=no,scrollbars=no';
	}
	if (size == 'b') {
		parm = 'width=600,height=600,innerHeight=600,innerWidth=600,left='+popupleft+',top='+popuptop+',dependent=yes,resizable=no,scrollbars=no';
	}
	if (size == 'c') {
		parm = 'width=500,height=700,left='+popupleft+',top='+popuptop+',dependent=yes,resizable=no,scrollbars=yes';
	}
	if (size == 'd') {
		parm = 'width=700,height=500,left='+popupleft+',top='+popuptop+',dependent=yes,resizable=no,scrollbars=yes';
	}
	if (size == 'e') {
		parm = 'width=300,height=300,left='+popupleft+',top='+popuptop+',dependent=yes,resizable=no,scrollbars=yes';
	}
	popupcontent = window.open(url,name,parm);
}

// close popup window if focus is set back on main page
var popupcontent;
function closepopup() {
	if(popupcontent && !popupcontent.closed) popupcontent.close();
}

function getXMLHTTP() { //fuction to return the xml http object
	var xmlhttp=false;	
	try{
		xmlhttp=new XMLHttpRequest();
	}
	catch(e)	{		
		try{			
			xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(e){
			try{
			xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch(e1){
				xmlhttp=false;
			}
		}
	}
		
	return xmlhttp;
}

function getspec(strURL,i_prod) {
  var req = getXMLHTTP(); // function to get xmlhttp object
  if (req) {
	  req.onreadystatechange = function() {
		if (req.readyState == 4) { //data is retrieved from server
			  if (req.status == 200) { // which reprents ok status
				  //document.getElementById('sql_<?php echo $i_prod; ?>').innerHTML=req.responseText;
				  document.getElementById('prodspecdisp_'+i_prod).innerHTML=req.responseText;
			  } else {
				  alert("There was a problem while using XMLHTTP:\n");
			  }
		}            
	  }
	  req.open("GET", strURL, true); //open url using get method
	  req.send(null);
  }
}

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_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_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];}
}

// functions for change of background colors
function ColorSelGelb() {
	document.getElementById('content').className = 'gelb';
	document.getElementById('pages').className = 'weiss';
	document.getElementById('arrowleft').className = 'number weiss';
	document.getElementById('arrowright').className = 'number weiss';
	document.getElementById('selgraphic').src = 'graphics/select_color_4.gif';
	for (var i = 1; i < 11; i++){
		document.getElementById('number_'+i).className = 'number weiss';
	}
}
function ColorSelBlau() {
	document.getElementById('content').className = 'blau';
	document.getElementById('pages').className = 'weiss';
	document.getElementById('arrowleft').className = 'number weiss';
	document.getElementById('arrowright').className = 'number weiss';
	document.getElementById('selgraphic').src = 'graphics/select_color_3.gif';
	for (var i = 1; i < 11; i++){
		document.getElementById('number_'+i).className = 'number weiss';
	}
}
function ColorSelGrau() {
	document.getElementById('content').className = 'grau';
	document.getElementById('pages').className = 'weiss';
	document.getElementById('arrowleft').className = 'number weiss';
	document.getElementById('arrowright').className = 'number weiss';
	document.getElementById('selgraphic').src = 'graphics/select_color_2.gif';
	for (var i = 1; i < 11; i++){
		document.getElementById('number_'+i).className = 'number weiss';
	}
}
function ColorSelWeiss() {
	document.getElementById('content').className = 'weiss';
	document.getElementById('pages').className = 'grau';
	document.getElementById('arrowleft').className = 'number';
	document.getElementById('arrowright').className = 'number';
	document.getElementById('selgraphic').src = 'graphics/select_color_5.gif';
	for (var i = 1; i < 11; i++){
		document.getElementById('number_'+i).className = 'number';
	}
}