// Bild-Navigation

function setIDs() {
	scrollBox					=	document.getElementById('scroll');
	scrollBoxTD				=	scrollBox.getElementsByTagName('TD');
	if (scrollBoxTD!=null){
		for (i=0; i<scrollBoxTD.length; i++) {
			scrollBoxTD.item(i).setAttribute('id','altImage'+i)
		}
	}
}

function scrollRight() {
	scrollBox 				= 	document.getElementById('scroll');
	firstTD						=	document.getElementById('altImage0');
	duplicateFirstTD	=	firstTD.cloneNode(false);
	duplicateFirstTD.innerHTML	=	firstTD.innerHTML;
	scrollBox.removeChild(firstTD);
	scrollBox.appendChild(duplicateFirstTD);
	setIDs(); // set new id's
}

function scrollLeft(altPicCount)	{
	altPicCount 			= parseInt(altPicCount) - 1;
	lastTD						=	document.getElementById('altImage'+altPicCount);
	duplicateLastTD		=	lastTD.cloneNode(false);
	duplicateLastTD.innerHTML	=	lastTD.innerHTML;
	firstTD						=	document.getElementById('altImage0');
	scrollBox					=	document.getElementById('scroll');
	scrollBox.insertBefore(duplicateLastTD,firstTD); scrollBox.removeChild(lastTD);
	setIDs(); // set new id's
}

function changeIG(imagesrc) {
	document.getElementById('produktbild_gross_produkt1').src = imagesrc;
}


// Reiter-Navigation 


function changeReiter(welche){
	chgNav=false;
	if(welche=='beschreibung' && document.getElementById('beschreibung').style.display!='block'){
		document.getElementById('beschreibung').style.display='block';
		document.getElementById('meinungen').style.display='none';
		chgNav=true;
	}
	if(welche=='meinungen' && document.getElementById('meinungen').style.display!='block'){
		document.getElementById('beschreibung').style.display='none';
		document.getElementById('meinungen').style.display='block';
		chgNav=true;
	}
	if(chgNav){
		document.getElementById('current').id='rTemp2';
		document.getElementById('rTemp').id='current';
		document.getElementById('rTemp2').id='rTemp';
	}
}



// Produktvorschau

// global variable
box = null;

function makeBoxMovable(id)
{
	var element = document.getElementById(id);
	if (!element) return;
	if (!box)
	{
		box = new Object();
		box.element = element;
		box.xOrigin = element.offsetLeft;
		box.yOrigin = element.offsetTop;
		box.isActive = true;
	}
}

function resetBox(id)
{
	if (!box) return;
	box.isActive = false;
	if (box.element.id == id)
	{
		box.element.style.left = box.xOrigin + 'px';
		box.element.style.top = box.yOrigin + 'px';
		box = null;
	};
}

document.onmousemove = updatePosition;
function updatePosition(e){
  var viewportwidth;
  var viewportheight;
  if (typeof window.innerWidth != 'undefined'){
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
  }else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0){
      // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
      viewportwidth = document.documentElement.clientWidth,
      viewportheight = document.documentElement.clientHeight
  }else{ // older versions of IE
      viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
      viewportheight = document.getElementsByTagName('body')[0].clientHeight
  }
	if(document.getElementById('box01')) {
		if(document.getElementById('box01').style.visibility == 'hidden') {
			document.getElementById('box01').style.top='-500px';
			document.getElementById('box01').style.left='-500px';
		}else{
			var x, y;
			if (document.all){
				x = event.clientX + document.body.scrollLeft;
				y = event.clientY + document.body.scrollTop;
			}else{
				x = e.pageX;
				y = e.pageY;
			};
			
			if (box && box.isActive){
		//	  if((y + 200) < viewportheight){
				box.element.style.left = x - 330 + 'px';
				box.element.style.top = y - 100 + 'px';
		/*	}else{
			  box.element.style.left = x - 300 + 'px';
				box.element.style.top = y - 250 + 'px';
			}*/
			};
		}
	}
}

function showPrev(txt){
	document.getElementById('box01').style.visibility='hidden';
	updatePosition();
	document.getElementById('box01').innerHTML = txt;
	document.getElementById('box01').style.visibility='visible';
}

function hidePrev(){
	document.getElementById('box01').style.visibility='hidden';
	//document.getElementById('box01').style.top='0px';
	//document.getElementById('box01').style.left='0px';
}