// JavaScript Document

var productTable;
var splitTable = new Array();

var ie=document.all
	var ns6=document.getElementById&&!document.all


function ieobjekt(){
	return (document.compatMode && document.compatMode!="BackCompat" && !window.opera)? document.documentElement : document.body
}
	
function zoom(welche, e,position, imgwidth, imgheight){

		if (ie||ns6){
			aufbau=document.getElementById? document.getElementById("showimage") : document.all.showimage
		
		if (position=="center"){
			seite_y_stellung=ns6? parseInt(pageYOffset) : parseInt(ieobjekt().scrollTop)
			horizoposi=ns6? pageXOffset+window.innerWidth/2-imgwidth/2 : ieobjekt().scrollLeft+ieobjekt().clientWidth/2-imgwidth/2
			vertiposi=ns6? seite_y_stellung+window.innerHeight/2-imgheight/2 : seite_y_stellung+ieobjekt().clientHeight/2-imgheight/2
			
		if (window.opera && window.innerHeight) //Ausgleich fuer Opera
			vertiposi=seite_y_stellung+window.innerHeight/2-imgheight/2
			vertiposi=Math.max(seite_y_stellung, vertiposi)
		}
		
		else{
			var horizoposi=ns6? pageXOffset+e.clientX+20 : ieobjekt().scrollLeft+event.clientX+20
			var vertiposi=ns6? pageYOffset+e.clientY+20 : ieobjekt().scrollTop+event.clientY+20
		}
			aufbau.style.left=horizoposi+"px"
			aufbau.style.top=vertiposi+"px"
			aufbau.innerHTML='<img src="'+welche+'">'
			aufbau.style.visibility="visible"
		return false
		}
		else //falls kein IE 4+ oder NS 6+, zeige das Bild einfach in einem neuen Browser-Fenster
		return true
}

function shutimage(){
	aufbau.style.visibility="hidden"
}

function init(){
	parseTitle();
		
	if(document.getElementById("products")){
			
		parseTable(6);
	}
}


function parseTitle(){
	
	var title = document.title;
	var muster=/<br \/>/g;
	title=title.replace(muster, " ");
	document.title=title;
}


function parseTable(counter){
	productTable = document.getElementById("productlist");
	var tempString = productTable.innerHTML.substring(70,9999999);
	splitTable = tempString.split("<!--Endproduct-->");
	setTable(0,counter);
	
}

function setTable(init,counter){
	var steps=6;
	var tempString= new String();
	var splitLength = splitTable.length;	
	var page=0;
	
	if(splitLength-1 > steps){
		tempString+="<br /> Seite ";
		for(var j=0; j<splitLength-1; j++){
			var linkStep;
			if(j%steps==0){
				
				page++;
				if(splitLength-1-(steps+j)<=0){
					linkStep = (splitLength-1);
				}else {
					linkStep = steps+j;
				}
				
				if(init==j){
					tempString+="<b>"+page+"</b>"+"&nbsp;&nbsp;";		
				}else
					tempString+="<a href=\"javascript:setTable("+j+","+(linkStep)+");\">"+page+"</a>"+"&nbsp;&nbsp;";
					
			}
			
			
		}
	}
	
	tempString+="<table width=\"100%\" cellpadding=\"2\" cellspacing=\"0\" id=\"products\">";
	
	
	if(splitLength<=counter){
		counter=splitLength;
	}
	
	for (var i=init; i<counter; i++){
		tempString+=splitTable[i];	
	}
		
	
	// Build the Browsertree
	page = 0;
	if(splitLength-1 > steps){
		tempString+="<br /> Seite ";
		for(var j=0; j<splitLength-1; j++){
			var linkStep;
			if(j%steps==0){
				
				page++;
				if(splitLength-1-(steps+j)<=0){
					linkStep = (splitLength-1);
				}else {
					linkStep = steps+j;
				}
				
				if(init==j){
					tempString+="<b>"+page+"</b>"+"&nbsp;&nbsp;";		
				}else
					tempString+="<a href=\"javascript:setTable("+j+","+(linkStep)+");\">"+page+"</a>"+"&nbsp;&nbsp;";
					
			}
			
			
		}
	}
	productTable.innerHTML = tempString;
}

