function grohaScrollToPos(posNew,lnkActive,lnkPassive) {
   document.getElementById('3schritteInnen').style.marginLeft=posNew;
   document.getElementById(lnkActive).style.fontWeight='bold';
   document.getElementById(lnkPassive).style.fontWeight='normal';
}


/* image-blend-functions */
function raithViewImages(start) {
	if(start==1) {
		var arVersion = navigator.appVersion.split("MSIE")
		var version = parseFloat(arVersion[1])
		
		if ((version >= 5.5) && (document.body.filters)) 
		{
		   for(var i=0; i<document.images.length; i++)
		   {
		      var img = document.images[i]
		      var imgName = img.src.toUpperCase()
		      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
		      {
		         var imgID = (img.id) ? "id='" + img.id + "' " : ""
		         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
		         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
		         var imgStyle = "display:inline-block;" + img.style.cssText 
		         if (img.align == "left") imgStyle = "float:left;" + imgStyle
		         if (img.align == "right") imgStyle = "float:right;" + imgStyle
		         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
		         var strNewHTML = "<span " + imgID + imgClass + imgTitle
		         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
		         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
		         + "(src=\'" + img.src + "\', sizingMethod='image');\"></span>" 
		         img.outerHTML = strNewHTML
		         i = i-1
		      }
		   }
		}
	}	

	var blendtimer = 0;
	var blenddelay = 3000; 
	var totalDelay = 0;
	shownCnt = 0;
	for(var imageCnt = start; imageCnt < blendImages.length; ++imageCnt) {
		blendtimer = (shownCnt+1)*blenddelay;
		setTimeout("blendimage('itemImageBlendDiv','itemImage','"+blendImages[imageCnt]+"',1200)",blendtimer);
		totalDelay+=blenddelay;
		shownCnt++;
	}
	setTimeout("raithViewImages(0)",totalDelay-100);	
}


function sohoShowImage (imgId,numImages) {
	
	//try blending:
	if(imgId != sohoCurrentImageId)
		blendimage('itemImageBlendDiv','itemImage','/elements/gfx/referenzen/'+imgId+'.jpg',250);
	sohoCurrentImageId = imgId;
	for(var i=1;i<=numImages;i++) {
		lnkContainer = document.getElementById("imgLnk_"+i);
		//alert(lnkContainer.rel);
		if(lnkContainer.rel!=imgId) { //falsch !!! 
			lnkContainer.style.color='rgb(180,180,180)';
		} else {
			lnkContainer.style.color='#fff';
		}
	}
	return false;
}

function sohoShowImageOver (imgId,numImages) {
	if(imgId != sohoCurrentImageId)
		blendimage('itemImageBlendDiv','itemImage','/elements/gfx/referenzen/'+imgId+'.jpg',250);
}
function sohoShowImageOut (imgId,numImages) {
	if(imgId != sohoCurrentImageId)
		blendimage('itemImageBlendDiv','itemImage','/elements/gfx/referenzen/'+sohoCurrentImageId+'.jpg',250);	
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function shiftOpacity(id, millisec) {
    //if an element is invisible, make it visible, else make it ivisible
    if(document.getElementById(id).style.opacity == 0) {
        opacity(id, 0, 100, millisec);
    } else {
        opacity(id, 100, 0, millisec);
    }
} 

function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).src = imagefile;
    newBigImage = imagefile;
    
    //hide old background: 
//    setTimeout(document.getElementById(divid).style.backgroundImage = "url(/elements/gfx/white.gif)",(100*speed));
    
    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
}