//***** SETTINGS FOR PHOTO GALLERY *******

// Images for arrows
var left_img = "/img/layout/left_arrow.jpg";
var right_img = "/img/layout/right_arrow.jpg";
// Width of scroller
var scrollerWidth = 500;

//***** DONT MODIFY BELOW THIS LINE *******

// Photogallery Script for Project Photos
var speed = 0;
var moverTimer;
var minX;
var maxX;	

var currImg = 0;
var totalImg = 0;

//Scroller Code
function moveDiv(direction)
{
	if (direction == 'stop'){
		clearInterval(moverTimer);  
	}else{
		speed = (direction == 'right') ? -5 : 5 || 0;
		moverTimer = setInterval ("mover()", 10);
	}
}

function mover()
{
	var cDiv = getStyleObject("treePageDetailsThumbnailGalleryWrapper");
	
	var newX = parseInt(cDiv.left) + speed;
	if (newX > minX && newX < (0-maxX)){
		if (document.layers){
				cDiv.left = newX;
		}else{
				cDiv.left = newX + "px";
		}
	}
}
		
function getStyleObject(objectId) {
    if(document.getElementById && document.getElementById(objectId)) {
		return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
		return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
		return document.layers[objectId];
    } else {
		return false;
    }
}


// Content Restructuring Code
function createGallery(){
	if (document.getElementById('treePageDetailsGalleryWrapper')){
		
		
		
		var thumbs = document.getElementById('treePageDetailsThumbnailGalleryWrapper').innerHTML;
		var mainImg = document.getElementById('treePageDetailsMainGalleryWrapper').innerHTML;
		var wrapper = document.getElementById('treePageDetailsGalleryWrapper');

		var thumb_wrappers = document.getElementById('treePageDetailsThumbnailGalleryWrapper').getElementsByTagName("div");
		var thumbsW = (128 * thumb_wrappers.length);
		totalImg = thumb_wrappers.length;
		
		wrapper.innerHTML = '<div id="treePageDetailsMainGalleryWrapper">' + mainImg + '</div>' + '<div id="thumbnail_scroller" class="clearfix">' + '<div id="left_arrow"><a href="#" onclick="return false;" onmouseover="moveDiv(\'left\');" onmouseout="moveDiv(\'stop\');"><img src="'+ left_img +'" alt="Move Left" /></a></div>' + '<div id="thumbnail_wrapper" style="height:95px; width:' + scrollerWidth + 'px; position:relative; display:block; overflow:hidden; float:left;">' + '<div id="treePageDetailsThumbnailGalleryWrapper" class="clearfix" style="position:absolute; top:0; left:0px; display:block; width:' + thumbsW + 'px;">' + thumbs + '</div></div>' + '<div id="right_arrow"><a href="#" onclick="return false;" onmouseover="moveDiv(\'right\');" onmouseout="moveDiv(\'stop\');"><img src="'+ right_img +'" alt="Move Right" /></a></div>' + '</div>';
	
		for (var i=0; i<thumb_wrappers.length; i++) {
			var curr = document.getElementById('treePageDetailsThumbnailGalleryWrapper').getElementsByTagName("div")[i];
			
			curr.style.border = '2px solid #fff';
			
			if (i==0){curr.style.border = '2px solid #000';}
			
			curr.id = i;
			
			curr.onclick = function(){
				clearBorders();
				for(var x=0; x<this.attributes.length;x++){
					if(this.attributes[x].nodeName.toLowerCase() == 'onclick'){
						eval(this.attributes[x].nodeValue);
					}
				}
				
				this.style.border = '2px solid #000';
				currImg = this.id;
			};
		}

		document.getElementById('treePageDetailsMoveBack').onclick = function(){prevImg();};
		document.getElementById('treePageDetailsMoveForward').onclick = function(){nextImg();};

		minX = parseInt(document.getElementById('thumbnail_wrapper').style.width) - thumbsW;
		maxX = -1;
	}
}


function clearBorders(){
	var thumb_wrappers = document.getElementById('treePageDetailsThumbnailGalleryWrapper').getElementsByTagName("div");
	
	for (var i=0; i<thumb_wrappers.length; i++) {
		thumb_wrappers[i].style.border = '2px solid #fff';
	}
}


function nextImg(){
	currImg++;
	if (currImg >= totalImg){currImg = totalImg-1};
	document.getElementById(currImg).onclick();
}

function prevImg(){
	currImg--;
	if (currImg < 0){currImg = 0};
	document.getElementById(currImg).onclick();	
}	



document.onkeyup = KeyCheck;
function KeyCheck(e){
   var KeyID = (window.event) ? event.keyCode : e.keyCode;
   switch(KeyID){

      case 37:
      prevImg();
      break;

      case 39:
	  nextImg();
	  break;
   }
}


if(typeof window.addEventListener != 'undefined'){window.addEventListener('load', createGallery, false);}
else if(typeof document.addEventListener != 'undefined'){document.addEventListener('load', createGallery, false);}
else if(typeof window.attachEvent != 'undefined'){window.attachEvent('onload', createGallery);}
else{
	if(typeof window.onload == 'function'){
		var existing = onload;
		window.onload = function()
		{
			existing();
			createGallery();
		};
	}else{
		window.onload = createGallery;
	}
}