//Config
var vektor=3; 			// 1=rechts;2=links;3=keine Bewegung
var speed=1; 			// Geschwindigkeit, je höher desto schneller
var folder="/images/thumb/"; // Ordner in dem die Bilder sind
//Ende Config

var img, bilderbreite=0,bilderbreite2=0,bilderbreite3=0, sub=0,sub2=0,sub3=0,imgbreite=0,puffer=0,puffer2,imgbreite2=0,imgbreite3=0,erg=0,resetpos=0,ruecksetztpos=0;
var startposimg= new Array();
var timer;
var check=0;
var seid;

var imageArray=new Array();
var oidArray=new Array();
var nameArray=new Array();
var priceArray=new Array();

function imgautopos() {
	var html="";

	document.getElementById("imageDiv").style.visibility="visible";
	document.getElementById("imageDiv").style.display="block";

	for(var i=0; i<imageArray.length;i++){
		img=new Image();
		img.src=folder+imageArray[i];

		//ist o beim esten mal
		//if(img.complete == true)
		//divWidth=img.width+20;
		sid=document.getElementById('sessionid123').value;
		apfad=document.getElementById('absoluterpfad123').value;
		//alert(apfad+oidArray[produktidid]+".html"+sid);
		divWidth=100;
		divHeight=80;

		html+="<div id='"+i+"' onmouseover='setblock(this.id)' onmouseout='setblockout()'style='color:#ffffff;position:absolute;width:"+divWidth+"px;height:"+divHeight+"px;overflow:hidden;display:block;'>"
		+"<div style='background: url(/images/bg-table-image-top.gif) no-repeat left top;'>"
		+"<div style='background: url(/images/bg-table-image-bottom.gif) no-repeat left bottom; padding: 8px 0;'>"
		+"<div style='background:url(/images/bg-proitem.jpg);width:66px;height:50px;overflow:hidden; background-repeat:repeat-y; padding:0px 0px 0px 5px;'><a href='"+apfad+oidArray[i]+".html"+sid+"'><img src='"+folder+imageArray[i]+"' style='cursor:pointer;padding:5px;' alt='"+nameArray[i]+"' /></a><br/><br/><br/><br/><br/></div></div></div></div>";
	}
	if(imageArray.length==0){
		document.getElementById("imageDiv").style.visibility="hidden";
		document.getElementById("imageDiv").style.display="none";
	}

	document.getElementById("imageDiv").innerHTML=html;

	for(var i=0; i<imageArray.length;i++){
		startposimg[i]=parseInt(erg);
		bilderbreite=document.getElementById(i).style.width;
		document.getElementById(i).style.left=erg+"px";
		sub=bilderbreite.length-2;
		imgbreite=bilderbreite.substr(0,sub);
		erg += parseInt(imgbreite);
	}
	puffer=startposimg.length-1;
	clearInterval(timer);
	timer=setInterval('timelinks()',10);
	startstop();
}

function timelinks() {
	for(var ii=0; ii<startposimg.length; ii++) {
		document.getElementById(ii).style.left=startposimg[ii]+"px";
	}
	for (var aa=0; aa<startposimg.length; aa++){
		startposimg[aa]=startposimg[aa]-speed;
	}

	for (var fe=0; fe<startposimg.length; fe++){
		bilderbreite2=document.getElementById(fe).style.width;
		sub2=bilderbreite2.length-2;
		imgbreite2=bilderbreite2.substr(0,sub2);
		ruecksetztpos=0-imgbreite2;

		if (startposimg[fe]<=ruecksetztpos) {
			bilderbreite3=document.getElementById(puffer).style.width;
			sub3=bilderbreite3.length-2;
			imgbreite3=bilderbreite3.substr(0,sub3);
			resetpos=startposimg[puffer]+parseInt(imgbreite3);
			startposimg[fe]=resetpos;
		}
		if (puffer==startposimg.length-1){
			puffer=-1;
		}
		puffer++;
	}
}

function timerechts() {
	for(var ii=0; ii<startposimg.length; ii++) {
		document.getElementById(ii).style.left=startposimg[ii]+"px";
	}
	for (var aa=0; aa<startposimg.length; aa++){
		startposimg[aa]=startposimg[aa]+parseInt(speed);
	}


	for (var fe=0; fe<startposimg.length; fe++){

		bilderbreite2=document.getElementById("imageDiv").style.width;
		sub2=bilderbreite2.length-2;
		imgbreite2=bilderbreite2.substr(0,sub2);

		if (startposimg[fe]>=imgbreite2) {
			puffer2=fe+1;
			if (puffer2==startposimg.length){
				puffer2=0;
			}
			bilderbreite3=document.getElementById(puffer2).style.width;
			sub3=bilderbreite3.length-2;
			imgbreite3=bilderbreite3.substr(0,sub3);
			resetpos=startposimg[puffer2]-parseInt(imgbreite3);
			startposimg[fe]=resetpos;
		}
	}
}

