function docinit(){
	for (i=0;i<bilder.length;i++){
		bilder[i].onclick=bigger;
		bilder[i].width = 100;
		picWidths[i] = bilder[i].width;
		slidewidth = slidewidth + picWidths[i];
	}
	// preview.onmouseout=smaller;
	preview.onclick=smaller;
	slidewidth = slidewidth - 4;
}

function bigger() {
	window.clearTimeout(to);
	if(myPreviewPic = document.getElementById('previewpic')){
		myPreviewPic.src = this.src;
	}
	if (mySpan = this.parentNode){
		if (myTextSpan = mySpan.getElementsByTagName('span')){
			if(myPreviewText = document.getElementById('previewtext')){
				myPreviewText.innerHTML = myTextSpan[1].innerHTML;
				myPreviewText.style['display'] = 'none';
			}
			if(myPreviewText = document.getElementById('previewname')){
				myPreviewText.innerHTML = myTextSpan[0].innerHTML;
				myPreviewText.style['display'] = 'none';
			}
		}
	}
	FullWidth = 400;
	FullHeight = 400;
	to = window.setTimeout('shrinkgrow("preview",20,'+FullWidth+','+FullHeight+')',10);
}
function smaller() {
	window.clearTimeout(to);
		if(myPreviewText = document.getElementById('previewtext')){
			myPreviewText.style['display'] = 'none';
		}
		if(myPreviewText = document.getElementById('previewname')){
			myPreviewText.style['display'] = 'none';
		}
	to = window.setTimeout('shrinkgrow("preview",-50,0,0)',10);
}

function setOpacity(obj, o) {
    obj.style['opacity'] = (o / 100);
    obj.style['MozOpacity'] = (o / 100);
    obj.style['moz-opacity'] = (o / 100);
    obj.style['KhtmlOpacity'] = (o / 100);
    obj.style['filter'] = 'alpha(Opacity=' + o + ')';
}

function moveSlider(myObjectName, mode, maxSpeed, currentSpeed, accelSpeed){
	window.clearTimeout(slidetimer);
	if (myObject = document.getElementById(myObjectName)){
		myObjectParent = myObject.parentNode;
		if (currentSpeed < maxSpeed){
			currentSpeed = currentSpeed + accelSpeed;
		}
		if (currentSpeed > maxSpeed){
			currentSpeed = maxSpeed;
		}

		currentPosition = myObject.style['marginLeft'];
		if (!currentPosition){
			currentPosition = '0px';
			myObject.style['marginLeft'] = currentPosition;
		}
		currentPosition = currentPosition.substring(0,currentPosition.indexOf('px'));

		step = 0;
		if (mode=='right' && currentPosition < 0){
			step = -1 * currentSpeed;
		} else if (mode=='left' && currentPosition > (580 - slidewidth)){
			step = currentSpeed;
		}
		currentPosition = currentPosition - step;
		// window.status=currentPosition + " " + (580 - slidewidth);
		if (currentPosition <= (580 - slidewidth)){
			currentPosition = (580 - slidewidth);
			if (mySlider = document.getElementById('slideright')){
				mySlider.style['visibility'] = 'hidden';
			} 
		} else {
			if (mySlider = document.getElementById('slideright')){
				mySlider.style['visibility'] = 'visible';
			}
		}
		if (currentPosition >= 0){
			currentPosition = 0;
			if (mySlider = document.getElementById('slideleft')){
				mySlider.style['visibility'] = 'hidden';
			} 
		} else {
			if (mySlider = document.getElementById('slideleft')){
				mySlider.style['visibility'] = 'visible';
			}
		}
		
		resultingPosition = currentPosition+'px';
		myObject.style['marginLeft'] = resultingPosition;
		slidetimer = window.setTimeout("moveSlider('"+myObjectName+"','"+mode+"',"+maxSpeed+","+currentSpeed+","+accelSpeed+")",10);
	}
}


function shrinkgrow(myObjectName,myRate,myTargetX,myTargetY){
	window.clearTimeout(to);
	if (document.getElementById(myObjectName)){
		myObject = document.getElementById(myObjectName);
		myObjectPic = document.getElementById('previewpic');
		if (myObjectPic.style){
			if (myObjectPic.style['width']){
				myWidth=parseInt(myObjectPic.style['width']);
				myHeight=parseInt(myObjectPic.style['height']);
			} else {
				myWidth=0;
				myHeight=0;
			}
			myWidth = myWidth + myRate;
			myHeight = myHeight + myRate;
			if ((myHeight > myTargetY && myRate > 0) || (myHeight < myTargetY && myRate < 0)){
				myHeight = myTargetY;
			}
			if ((myWidth > myTargetX && myRate > 0) || (myWidth < myTargetX && myRate < 0)){
				myWidth = myTargetX;
			}
						
			if (mySlider = document.getElementById('slidecontainer')){
				// setOpacity(mySlider,120-((myWidth/FullWidth)*100));
			}
			myObject.style['visibility'] = 'visible';
			//myObject.style['width'] = myWidth + "px";	
			//myObject.style['height'] = (myHeight + 30) + "px";
			myObjectPic.style['width'] = myWidth + "px";	
			myObjectPic.style['height'] = myHeight + "px";
			myObject.style['left'] = (290-(myWidth/2)) + "px";
			myObject.style['top'] = (100-(myHeight/2)) + "px";
			if (myTargetX != myWidth || myTargetY != myHeight){
				to = window.setTimeout("shrinkgrow('"+myObjectName+"',"+myRate+","+myTargetX+","+myTargetY+")",1)
			} else if (myHeight == 0) {
				myObject.style['visibility'] = 'hidden';
			} else {
				if(myPreviewText = document.getElementById('previewtext')){
					myPreviewText.style['display'] = 'block';
				}
				if(myPreviewText = document.getElementById('previewname')){
					myPreviewText.style['display'] = 'block';
				}
			}
		}
	}
}