function surfto(form) {
	var myindex=form.ObjectPath.selectedIndex
	var Ausdruck = /.*Categories(.*)/;
	Ausdruck.exec(form.ObjectPath.options[myindex].value);
	var tmp = 	RegExp.$1;

	if (form.ObjectPath.options[myindex].value != "") {
		location= "/epages/Store.sf/Categories"+tmp+".html";
	}
}



var preloadIntervallArray = new Array();
function changePreviewImageVar(ImageID, ImageURL, ImageTitle, LoadingID, Percentage) {
// changes the PreviewImage in the PreviewArea and starts the image preloader
  changeImage(ImageID, ImageURL, ImageTitle);
  document.getElementById(ImageID).style.display="none";      // hide preview image while loading
  document.getElementById(LoadingID).style.display="inline";  // display Loading info
  document.getElementById(Percentage).style.display="none"; // hide image size while loading

  if(preloadInterval!="") clearInterval(preloadInterval);
  var temp = preloadIntervallArray.length;
  preloadIntervallArray.push(setInterval("preloadImageVar('"+ImageID+"', '"+LoadingID+"', '"+Percentage+"', '"+temp+"')",100));
  
}

function preloadImageVar(ImageID, LoadingID, Percentage, IndexIntervall) {
// ---------------------------------------------------------------------------------------------------
// preloadImage([id of an img tag])
// ---------------------------------------------------------------------------------------------------
// This function can be used in the previewArea only!
// It tests if the download of an image is complete. On positive result it:
//  - displays the image by changing its display properties
//  - changes the size of large images
//  - removes its own interval
//
// Usage example:
// if(preloadInterval!="") clearInterval(preloadInterval);            // remove possible old interval
// preloadInterval = setInterval("preloadImage('"+ImageID+"')",100);  // start this function in an interval

//settings for height and width according to source of functioncall
var ImgWidth = 190;
var ImgHeight= 140;
if(Caller == 1)
{
ImgWidth = 200;
ImgHeight = 200;
}


  if(document.getElementById(ImageID).complete) {                     // do nothing while the image is not uploaded yet

// create dummy image to get (non-cached) image width & height
    var testImage=document.createElement("img");
    testImage.src=document.getElementById(ImageID).src;

    var percent = 100;
    if(testImage.width != 0) {                                        // do nothing while the width is unset
      document.getElementById(ImageID).style.display="block";
      if(testImage.width> ImgWidth || testImage.height> ImgHeight) {
// resize large images
        var horPercent = 100*ImgWidth/testImage.width;
        var verPercent = 100*ImgHeight/testImage.height;
        if(horPercent > verPercent) {
            document.getElementById(ImageID).height =ImgHeight;
            document.getElementById(ImageID).width =testImage.width * verPercent / 100;
            percent = verPercent;
        }  else {
            document.getElementById(ImageID).width =ImgWidth;
            document.getElementById(ImageID).height =testImage.height * horPercent / 100;
            percent = horPercent;
        }
      } else {
// reset image sizes for 1:1 Images
        document.getElementById(ImageID).width = testImage.width;
        document.getElementById(ImageID).height = testImage.height;
      }
// calculate new postion
      var newMarginLeft = document.getElementById(ImageID).width/2;
      var newMarginTop = document.getElementById(ImageID).height/2;

      if (!browser.isOpera)
      {
        document.getElementById(ImageID).style.left="50%";
        document.getElementById(ImageID).style.top="50%";
        document.getElementById(ImageID).style.marginLeft="-"+newMarginLeft+"px";
        document.getElementById(ImageID).style.marginTop="-"+newMarginTop +"px";
      }
      else
      {
        document.getElementById(ImageID).style.margin='auto';
      }

      var newTextnode= document.createTextNode("("+Math.floor(percent)+"%)");
      document.getElementById(Percentage).replaceChild(newTextnode, document.getElementById(Percentage).firstChild);
      document.getElementById(LoadingID).style.display="none";
      document.getElementById(Percentage).style.display="inline";
      clearInterval(preloadIntervallArray[IndexIntervall]);
    }
  }
}