function rechtslinks(x) {

	if (x==1){
		clearInterval(timer);
		timer=setInterval('timerechts()',1);
		vektor=1;
	}
	if (x==2){
		clearInterval(timer);
		timer=setInterval('timelinks()',1);
		vektor=2;
	}
	if (x==3){
		clearInterval(timer);
		vektor=3;
	}
	if (x==311){
		clearInterval(timer);
	}
}

function vektorcheck() {
	if (vektor==1){
		rechtslinks(1);
	}
	if (vektor==2){
		rechtslinks(2);
	}
	if (vektor==3){
		rechtslinks(3);
	}
}

function startAssemblyLine(){
	seid=document.getElementById('sessionid123').value;
//	if(check==0){
		url="/accessories.jsp"+seid;
		imageReq = new XMLHttpRequest();
		imageReq.onreadystatechange=processImageRequest;
		imageReq.open("GET",url,true);
		imageReq.send(null);
		check=1;
/*	}else{
		alert('NiN');
		document.getElementById("imageDiv").innerHTML="";
		check=0;
		while (imageArray.length) {
			imageArray.pop();
		}
		while (oidArray.length) {
			oidArray.pop();
		}
		while (nameArray.length) {
			nameArray.pop();
		}
		while (priceArray.length) {
			priceArray.pop();
		}
		while (startposimg.length) {
			startposimg.pop();
		}

		bilderbreite=0;
		bilderbreite2=0;
		bilderbreite3=0;
		sub=0;
		sub2=0;
		sub3=0;
		imgbreite=0;
		puffer=0;
		puffer2=0;
		imgbreite2=0;
		imgbreite3=0;
		erg=0;
		resetpos=0;
		ruecksetztpos=0;
		clearInterval(timer);
		check=0;
		produktid=0;
		seid=""


	}*/
}

function startstop(){
	if(imageArray.length<=7){
		rechtslinks('3');
	}else{
		rechtslinks('2');
	}
}

function processImageRequest(){
	if(imageReq.readyState == 4&&imageReq.status == 200){
		xml = imageReq.responseXML;
		for(i=0;i<xml.getElementsByTagName("Image").length;i++){
			image_resp = xml.getElementsByTagName("Image")[i];
			imageArray[i]=image_resp.firstChild.nodeValue;
		}
		for(i=0;i<xml.getElementsByTagName("Oid").length;i++){
			image_resp = xml.getElementsByTagName("Oid")[i];
			oidArray[i]=image_resp.firstChild.nodeValue;
		}
		for(i=0;i<xml.getElementsByTagName("Name").length;i++){
			image_resp = xml.getElementsByTagName("Name")[i];
			nameArray[i]=image_resp.firstChild.nodeValue;
		}
		for(i=0;i<xml.getElementsByTagName("Price").length;i++){
			image_resp = xml.getElementsByTagName("Price")[i];
			priceArray[i]=image_resp.firstChild.nodeValue;
		}

		imgautopos();
	}else if(imageReq.readyState == 4){
		alert("Request Fail:"+imageReq.statustext+" "+imageReq.status);
	}
}

function setblock(oidd){
	rechtslinks(311);
	onmover('smaart2',oidd);
}
function setblockout(){
	vektorcheck();
	onmout('smaart2');
}

function onmover(y,id){
	var sid,apfad;
	var obj = document.getElementById(id);
	var pos = {left:0, top:0};
	if(typeof obj.offsetLeft != 'undefined')	{
		while (obj)	{
			pos.left += obj.offsetLeft;
			pos.top += obj.offsetTop;
			obj = obj.offsetParent;
		}
	}else{
		pos.left = obj.left ;
		pos.top = obj.top ;
	}
	document.getElementById(y).style.left=(pos.left-60)+'px';
	document.getElementById(y).style.top=(pos.top+20)+'px';
	document.getElementById(y).style.display='block';


	document.getElementById("smaart2").innerHTML =""
		+"<div style='padding:10px;'>"
			+"<div style='font-size:14px;font-weight:bold;width:130px;height:35px;overflow:hidden;'>"+nameArray[id]+"</div>"
			+"<div style='height:60px; width:110px;overflow:hidden;margin-top:5px;'><img style='margin-left:30px;border:2px solid black;' src='"+folder+oidArray[id]+".jpg"+"' align='center' /></div>"
			+"<div  style='font-size:16px;font-weight:bold;color:red;margin-top:5px;text-align:right;'>"+priceArray[id]+"</div>"
		+"</div>";
}
function onmout(z){
	document.getElementById(z).style.display='none';
	document.getElementById(z).style.left=0;
	document.getElementById(z).style.left=0;
	document.getElementById("smaart2").innerHTML ="";
}