/************************************************************************************************************
	(C) www.dhtmlgoodies.com, June 2006
	
	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 opacitySpeed = 2;	// Speed of opacity - switching between large images - Lower = faster
	var opacitySteps = 10; 	// Also speed of opacity - Higher = faster
	var slideSpeed = 2;	// Speed of thumbnail slide - Lower = faster
	var slideSteps = 12;	// Also speed of thumbnail slide - Higher = faster
	var slideSteps2 = 11;	// Also speed of thumbnail slide - Higher = faster
	var columnsOfThumbnails = 10;	// Hardcoded number of thumbnail columns for logos, use false if you want the script to figure it out dynamically.

	var columnsOfThumbnails2 = 3;	// Hardcoded number of thumbnail columns for teammembers, use false if you want the script to figure it out dynamically.
	
	/* Don't change anything below here */
	var DHTMLgoodies_largeImage = false;
	var DHTMLgoodies_imageToShow = false;
	var DHTMLgoodies_currentOpacity = 100;
	var DHTMLgoodies_slideWidth = false;
	var DHTMLgoodies_thumbTotalWidth = false;
	var DHTMLgoodies_viewableWidth = false;
	var DHTMLgoodies_slideWidth2 = false;
	var DHTMLgoodies_thumbTotalWidth2 = false;
	var DHTMLgoodies_viewableWidth2 = false;
	

	
	var currentUnqiueOpacityId = false;
	var DHTMLgoodies_currentActiveImage = false;
	var DHTMLgoodies_thumbDiv = false;
	var DHTMLgoodies_thumbSlideInProgress = false;
	var DHTMLgoodies_thumbDiv2 = false;
	var DHTMLgoodies_thumbSlideInProgress2 = false;
	
	var browserIsOpera = navigator.userAgent.indexOf('Opera')>=0?true:false;
	var leftArrowObj;
	var rightArrowObj;
	var leftArrowObj2;
	var rightArrowObj2;
	var thumbsColIndex = 1;
	var thumbsLeftPos = false;
	var thumbsColIndex2 = 1;
	var thumbsLeftPos2 = false;
	
	function initGalleryScript()
	{
		leftArrowObj = document.getElementById('DHTMLgoodies_leftArrow');		
		leftArrowObj.style.visibility='hidden';
		rightArrowObj = document.getElementById('DHTMLgoodies_rightArrow');	
		leftArrowObj.style.cursor = 'pointer';	
		rightArrowObj.style.cursor = 'pointer';	
		leftArrowObj.onclick = moveThumbnails;
		rightArrowObj.onclick = moveThumbnails;
		DHTMLgoodies_largeImage = document.getElementById('DHTMLgoodies_largeImage').getElementsByTagName('IMG')[0];
		var innerDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
		DHTMLgoodies_slideWidth = innerDiv.getElementsByTagName('DIV')[0].offsetWidth;
		DHTMLgoodies_thumbDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
		DHTMLgoodies_thumbDiv.style.left = '0px';
			
		var subDivs = DHTMLgoodies_thumbDiv.getElementsByTagName('DIV');
		DHTMLgoodies_thumbTotalWidth = 0;
		var tmpLeft = 0;
		for(var no=0;no<subDivs.length;no++){
			if(subDivs[no].className=='strip_of_thumbnails'){
				DHTMLgoodies_thumbTotalWidth = DHTMLgoodies_thumbTotalWidth + DHTMLgoodies_slideWidth;
				subDivs[no].style.left = tmpLeft + 'px';
				subDivs[no].style.top = '0px';
				tmpLeft = tmpLeft + subDivs[no].offsetWidth;
			}
		}

		DHTMLgoodies_viewableWidth = document.getElementById('DHTMLgoodies_thumbs').offsetWidth;

		
		//DHTMLgoodies_currentActiveImage = DHTMLgoodies_thumbDiv.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];

		//DHTMLgoodies_currentActiveImage.className='activeImage';

	}

	function initGalleryScript2()
	{
		leftArrowObj2 = document.getElementById('DHTMLgoodies_leftArrow2');		
		leftArrowObj2.style.visibility='hidden';
		rightArrowObj2 = document.getElementById('DHTMLgoodies_rightArrow2');	
		leftArrowObj2.style.cursor = 'pointer';	
		rightArrowObj2.style.cursor = 'pointer';	
		leftArrowObj2.onclick = moveThumbnails2;
		rightArrowObj2.onclick = moveThumbnails2;
		DHTMLgoodies_largeImage = document.getElementById('DHTMLgoodies_largeImage2').getElementsByTagName('IMG')[0];
		var innerDiv2 = document.getElementById('DHTMLgoodies_thumbs_inner2');
		DHTMLgoodies_slideWidth2 = innerDiv2.getElementsByTagName('DIV')[0].offsetWidth;
		DHTMLgoodies_thumbDiv2 = document.getElementById('DHTMLgoodies_thumbs_inner2');
		DHTMLgoodies_thumbDiv2.style.left = '0px';
		
		var subDivs2 = DHTMLgoodies_thumbDiv2.getElementsByTagName('DIV');
		DHTMLgoodies_thumbTotalWidth2 = 0;
		var tmpLeft2 = 0;
		for(var no=0;no<subDivs2.length;no++){
			if(subDivs2[no].className=='strip_of_thumbnails2'){
				DHTMLgoodies_thumbTotalWidth2 = DHTMLgoodies_thumbTotalWidth2 + DHTMLgoodies_slideWidth2;
				subDivs2[no].style.left = tmpLeft2 + 'px';
				subDivs2[no].style.top = '0px';
				tmpLeft2 = tmpLeft2 + subDivs2[no].offsetWidth;
			}
		}

		DHTMLgoodies_viewableWidth2 = document.getElementById('DHTMLgoodies_thumbs2').offsetWidth;
		
		
		//DHTMLgoodies_currentActiveImage = DHTMLgoodies_thumbDiv.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
		//DHTMLgoodies_currentActiveImage.className='activeImage';
	}
