/************************************************************************************************************
	(C) www.dhtmlgoodies.com, November 2005
	
	This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	
	
	Terms of use:
	You are free to use this script as long as the copyright message is kept intact. However, you may not
	redistribute, sell or repost it without our permission.
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland
	
	************************************************************************************************************/
	var arrowImageHeight = 14;	// Height of arrow image in pixels;
	var displayWaitMessage=true;	// Display a please wait message while images are loading?
	
	var stoppen = false;
	var tmp3 = 0;
	
	var previewImage = false;
	var previewImageParent = false;
	var slideSpeed = 1;
	var laden = false;
	var previewImagePane = false;
	var slideEndMarker = false;
	var galleryContainer = false;
	var imageGalleryCaptions = new Array();
	
	var mid_height = 0;
	var toe_height = 24;
	
	var slideSpeed_m = 1;
	
	function getTopPos(inputObj)
	{		
	
	  var returnValue = inputObj.offsetTop;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop;
	  return returnValue;
	}
	
	function getLeftPos(inputObj)
	{

	  var returnValue = inputObj.offsetLeft;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
	  return returnValue;
	}
		
	function showPreview(newSrc,imageIndex)
	{
		if(!previewImage){
			var images = document.getElementById('previewPane').getElementsByTagName('IMG');
			if(images.length>0){
				previewImage = images[0];
			}else{
				previewImage = document.createElement('IMG');
				document.getElementById('previewPane').appendChild(previewImage);	
			}
			
			
		}
		if(displayWaitMessage){
			document.getElementById('waitMessage').style.display='inline';
		}
		document.getElementById('largeImageCaption').style.display='none';
		previewImage.onload = function() { hideWaitMessageAndShowCaption(imageIndex-1); };				
		previewImage.src = newSrc;
		
	}
	function hideWaitMessageAndShowCaption(imageIndex)
	{
		document.getElementById('waitMessage').style.display='none';	
		document.getElementById('largeImageCaption').innerHTML = imageGalleryCaptions[imageIndex];
		document.getElementById('largeImageCaption').style.display='block';
		
	}
	function red(e)
	{
		if(this.src.indexOf('over')<0)this.src = this.src.replace('.jpg','-over.jpg');
	}
	function stopred(){
		this.src = this.src.replace('-over','');
		slideSpeed = 1 *slideSpeed_m;
	}
	function initSlide(e)
	{
		
		
		if(document.all)e = event;
		
		if(this.src.indexOf('over')<0)this.src = this.src.replace('.jpg','-over.jpg');
		
		slideSpeed = e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop) - getTopPos(this);

		if(this.src.indexOf('down')>=0){
			slideSpeed_m = -1;
			slideSpeed = (arrowImageHeight-10) + slideSpeed;
			
		}else{
			slideSpeed_m = 1;
			slideSpeed = arrowImageHeight - slideSpeed;
			
		}
		slideSpeed = Math.round(slideSpeed * 10 / arrowImageHeight);
		slideSpeed = slideSpeed*slideSpeed_m;
		
		stoppen=false;
	}
	function stopSlide()
	{
		
		slideSpeed = 1*slideSpeed_m;
		tmp3 = slideSpeed;
		this.src = this.src.replace('-over','');
		setTimeout('stoppen = false',300);
		
	}
	
	function slidePreviewPane()
	{
		if(slideSpeed!=0){
			var topPos = previewImagePane.style.top.replace(/[^\-0-9]/g,'')/1;	
		
			if(slideSpeed<0 && slideEndMarker.offsetTop<(previewImageParent.offsetHeight - topPos)){
				slideSpeed=1*slideSpeed_m;
			
			}
			topPos = topPos + slideSpeed;
			if(topPos>0)topPos=0;

		 	previewImagePane.style.top = topPos + 'px';
	 	
		}
	 	setTimeout('slidePreviewPane()',30);		
	}
	
	function revealThumbnail()
	{
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;
		this.style.border = '2px solid #E6322E';
	
		
		
	}
	
	function hideThumbnail()
	{
		var id = document.getElementById('container').className;
		
		if('p_'+id != this.id){
			this.style.filter = 'alpha(opacity=100)';
			this.style.opacity = 1;
			this.style.border = '2px solid #242424';
		}
		
	}
	
	function initGalleryScript()
	{
		previewImageParent = document.getElementById('theImages');
		previewImagePane = document.getElementById('theImages').getElementsByTagName('DIV')[0];
		mid_height = document.getElementById('slideEnd').className;
		toe_height = (document.getElementById('arrow_down').className / 2) -3;
		
		previewImagePane.style.top = (-mid_height + toe_height) + 'px';
		
		galleryContainer  = document.getElementById('galleryContainer');
		var images = previewImagePane.getElementsByTagName('IMG');
		for(var no=0;no<images.length;no++){
			images[no].onmouseover = revealThumbnail;
			images[no].onmouseout = hideThumbnail;
		}	
		slideEndMarker = document.getElementById('slideEnd');
		
		document.getElementById('theImages').onmousemove = stopp;
		document.getElementById('theImages').onmouseout = startt;
		document.getElementById('arrow_up_image').onmouseout = startt;
		
		document.getElementById('arrow_re_image').onmousemove = red;
		document.getElementById('arrow_re_image').onmouseout = stopred;
		
		document.getElementById('arrow_li_image').onmousemove = red;
		document.getElementById('arrow_li_image').onmouseout = stopred;
		
		document.getElementById('arrow_up_image').onmousemove = initSlide;
		document.getElementById('arrow_up_image').onmouseout = stopSlide;
		
		document.getElementById('arrow_down_image').onmousemove = initSlide;
		document.getElementById('arrow_down_image').onmouseout = stopSlide;
		
		var divs = previewImageParent.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){
			if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
		}		
		slidePreviewPane();
		start();
		klik_project();
		
	}
	function klik_project(){
		var posi = document.getElementById('pos_foto').className;
		if(posi>5){
			var height = document.getElementById('p_' + posi).className;
			
			previewImagePane.style.top = (height)/-1;
			
			stopp();
		}else if(posi>=0){
			stopp();
		}
		
	}
	function stopp(){
		stoppen = true;
		slideSpeed = 0*slideSpeed_m;
	}
	function startt(){
		stoppen = false;
		slideSpeed = 1*slideSpeed_m;
	}
	function start(){
		//previewImagePane.style.top = iets;
		//iets = iets+10;
		//alert("be");
		//setTimeout('start()',300);
		//alert("sad" + slideSpeed);
		if(!laden){
			previewImagePane.style.top = (-mid_height + toe_height) + 'px';
			laden = true;
			//slideSpeed = 1*slideSpeed_m;
			//alert(slideSpeed);
		}
		if(!stoppen){
			
				var topPos = previewImagePane.style.top.replace(/[^\-0-9]/g,'')/1;	
				topPos = topPos + slideSpeed;
				previewImagePane.style.top = topPos + 'px';
				if((topPos)+45>0){
					previewImagePane.style.top = (-mid_height + toe_height) + 'px';
					var tmp = 0;
					tmp=slideSpeed;
					topPos=(-mid_height) - (40+tmp3);
					slideSpeed = tmp3;
					//slideSpeed=1;
					//previewImagePane.style.top = -3304 + 'px';
					//alert(slideSpeed);
					//stoppen = true;
					
					
				}
				
				
				//alert(slideSpeed);
				var iets = previewImagePane.style.top.replace('px','');
				if(slideEndMarker.offsetTop<(previewImageParent.offsetHeight + (-1*iets)+50)){
					//slideSpeed=1;
					//previewImageParent.offsetHeight+=30;
				
					var height_p = document.getElementById("arrow_down_image").className;
					topPos = -1*((parseFloat(mid_height))-370);
					//alert(topPos);
					slideSpeed = tmp3;
					//stoppen = true;
					
				}
				tmp3=slideSpeed;
				
			//	alert(slideEndMarker.offsetTop+ "<"+previewImageParent.offsetHeight+"+"+(iets*-1));
				previewImagePane.style.top = topPos + 'px';
		}
		setTimeout('start()',600);
	}
	
	window.onload = initGalleryScript;