// JavaScript Document

function SlideRight(galleryId){
	var mask = document.getElementById('galleryMask'+galleryId);
	var pad = document.getElementById('galleryPad'+galleryId);
	var currentMarginLeft = pad.style.marginLeft.replace("px", "");
	pad.style.marginLeft = Math.floor(Number(currentMarginLeft)-151)+"px";
	if(pad.style.marginLeft.replace("px", "") < -(Math.floor(pad.offsetWidth-mask.offsetWidth))){
		pad.style.marginLeft = -(Math.floor(pad.offsetWidth-mask.offsetWidth))+"px";	
	}
	
}

function SlideLeft(galleryId){
	var pad = document.getElementById('galleryPad'+galleryId);
	var currentMarginLeft = pad.style.marginLeft.replace("px", "");
	pad.style.marginLeft = Math.floor(Number(currentMarginLeft)+151)+"px";
	if(Number(pad.style.marginLeft.replace("px", "")) > 0){
		pad.style.marginLeft = "0px";	
	}
		
}

function hideOverLay(){
	document.getElementById('ImageOverLayMask').style.visibility = "hidden";
	var Overlay = document.getElementById('ImageOverLay');
	Overlay.style.visibility = "hidden";
}

function showOverlay(image){
	document.getElementById('ImageOverLayMask').style.visibility = "visible";
	var Overlay = document.getElementById('ImageOverLay');
	Overlay.style.visibility = "visible";
	document.getElementById('ImageOverlayArea').innerHTML = "<img src='"+image+"' />";
}