// 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, reiter){
	/* Erweiterung f�r mehr als 3. Tab 
	 *
	 *   Neue Abfrage f�r id="lieferumfang"
	 *   chgNav erweitert: 
	 */

	chgNav=false;
	if(welche=='beschreibung' && document.getElementById('beschreibung').style.display!='block'){
		document.getElementById('beschreibung').style.display='block';

		document.getElementById('meinungen').style.display='none';
		document.getElementById('lieferumfang').style.display='none';
		chgNav=true;
	}
	if(welche=='meinungen' && document.getElementById('meinungen').style.display!='block'){
		document.getElementById('meinungen').style.display='block';

		document.getElementById('beschreibung').style.display='none';
		document.getElementById('lieferumfang').style.display='none';
		chgNav=true;
	}
	if(welche=='lieferumfang' && document.getElementById('lieferumfang').style.display!='block'){
		document.getElementById('lieferumfang').style.display='block';

		document.getElementById('meinungen').style.display='none';
		document.getElementById('beschreibung').style.display='none';
		chgNav=true;
	}
	if(chgNav){
		if(arguments.length == 2 ) {
			document.getElementById('current').id='rTemp' + Math.random();
			// JQuery!
			document.getElementById($(reiter).parent('li').attr('id')).id='current';
		} else {
			 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';
}


// Mouseover
//    zu einem beliebigen html element das attribut "mouseoverimage"
//    hinzufügen und den url angeben
//    
//    der hintergrund wird dann während dem mouseover auf dieses bild
//    gesetzt und danach wieder auf den originalzustand.
$(document).ready(function() {
	$('[mouseoverclass]').each(function() {
		//$(this).data('orig_c', $(this).css('background-image'));		
		$(this).mouseover(function() {
			$(this).addClass($(this).attr('mouseoverclass'));
			//$(this).css('background-image', 'url(' + $(this).attr('mouseoverimage') + ')');
		});
		$(this).mouseout(function() {
			$(this).removeClass($(this).attr('mouseoverclass'));
			//$(this).css('background-image', $(this).data('orig_bg_img'));					
		});
	});

/*
	$('[mouseovercolor]').each(function() {
		$(this).data('orig_color', $(this).css('color'));		
		$(this).mouseover(function() {
			$(this).addClass();
			$(this).find('*').css('color!important', $(this).attr('mouseovercolor'));
		});
		$(this).mouseout(function() {
			$(this).find('*').css('color', $(this).data('orig_color'));					
		});
	});
*/	
});