function openProduct(productImage)
{
	var productDetails = document.getElementById('productdetails');
	var parent;
	  if(productDetails != null)
	  {
		if(document.all)
		{
	  	    // IE
            var x_ax = getPositionLeft(productImage) + 75;
		    productDetails.style.top=  getPositionTop(productImage) + "px";
		    productDetails.style.left= x_ax + "px";
		}
		else
		{
            var x_ax = productImage.x + 65;
		 	productDetails.style.top= productImage.y + "px";
		 	productDetails.style.left= x_ax + "px";
		}
		parent = productImage.parentNode;

		if(parent != null)
		{
			var text = parent.innerHTML;
			//alert(text);
			text = text.replace(/=\"30\"/g, "=140");
			text = text.replace(/=30/g, "=140");
			text = text.replace(/=\"60\"/g, "=140");
			text = text.replace(/=60/g, "=140");
			text = text.replace(/=\"80\"/g, "=140");
			text = text.replace(/=80/g, "=140");
			/* to display only the image, cut code (starts with "<h3") after image
             * and show only first part of the array
             */
			if(document.all)
			{
	  	    // For IE
			var arr = text.split("<H3");
			}
			else
			{
			var arr = text.split("<h3");
			}
			text = arr[0];

			if(document.getElementById('zoomProductDetails') != null)
			{
		  		document.getElementById('zoomProductDetails').innerHTML= text;
		  	}

		  	// show popup
		  	Effect.Appear('productdetails',{delay: 0.0, duration: 0.4});
		}
	}
}

/* Hide popup */
function closeProduct()
{
 Effect.Fade('productdetails',{delay: 0.0, duration: 0.0});
}

function openPortrait(productImage, id)
{
	
	var productDetails = document.getElementById('portraitdetails');
	var parent;
	  if(productDetails != null)
	  {

		if(document.all)
		{
	  	    // IE
            var x_ax = getPositionLeft(productImage) + 75;
		    productDetails.style.top=  getPositionTop(productImage) + "px";
		    productDetails.style.left= x_ax + "px";
		}
		else
		{
            var x_ax = getPositionLeft(productImage) + 75;
		    productDetails.style.top=  getPositionTop(productImage) + "px";
		    productDetails.style.left= x_ax + "px";
		}
		parent = productImage.parentNode;

		if(parent != null)
		{
			if(document.getElementById('zoomPortraitDetails') && document.getElementById(id))
			{
				
		  		document.getElementById('zoomPortraitDetails').innerHTML= document.getElementById(id).innerHTML;

		  	}

		  	// show popup
		  	Effect.Appear('portraitdetails',{delay: 0.0, duration: 0.4});

		}
	}
}

function openPortrait1(productImage, id)
{
	 
	var productDetails = document.getElementById('portraitdetails');
	var parent;
	  if(productDetails != null)
	  {

		if(document.all)
		{
	  	    // IE
            var x_ax = getPositionLeft(productImage)-620;
		    productDetails.style.top=  getPositionTop(productImage) + "px";
		    productDetails.style.left= x_ax + "px";
		}
		else
		{
            var x_ax = getPositionLeft(productImage)-620;
		    productDetails.style.top=  getPositionTop(productImage) + "px";
		    productDetails.style.left= x_ax + "px";
		}
		parent = productImage.parentNode;

		if(parent != null)
		{
			if(document.getElementById('zoomPortraitDetails') && document.getElementById(id))
			{
				
		  		document.getElementById('zoomPortraitDetails').innerHTML= document.getElementById(id).innerHTML;

		  	}

		  	// show popup
		  	Effect.Appear('portraitdetails',{delay: 0.0, duration: 0.4});

		}
	}
}

/* Hide popup */
function closePortrait()
{
 Effect.Fade('portraitdetails',{delay: 0.0, duration: 0.0});
}


/** It seems that an absolute left position in IE can be calculated only via
 * offsets to the parent elements
 * Parameter: HTML element which absolute position should be calculated
 */
function getPositionLeft(tNode){
	var xPos = 0;
   	while (tNode != null && tNode.nodeName != "BODY")
   	{
       	xPos += tNode.offsetLeft;
        tNode = tNode.offsetParent;
    }
    return xPos;
}

/** It seems that an absolute top positiuon in IE can be calculated only via
 * offsets to the parent elements
 * Parameter: HTML element which absolute position should be calculated
 */
function getPositionTop(tNode){
      var yPos = 0;
      while (tNode != null && tNode.nodeName != "BODY")
      {
         yPos += tNode.offsetTop;
         tNode = tNode.offsetParent;
      }
      return yPos;
}

/* macht Screenshot von vorgegebener URL.....
   Positionierung funktioniert noch nicht richtig!
*/
function getScreenShot(fragment, url)
{
    var scale=2;
    var baseurl  = "http://www.m-software.de/screenshot/Screenshot.png";
    var owidth   = 900;
    var oheight  = 600;
    var url      = url;
    var width    = owidth / scale;
    var height   = oheight / scale;
    var thumburl = baseurl + "?url=" + url + "&scale=" + scale;
    var code     = "<img src="+thumburl+" width="+width+" height="+height+"/>";
    //alert(code);

 //Wenn FF
  if(!document.all)
  {
  // ermittelt Abstand von Seitenkopf (oben) und weist dem Div "productdetails" diesen Wert zu
  document.getElementById('shopDetails').style.top= fragment.y + "px";
  // ermittelt Abstand von Seitenrand (links) und weist dem Div "productdetails" diesen Wert zu
  document.getElementById('shopDetails').style.left= fragment.x + "px";
  }
  // Wenn IE
  else
  {
  // ermittelt Abstand von Seitenkopf (oben) und weist dem Div "productdetails" diesen Wert zu
      document.getElementById('shopDetails').style.top=  getPositionTop(fragment) + "px";
  // ermittelt Abstand von Seitenrand (links) und weist dem Div "productdetails" diesen Wert zu
      document.getElementById('shopDetails').style.left= getPositionLeft(fragment) + "px";
  }
    document.getElementById('shopDetails').innerHTML= code;
}

function closeScreenShot()
{
    document.getElementById('shopDetails').innerHTML= "";
}

function resetInput(inputField, defaultValue)
{
	//alert(defaultValue);
	if(inputField != null && inputField.value != null && inputField.value == defaultValue)
	{
		inputField.value="";
	}
}

var logo="1";
function switchLogo(){
window.setTimeout("start()", 1700);
}

function start()
{
window.setInterval('switchLogoHTML()', 2500);
}

function switchLogoHTML()
{
root = "kaufen";
switch (logo) {
  case "1":
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/ATV24_270.gif\"  border=\"0\"></div>";
    logo = "2";
    break;
  case "2":
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/DELL_99.gif\"  border=\"0\"></div>";
    logo = "3";
    break;
  case "3":
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/elektroland24_de_542.gif\"  border=\"0\"></div>";
    logo = "4";
    break;
  case "4":
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/MusicStore_1944.gif\"  border=\"0\"></div>";
    logo = "5";
    break;
  case "5":
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/Home_of_Hardware_1031.gif\"  border=\"0\"></div>";
    logo = "6";
    break;
  case "6":
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/mobilebomber_de_875.gif\"  border=\"0\"></div>";
    logo = "7";
    break;
  case "7":
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/Pixmania_414.gif\"  border=\"0\"></div>";
    logo = "8";
    break;
  case "8":
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/Seat_ShopWorld_421.gif\"  border=\"0\"></div>";
    logo = "9";
    break;
  case "9":
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/EURONICS_Deutschland_1720.gif\"  border=\"0\"></div>";
    logo = "10";
    break;
  case "10":
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/Voltus_de_160.gif\"  border=\"0\"></div>";
    logo = "11";
	 break;
  case "11":
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/neckermann_ch.gif\"  border=\"0\"></div>";
    logo = "12";
    break;
  default:
    document.getElementById('logoSwitcher').innerHTML = "<div id=\"slogo\"><img src=\"/" + root +"/images_profile/DELL_99.gif\" border=\"0\"></div>";
    logo = "1";
    break;
}
}

function showLink()
{
	document.getElementById('Tour').href= "/kaufen/images/guided-tour.jpg";	
}

function init()
{
	if(document.getElementById('catDescription'))
	{
	document.getElementById('save_desc').innerHTML = document.getElementById('catDescription').innerHTML
	document.getElementById('catDescription').innerHTML = document.getElementById('catDescription').innerHTML.slice(0, 230)+"..."+"<a class=\"bodytextgrey\" id=\"labelDescription\" onclick=\"toggleDescription();\">&nbsp;&nbsp;<img src=\"/kaufen/images/more-results.gif\" alt=\"Mehr\" title=\"Beschreibung einblenden\"></a>";
	}
}

function toggleDescription()
{
	if(document.getElementById('state_desc').innerHTML == 0)
	{
		document.getElementById('catDescription').innerHTML = document.getElementById('save_desc').innerHTML +"<a class=\"bodytextgrey\" id=\"labelDescription\" onclick=\"toggleDescription();\">&nbsp;&nbsp;<img src=\"/kaufen/images/top.gif\" alt=\"Ausblenden\" title=\"Beschreibung ausblenden\"></a>";
		document.getElementById('state_desc').innerHTML = 1;					
		
	}
	else
	{
		document.getElementById('catDescription').innerHTML = document.getElementById('catDescription').innerHTML.slice(0, 230)+"..."+"<a class=\"bodytextgrey\" id=\"labelDescription\" onclick=\"toggleDescription();\">&nbsp;&nbsp;<img src=\"/kaufen/images/more-results.gif\" alt=\"Mehr\" title=\"Beschreibung einblenden\"></a>";						
		document.getElementById('state_desc').innerHTML = 0;							
	}
}

function toggleContent(element_id_A, element_id_B)
{
	if(document.getElementById(element_id_A).style.display == "none")
	{
		document.getElementById(element_id_A).style.display = "block";
		document.getElementById(element_id_B).style.display = "none";					
		
	}
	else
	{
		document.getElementById(element_id_A).style.display = "none";
		document.getElementById(element_id_B).style.display = "block"; 								
	}
}

function hideSelBox()
{
if (window.XMLHttpRequest) {
   // IE 7, Mozilla/Firefox, Safari, Opera 9
} else {
	document.getElementById('siteSearchOptionTop').style.visibility="hidden";
}
}

function showSelBox()
{
if (window.XMLHttpRequest) {
   // IE 7, Mozilla/Firefox, Safari, Opera 9
} else {
			document.getElementById('siteSearchOptionTop').style.visibility="visible";
}
}

function rotate () {
  my_glider.next1();  
  window.setTimeout("my_glider.next2()", 1600);  
}
