// JavaScript Document
window.onload = function(){
	loadGallery();
}

function loadGallery(){
	var galleryLeft = document.getElementById("controlLeft");
	var galleryRight = document.getElementById("controlRight");
	
	var galleryList = document.getElementById("galleryList");
	var galleryControls = document.getElementById("galleryControls");
	
	
	if(galleryControls){
		/* Gallery scrolling */
		var featureImage = document.getElementById("galleryFeature").getElementsByTagName("img")[0];

		var photoWidth = 78;
		var photoNum = 5;
		var galleryListChildren = galleryList.getElementsByTagName("li").length;
		var photoListWidth = (galleryListChildren * photoWidth);
		var listThreshhold = (photoListWidth - ((photoNum+1) * photoWidth));
		listThreshhold = (listThreshhold - listThreshhold) - listThreshhold;

		galleryList.style.width = photoListWidth+"px";
		galleryControls.style.display = "block";

		galleryLeft.onclick = function(){
			var marginLeft = returnDimensions(galleryList);
			if(marginLeft < 0){
				galleryList.style.marginLeft = (marginLeft + 78)+"px";
			}
			return false;
		}

		galleryRight.onclick = function(){
			var marginLeft = returnDimensions(galleryList);
			if(listThreshhold <= marginLeft){
				galleryList.style.marginLeft = (marginLeft - 78)+"px";
			}
			return false;
		}

		/* Gallery actions */
		var imageList = galleryList.getElementsByTagName("a");
		for(var a = 0; a < imageList.length; a++){
			imageList[a].onclick = function(){
				newSrc = this.getElementsByTagName("img")[0].src.replace("_s.", ".");
				featureImage.parentNode.href = this.href;
				featureImage.src = newSrc;
				return false;
			}
		}
	}
}

function returnDimensions(objectRef) {
	var marginLeft;
	if(document.all){
		marginLeft=parseInt(objectRef.currentStyle.marginLeft);
	}else{
		marginLeft=parseInt(document.defaultView.getComputedStyle(objectRef, '').getPropertyValue('margin-left'));
	}
	return marginLeft;
}