if(document.getElementsByTagName){
	document.write("<link rel='stylesheet' type='text/css' href='jsPre.css' />")
}
function ToggleNav(){
if(!document.getElementsByTagName) return false;
var List = document.getElementsByTagName("li");
	for( var i=0 ; i < List.length ; i++){
		if( List[i].className.indexOf("toggle") != -1){
			if(List[i].className.indexOf("active") != -1){
				List[i].className="toggleOpen";
			}
			List[i].getElementsByTagName('span')[0].onclick = function(){
				var parentLi=this.parentNode;
				if(parentLi.className.indexOf("toggle") != -1 && parentLi.className.indexOf("toggleOpen") == -1){
					parentLi.className=parentLi.className.replace("toggle","toggleOpen");
				}
				else{
					parentLi.className=parentLi.className.replace("toggleOpen","toggle");
				}
			}
		}
	}
}
function imgGallery(){
	if(!document.getElementById) return false;
	if(!document.getElementById('Diashowcontainer')) return false;
	var gal=document.getElementById('Diashowcontainer');
	var thumbs=gal.getElementsByTagName('a');
	var bigImg=document.getElementById('Bigimg').getElementsByTagName('img')[0];
	var imgTxt=document.getElementById('Text');
	for(var i=0;i<thumbs.length;i++){
		thumbs[i].onclick=function(){
			bigImg.src=this.href;
			var txt=this.getElementsByTagName('img')[0].getAttribute('alt');
			imgTxt.firstChild.nodeValue=txt;
			return false;
		}
	}
}
function scrollThumbs(){
	if(!document.getElementById) return false;
	if(!document.getElementById('Diashowcontainer')) return false;
	var imgrow=document.getElementById('Imgbox').getElementsByTagName('ul')[0];
	var nrImg=imgrow.getElementsByTagName('li').length;
	var scrollDim=nrImg*76;
	imgrow.style.width=scrollDim+100+'px';
	var left=document.getElementById('scrollLeft');
	var right=document.getElementById('scrollRight');
	left.onmousedown=function(){
		scrollElement('Imgbox',1);
	}
	left.onmouseup=function(){
		clearTimeout(movement);
	}
	right.onmousedown=function(){
		scrollElement('Imgbox',-1);
	}
	right.onmouseup=function(){
		clearTimeout(movement);
	}
}
function scrollElement(elemId,direction){
	if (!document.getElementById) return false;
	
	var elem = document.getElementById(elemId).getElementsByTagName('ul')[0];
	if( !elem.style.marginLeft){
		elem.style.marginLeft = 0
	}
	var marginleft=parseInt(elem.style.marginLeft);
	if( direction > 0){
		if(marginleft == 0){
			clearTimeout(movement);
		}
		else{
			marginleft = marginleft + (10 * direction);
		}
	}
	if( direction < 0){
		var boxWidth=parseInt(elem.style.width);
		var boxMargin=parseInt(elem.style.marginLeft);
		if(boxMargin+boxWidth < 466){
			clearTimeout(movement);
		}
		else{
			marginleft = marginleft + (10 * direction);
		}
		
	}
	elem.style.marginLeft= marginleft + "px";
	var repeat="scrollElement('"+elemId+"',"+direction+")";
	movement=setTimeout(repeat,50)
} 

window.onload=function(){
	ToggleNav();
	imgGallery();
	scrollThumbs();
}