function moveThumbnails2()
	{
		if(DHTMLgoodies_thumbSlideInProgress2)return;
		DHTMLgoodies_thumbSlideInProgress2 = true;
		if(this.id=='DHTMLgoodies_leftArrow2'){
			thumbsColIndex2--;
			rightArrowObj2.style.visibility='visible';
			if(DHTMLgoodies_thumbDiv2.style.left.replace('px','')/1>=0){
				leftArrowObj2.style.visibility='hidden';
				DHTMLgoodies_thumbSlideInProgress2 = false;
				return;
			}

			slideThumbs2(slideSteps2,0);
			
		}else{
			thumbsColIndex2++;
			leftArrowObj2.style.visibility='visible';
			var left2 = DHTMLgoodies_thumbDiv2.style.left.replace('px','')/1;	
			var showArrow2 = true;
			if(DHTMLgoodies_thumbTotalWidth2 + left2 - DHTMLgoodies_slideWidth2 <= DHTMLgoodies_viewableWidth2)showArrow2 = false;
			if(columnsOfThumbnails2)showArrow2 = true;
				
			if(!showArrow2)	
			{
				rightArrowObj2.style.visibility='hidden';
				DHTMLgoodies_thumbSlideInProgress2 = false;
				return;
			}	
			slideThumbs2((slideSteps2*-1),0);
		}	
		
	}
	
	function slideThumbs2(speed,currentPos2)
	{
		DHTMLgoodies_slideWidth2=746; // made width large so scroll all visible elements


		var leftPos2;
		if(thumbsLeftPos2){
			leftPos2= thumbsLeftPos2;
		}else{
			var leftPos2 = DHTMLgoodies_thumbDiv2.style.left.replace('px','')/1;
			thumbsLeftPos2 = leftPos2;
		}
		currentPos2 = currentPos2 + Math.abs(speed);		
		var tmpLeftPos2 = leftPos2;
		leftPos2 = leftPos2 + speed;
		thumbsLeftPos2 = leftPos2;
		DHTMLgoodies_thumbDiv2.style.left = leftPos2 + 'px';
		if(currentPos2<DHTMLgoodies_slideWidth2)setTimeout('slideThumbs2(' + speed + ',' + currentPos2 + ')',slideSpeed);else{
			if(tmpLeftPos2>=0 || (columnsOfThumbnails2 && thumbsColIndex2==1)){
				document.getElementById('DHTMLgoodies_leftArrow2').style.visibility='hidden';
			}	
			var left2 = tmpLeftPos2;		
			var showArrow2 = true;

			//alert(DHTMLgoodies_thumbTotalWidth2 + "*" + left2  + "*" + DHTMLgoodies_slideWidth2);
			if(DHTMLgoodies_thumbTotalWidth2 + left2 - DHTMLgoodies_slideWidth2 <= DHTMLgoodies_viewableWidth2)showArrow2=false;
			if(columnsOfThumbnails2){
				if((thumbsColIndex2+1)<columnsOfThumbnails2)showArrow2=true; else showArrow2 = false;				
			}			
			if(!showArrow2){
				document.getElementById('DHTMLgoodies_rightArrow2').style.visibility='hidden';
			}					
			DHTMLgoodies_thumbSlideInProgress2 = false;
		}
	
	}

	
	function moveThumbnails()
	{
		if(DHTMLgoodies_thumbSlideInProgress)return;
		DHTMLgoodies_thumbSlideInProgress = true;
		if(this.id=='DHTMLgoodies_leftArrow') {
			thumbsColIndex--;
			rightArrowObj.style.visibility='visible';
			if(DHTMLgoodies_thumbDiv.style.left.replace('px','')/1>=0){
				leftArrowObj.style.visibility='hidden';
				DHTMLgoodies_thumbSlideInProgress = false;
				return;
			}
			
			slideThumbs(slideSteps,0);
			
		}else{
			thumbsColIndex++;
			leftArrowObj.style.visibility='visible';
			var left = DHTMLgoodies_thumbDiv.style.left.replace('px','')/1;	
			var showArrow = true;
			if(DHTMLgoodies_thumbTotalWidth + left - DHTMLgoodies_slideWidth <= DHTMLgoodies_viewableWidth)showArrow = false;
			if(columnsOfThumbnails)showArrow = true;
				
			if(!showArrow)	
			{
				rightArrowObj.style.visibility='hidden';
				DHTMLgoodies_thumbSlideInProgress = false;
				return;
			}	
			
			slideThumbs((slideSteps*-1),0);
		}	
		
	}
	
	function slideThumbs(speed,currentPos)
	{
		DHTMLgoodies_slideWidth=735;
		var leftPos;
		if(thumbsLeftPos){
			leftPos= thumbsLeftPos;
		}else{
			var leftPos = DHTMLgoodies_thumbDiv.style.left.replace('px','')/1;
			thumbsLeftPos = leftPos;
		}
		currentPos = currentPos + Math.abs(speed);		
		var tmpLeftPos = leftPos;
		leftPos = leftPos + speed;
		thumbsLeftPos = leftPos;
		DHTMLgoodies_thumbDiv.style.left = leftPos + 'px';
		if(currentPos<DHTMLgoodies_slideWidth)setTimeout('slideThumbs(' + speed + ',' + currentPos + ')',slideSpeed);else{
			if(tmpLeftPos>=0 || (columnsOfThumbnails && thumbsColIndex==1)){
				document.getElementById('DHTMLgoodies_leftArrow').style.visibility='hidden';
			}	
			var left = tmpLeftPos;		
			var showArrow = true;


			if(DHTMLgoodies_thumbTotalWidth + left - DHTMLgoodies_slideWidth <= DHTMLgoodies_viewableWidth)showArrow=false;
		 
			if(columnsOfThumbnails){
				if((thumbsColIndex+1)<columnsOfThumbnails)showArrow=true; else showArrow = false;				
			}			
			if(!showArrow){
				document.getElementById('DHTMLgoodies_rightArrow').style.visibility='hidden';
			}					
			DHTMLgoodies_thumbSlideInProgress = false;
		}
	
	}
	
	function showPreview(imagePath,inputObj)
	{		
		if(DHTMLgoodies_currentActiveImage){
			if(DHTMLgoodies_currentActiveImage==inputObj.getElementsByTagName('IMG')[0])return;
			DHTMLgoodies_currentActiveImage.className='';
		}
		DHTMLgoodies_currentActiveImage = inputObj.getElementsByTagName('IMG')[0];
		DHTMLgoodies_currentActiveImage.className='activeImage';
		
		DHTMLgoodies_imageToShow = imagePath;
		var tmpImage = new Image();
		tmpImage.src = imagePath;
		currentUnqiueOpacityId = Math.random();
		moveOpacity(opacitySteps*-1,currentUnqiueOpacityId);
	}
	
	function setOpacity()
	{
		if(document.all)
		{
			DHTMLgoodies_largeImage.style.filter = 'alpha(opacity=' + DHTMLgoodies_currentOpacity + ')';
		}else{
			DHTMLgoodies_largeImage.style.opacity = DHTMLgoodies_currentOpacity/100;
		}		
	}
	function moveOpacity(speed,uniqueId)
	{
		
		if(browserIsOpera){
			DHTMLgoodies_largeImage.src = DHTMLgoodies_imageToShow;
			return;
		}
		
		DHTMLgoodies_currentOpacity = DHTMLgoodies_currentOpacity + speed;
		if(DHTMLgoodies_currentOpacity<=5 && speed<0){
		
			var tmpParent = DHTMLgoodies_largeImage.parentNode; 
			DHTMLgoodies_largeImage.parentNode.removeChild(DHTMLgoodies_largeImage);
			DHTMLgoodies_largeImage = document.createElement('IMG');
			tmpParent.appendChild(DHTMLgoodies_largeImage);
			setOpacity();
			DHTMLgoodies_largeImage.src = DHTMLgoodies_imageToShow;
		
			speed=opacitySteps;
		}
		if(DHTMLgoodies_currentOpacity>=99 && speed>0)DHTMLgoodies_currentOpacity=99;		
		setOpacity();	
		if(DHTMLgoodies_currentOpacity>=99 && speed>0)return;		
		if(uniqueId==currentUnqiueOpacityId)setTimeout('moveOpacity(' + speed + ',' + uniqueId + ')',opacitySpeed);		
	}

function resetThumbnails()
	{
			thumbsColIndex--;
			//rightArrowObj.style.visibility='visible';
			if(DHTMLgoodies_thumbDiv.style.left.replace('px','')/1>=0){
				//leftArrowObj.style.visibility='hidden';
				DHTMLgoodies_thumbSlideInProgress = false;
				return;
			}
			
			slideThumbs(slideSteps,0);
	
	}
function resetThumbnails2()
	{
			thumbsColIndex2--;
			//rightArrowObj2.style.visibility='visible';
			if(DHTMLgoodies_thumbDiv2.style.left.replace('px','')/1>=0){
				//leftArrowObj2.style.visibility='hidden';
				DHTMLgoodies_thumbSlideInProgress2 = false;
				return;
			}
			
			slideThumbs2(slideSteps2,0);
	
	}