var imgGal=new Object();

function preloadimgs(){
	imgGal.thumbs=$('[id=thumbnails] > img');
	for (var i =0; i< $('[id=thumbnails] > div > img').length; i++) {
		imgGal.thumbs.push($('[id=thumbnails] > div > img')[i]);
	}
	var obj=imgGal.thumbs;
	if(imgGal.thumbs.length > 0){
		imageObj = new Image();
		for (var i =0; i< obj.length; i++) {
			ImgPathArray=obj[i].src.split("/");
			newImgPath="img/tour/big/" + ImgPathArray[ImgPathArray.length-1];
			imageObj.src=newImgPath;
			obj[i].id="IMG_" + i;
			obj[i].onclick = function(){
				id=this.id.replace('IMG_','');
				imgGal.updateImage(id);
			}
		}
		id=$('.activeimg')[0].id.replace('IMG_','');
		imgGal.updateNav(id);
	}
}
imgGal.updateImage=function(id) {
	var Img=document.getElementById("IMG_" + id);
	scroll(0,330);
	ImgPathArray=imgGal.thumbs[id].src.split("/");
	LargeImg=ImgPathArray[ImgPathArray.length-1];
	
	newImgPath="img/tour/big/" + LargeImg;
	$('.largeimg')[0].src=newImgPath;
	Img.className="activeimg";
	for (var i =0; i< imgGal.thumbs.length; i++) {
		if(i != id){
			document.getElementById("IMG_" + i).className ='';
		}
	}
	imgGal.updateNav(id);
}
imgGal.updateNav=function(id) {
	var content = '';
	var A=id-1;
	var B=(id*1)+1;
	var obj=document.getElementById('arrows');
	obj.innerHTML='';
	if(A > -1){
		content += '<a href="javascript:imgGal.updateImage(' + A + ');void(0);" class="arrowlt">&lt;</a>';
	}else{
		content += '<a href="javascript:void(0);" class="activeimg">&lt;</a>';
	}
	if(B < imgGal.thumbs.length){
		content += '<a href="javascript:imgGal.updateImage(' + B + ');void(0);" class="arrowgt">&gt;</a>';
	}else{
		content += '<a href="javascript:void(0);" class="activeimg">&gt;</a>';
	}
	obj.innerHTML=content;
	//alert(id + "=" + B);
}
function init() {
	
	var topGraphic="img/BG_sideNav_Top.gif";
	var btmGraphic="img/BG_sideNav_Btm.gif";
	var obj=$('[id=sideNavigation] > li');
	var menuTop='<div class="sidenav"><div><img src="' + topGraphic + '" width="300" height="15" alt="" /></div><span>';
	var menuBottom='</span><div><img src="' + btmGraphic + '" width="300" height="25" alt="" /></div></div>';
	for (var i =0; i< obj.length; i++) {
		obj[i].innerHTML=menuTop + obj[i].innerHTML + menuBottom;
		if(obj[i].className != 'active'){
			obj[i].onmouseover = function(){
				this.childNodes[0].className="sidenavover";
				this.childNodes[0].childNodes[0].childNodes[0].src="img/BG_sideNav_Top_Over.gif";
				this.childNodes[0].childNodes[2].childNodes[0].src="img/BG_sideNav_Btm_Over.gif";
				
			}
			obj[i].onmouseout = function(){
				this.childNodes[0].className="sidenav";
				this.childNodes[0].childNodes[0].childNodes[0].src=topGraphic;
				this.childNodes[0].childNodes[2].childNodes[0].src=btmGraphic;
			}
		}else{
			obj[i].childNodes[0].className="sidenavover";
			obj[i].childNodes[0].childNodes[0].childNodes[0].src="img/BG_sideNav_Top_Over.gif";
			obj[i].childNodes[0].childNodes[2].childNodes[0].src="img/BG_sideNav_Btm_Over.gif";
		}
	}
	if(document.getElementById('sideNavigation')){
		document.getElementById('sideNavigation').style.visibility='visible';
	}
	var obj=$('[id=topnav] > li');
	var menuTop='<div class="topnav"><div><div>';
	var menuBottom='</div></div></div>';
	for (var i =0; i< obj.length; i++) {
	obj[i].innerHTML=menuTop + obj[i].innerHTML + menuBottom;
		if(obj[i].className != 'active'){
			obj[i].onmouseover = function(){
				this.childNodes[0].className="topnavover";
			}
			obj[i].onmouseout = function(){
				this.childNodes[0].className="topnav";
			}
		}else{
			obj[i].childNodes[0].className="topnavover";
		}
	}
	if(document.getElementById('topnav')){
		document.getElementById('topnav').style.visibility='visible';
	}
	preloadimgs();
}
window.onload = init