addOnload(initMediumImgNavi);
addOnload(initLargeImage);
addOnload(initThumbnails);
addOnload(initChangeImage);
addOnload(initChangeImgNavi);
addOnload(initChangePage);
addOnload(initScrollArrow);  //for gallery
addOnload(initFullscreenImg);  //for gallery
addOnload(initAdjustNavi);
addOnload(initAdjustNaviLarge);
addOnload(initAdjustSquare);	
addOnload(initAdjustSiteNavi);
addOnload(initLoadImg);
addOnload(imageLoadingOff);
addOnload(cursorDefault);



function initScrollArrow(){
	for(i=0;i<document.images.length;i++){
		var thisImg=document.images[i];
		if(thisImg.parentNode.id=="mini_scrollbar" && thisImg.id!="scroll_button"){
			thisImg.onmousedown=scrollArrow;
		}
	}
}

function scrollArrow(){
	switch(this.id){
		case "scroll_left": 
			moveMiniImg(-10);
			this.blur();
			break;
		case "scroll_right": 
			moveMiniImg(10);
			//moveMiniImages(1);
			//scrolldelay=setTimeout('moveMiniImages(1)',100);
			this.blur();
			//moveMiniImg(1);
			break;
		default:
	}
}

function initAdjustSiteNavi(){
	if(thisFileName=="site-plan"){
		adjustSiteNavi();
	}
}

function adjustSiteNavi(){
	if(IE && document.getElementById("imageNaviArea")){
		document.getElementById("imageNaviArea").style.position="relative";
		document.getElementById("imageNaviArea").style.top="-8px";
	}
}

function initFullscreenImg(){
	var allLinks = document.getElementsByTagName("a");
	for(var i=0; i<allLinks.length; i++){
		if(allLinks[i].id == "fsImage"){
			allLinks[i].onclick = newWindow;
			
		}
	}
}

function initAdjustSquare(){
	for(var i=0; i<document.images.length; i++){
		var thisImg=document.images[i];
		if(thisImg.className=="square_gallery"){
			adjustSquareGallery(thisImg);
		}
		if(thisImg.className.indexOf("square")>-1 && !thisPageName){
			adjustSquare(thisImg);
		}
	}
}

function adjustSquareGallery(thisImage){
	if(IE){
		thisImage.style.position="relative";
		thisImage.style.top="5px";
	}
}

function adjustSquare(thisImage){
	thisImage.style.paddingLeft="3px";
	thisImage.style.paddingRight="3px";
}

function newWindow(){
	var thisImageId=this.href.split("?")[1];
	//var thisImage=imageName(thisImageId);
	var winName = thisImageId+"Win";
	if(!thisCgId){
		if(thisFileName=="gallery"){
			thisCgId="cgA99";
		}
		if(thisFileName=="site-plan"){
			thisCgId="cgA01";
		}
		if(thisFileName=="plan-section"){
			thisCgId="cgC01";
		}
	}
	
     if(thisFileName=="plan-section"){
	var newWindow = window.open("large-image.htm?"+thisCgId + "=" + thisImageId,winName,"width=1220,height=800,toolbar=no,resizable=yes,scrollbars=no,status=no,location=no,left=0,top=0");
     }
     else{		
	var newWindow = window.open("fullscreen-image.htm?"+thisCgId + "=" + thisImageId,winName,"width=1200,height=800,toolbar=no,resizable=yes,scrollbars=no,status=no,location=no,left=0,top=0");
	//var newWindow = window.open("large-image.htm?"+thisCgId + "=" + thisImageId,winName,"fullscreen=yes");
     }
	return false;	
}



// Start of Thumnails
function initThumbnails(){
	for(i=0; i<document.links.length; i++){
		thisLink=document.links[i];
		if(thisLink.className.indexOf("view")>-1){
			setMiniImage(thisLink);
		}
	}
}

function setMiniImage(thisLink){
	thisLink.mouseover=new Image();
	thisImage=imageName(thisLink.href.split("=")[1]);
	thisLink.mouseover.src="images\/" + thisImage + "_s.jpg";
	
	thisLink.onmouseover=showMiniImage;
	thisLink.onmouseout=hideMiniImage;
}

function showMiniImage(evt){	
	
	document.getElementById("bottom").innerHTML="<img id='mini_img' src='" + this.mouseover.src + "' \/>";
	if(!evt){
		evt=window.event;
	}
	var thisX = evt.clientX-30;
	var thisY = evt.clientY-80;
	document.getElementById("mini_img").style.position="absolute";
	document.getElementById("mini_img").style.top=thisY + "px";
	document.getElementById("mini_img").style.left=thisX + "px";
	document.getElementById("mini_img").style.zIndex=2;
	
	var bgImg=new Image(document.body.clientWidth,document.body.clientHeight);
	bgImg.src="images\/bgcolor_dark-grey_transparent.png";
	//bgImg.onload=pasteImg;
		

	//document.getElementById("shade_img").style.backgroundImage="url('images\/bgcolor_dark-grey_transparent.png')";
	//document.getElementById("shade_img").style.width=screen.width+"px";
	//document.getElementById("shade_img").style.height=screen.height+"px";
	//document.getElementById("shade_img").style.width=(NS)?window.innerWidth+"px":document.body.clientWidth+"px";
	//document.getElementById("shade_img").style.height=(NS)?window.innerHeight+"px":document.body.clientHeight+"px";
	document.getElementById("shade_img").style.width=document.body.clientWidth+"px";
	document.getElementById("shade_img").style.height=document.body.clientHeight+"px";
	document.getElementById("shade_img").style.position="absolute";
	document.getElementById("shade_img").style.zIndex=1;

	return false;
}

function hideMiniImage(){
	document.getElementById("shade_img").style.width=0;
	document.getElementById("shade_img").style.height=0;
	document.getElementById("mini_img").style.visibility="hidden";
	return false;
}
// End of Thumbnails


// Start of Load Images
function initLoadImg(){
	for(i=0; i<document.links.length; i++){
		if(document.links[i].className=="view"){
			loadImages(document.links[i],i);
		}
	}
}

	var viewImages=new Array();
	var miniImages=new Array();
function loadImages(thisLink,thisNum){
	var thisImage=imageName(thisLink.href.split("=")[1]);
	var thisImageExt=(thisFileLoc.split("=")[2]=="large")? "_L":"_m";
	if(thisFileName=="fullscreen-image"){
		thisImageExt="_XL";
	}
	viewImages[thisNum]=new Image();
	//viewImages[thisNum].src="images\/" + thisImage + thisImageExt + ".jpg";

	miniImages[thisNum]=new Image();
	miniImages[thisNum].src="images\/" + thisImage + "_s.jpg";
	miniImages[thisNum].onload=countLoadedImg;

}

var counterLoaded=0;
function countLoadedImg(){
	counterLoaded++;	
}
// End of Load Images

// Start of Adust Navi
function initAdjustNavi(){
	var allList=document.getElementsByTagName("li");
	for(i=0; i<allList.length;i++){

		if(allList[i].parentNode.parentNode.id=="navi"){
			adjustNavi(allList[i]);
		}
	}
}

function adjustNavi(thisList){
	if(IE){
 		thisList.childNodes[0].style.styleFloat="none";
 		var theFileName=fileName(thisList.childNodes[0].href);

		if(theFileName=="gallery"){
			thisList.childNodes[0].innerHTML ="gallery ";
		}
	}
}

function initAdjustNaviLarge(){
	if(IE && thisFileLoc.split("=")[2]=="large" || IE && thisFileName=="plan-elev" || IE && thisFileName=="plan-section"){
		adjustNaviLarge();
	}
}

function adjustNaviLarge(){
	document.getElementById("navi_images").parentNode.style.marginTop=10+"px";
}
// End of Adjust Navi




// Start of Medium Image Navi
function initMediumImgNavi(){
     if(thisPageName && thisFileLoc.split("=")[2]!="large"){
	if(thisFileName=="gallery" || thisFileName=="site-plan" ){
		showMediumImgNavi();
	     if(thisFileName=="gallery" ){
		hideSquare();
  	     }
	}
     }
}


function hideSquare(){
		for(var i=0; i<document.images.length; i++){
			var thisSquare=document.images[i];
			if(thisSquare.className.indexOf("square")>-1 && thisSquare.className.indexOf("gallery")==-1){
				thisSquare.style.display="none";
			}
		}

}

function showMediumImgNavi(){
/*	if(thisFileName=="site-plan" && !thisPageName){
		theCgId="cgA01";
	}
	if(thisFileName=="gallery" && !thisPageName){
		theCgId="cgA99";
	}
*/
	//else{
		theCgId=thisCgId;
	//}		
	var thisImgNavi=imageNavi(theCgId);

	document.getElementById("imageNaviArea").innerHTML=thisImgNavi;
}
// End of Medium Image Navi

function imageLoadingOff(){
    var loadingMsg =document.getElementById("loading");
    if(loadingMsg){
	loadingMsg.style.visibility="hidden";
    }
}



//Start of Large Image
function initLargeImage(){
	if(thisFileLoc.split("=")[2]=="large"){
		showLargeImage();
	}
}

function showLargeImage(){
	document.getElementById("content").innerHTML=largeImgTable(thisPageName);
		
	//document.getElementById("bottom").innerHTML=document.images[5].parentNode;

	
	
}

function largeImgTable(thisImage){
	var thisTable = "<table><tr><td>";
	thisTable += "<div><img id='main_large_image' src='images\/" + imageName(thisImage) + "_L.jpg' \/><\/div>";
	//thisTable += "<div>"+ imageNavi()+ "<li><span id='img_title'>"+imageTitle(thisPageName)+"<\/span><\/li>"+ "<\/div>";
	thisTable += imageNavi();
	//thisTable += "<div>"+ imageNavi()+ "<\/div>";
	thisTable += "<\/td><\/tr><\/table>";

	return thisTable;
}
// End of Large Image 


// Start of Image Navi
function imageNavi(theCgId){
	theCgId=(theCgId)? theCgId:thisCgId;
	if(thisFileName=="site-plan"){
		theCgId="cgA01";
	}
	if(thisFileName=="gallery"){
		theCgId="cgA99";
	}
	
	var thisNavi="<ul id='imgNaviSet'><li id='navi_images'><a id='previous' class='navi_images' href='#'>previous <img src='images\/arrow_l.gif' \/><\/a>";
	thisNavi += squareNavi(theCgId);	

	thisNavi += "<a id='next' class='navi_images' href='#'><img src='images\/arrow_r.gif' \/> next<\/a><\/li>";	
	if(thisFileLoc.split("=")[2]!="large"){
	     if(thisFileName=="gallery" || thisFileName=="site-plan"){
		var thisPic= thisFileLoc.split("=")[1];
		thisNavi += "<li id='large-image'><a id='lgImage' href='?" + thisCgId + "=" + thisPic + "=large'>view large images<\/a><\/li>";
	     }
	}

	if(thisFileName=="plan-section"){
		thisNavi += "<li id='fullscreen-image_lg'><a id='fsImage' href='?" + thisPageName + "'>view large images<\/a><\/li>";
	}

	if(thisFileLoc.split("=")[2]=="large" && thisFileName!="plan-section"){
		var thisPic= thisFileLoc.split("=")[1];
		thisNavi += "<li id='go-back'><a id='lgImage' href='?" + thisCgId + "=" + thisPic + "'>go back<\/a><\/li>";
		/*thisNavi += "<li><h1 id='bridge_title'>Abu Dhabi Sky Bridge Hotel<\/h1><\/li>";*/
	}


	if(thisFileName=="plan-section" || thisFileName=="large-image" ){
		thisNavi += "<li><span id='img_title'>"+imageTitle(thisPageName)+"<\/span><\/li>";
	}
	if(thisFileName!="fullscreen-image" && thisFileName!="plan-section" && thisFileName!="large-image"){
	     if(thisFileLoc.split("=")[2]=="large"){
		thisNavi += "<li id='fullscreen-image_lg'><a id='fsImage' href='?" + thisPageName + "'>view fullscreen images<\/a><\/li>";
	     }
	     else{
		thisNavi += "<li id='fullscreen-image'><a id='fsImage' href='?" + thisPageName + "'>view fullscreen images<\/a><\/li>";
	     }
	}

	if(thisFileName=="fullscreen-image" || thisFileName=="large-image" ){
		thisNavi += "<li id='closeWin'><a href='javascript:void(0)' onclick='javascript:window.close()'>close<\/a><\/li>";
	}

	thisNavi += "<\/ul>";

	return thisNavi;
}

function squareNavi(theCgId){
	var thisList=listVal(cgInfo,theCgId).split("_");	
	var thisNavi = "";
	for(var i=0; i<thisList.length; i++){
		thisNavi += "<a class='view' href='?" + theCgId + "=" + thisList[i];
		if(thisFileLoc.split("=")[2]=="large"){
		 	thisNavi += "=large";
		}
		thisNavi +="'><img class='square' src='images/bgcolor_";
		thisNavi +="white";
		thisNavi +=".jpg' height='10' width='10' \/><\/a>";
	}		
	return thisNavi;
}
// End of Image Navi



// Start of Change Page
function initChangePage(){
		for(i=0; i<document.links.length; i++){
			if(document.links[i].className=="navi_images"){
				document.links[i].onclick = changePage;
			}	
		}
}

function changePage(){
	if(this.id=="next"){
		showPage(1);
		this.blur();
		return false;	
	}
	if(this.id=="previous"){
		showPage(-1);
		this.blur();
		return false;	
	}
}

function viewNum(){
	var counter=0;
		for(j=0; j<document.links.length; j++){
			if(document.links[j].className=="view"){
				counter++;
				var thisImgId=document.links[j].href.split("?")[1];
				var thisPage=thisFileLoc.split("?")[1];
				if(thisImgId==thisPage){
					document.links[j].id="view_current";
				}
			}	
		}
	return counter;
}

function currentViewNum(){
	var counter=0;
	var currentNum =0;
		for(j=0; j<document.links.length; j++){
			if(document.links[j].className=="view"){
				counter++;
			}	
			if(document.links[j].id=="view_current"){
				currentNum =counter;
			}	
		}
	return currentNum;
}


function showPage(direction){
	var pageCt=viewNum();
	var currentPage = (!currentViewNum())?1:currentViewNum();	
	currentPage += direction-1;
	/*if(currentPage<0){
		currentPage=pageCt-1;
	}
	if(currentPage==pageCt){
		currentPage=0;
	}*/



	switch(currentPage){
		case pageCt-1:
			document.getElementById("next").style.visibility = "hidden";
			document.getElementById("previous").style.visibility = "visible";
			break;
		case 0:
			document.getElementById("next").style.visibility = "visible";
			document.getElementById("previous").style.visibility = "hidden";
			break;
		default:
			document.getElementById("next").style.visibility = "visible";
			document.getElementById("previous").style.visibility = "visible";
			
	}

	
	if(!thisPageName && thisFileName=="site-plan"){
		thisCgId = "cgA01";
	}

	if(!thisPageName && thisFileName=="gallery"){
		thisCgId = "cgA99";
	}

	if(!thisPageName && thisFileName=="plan-section"){
		thisCgId = "cgC01";
	}
	

	var thisImageId=listVal(cgInfo,thisCgId).split("_")[currentPage];

	if(!thisPageName){
		window.location.href += "?" +  thisCgId + "=" +thisImageId;
	}
	else{
		if(thisFileLoc.split("=")[2]=="large"){
			window.location.href = thisFileName + ".html?" +  thisCgId +"="+thisImageId +"=large";
		}
		else{
			if(thisFileName=="fullscreen-image" || thisFileName=="large-image"){
				window.location.href = thisFileName + ".htm?" +  thisCgId +"="+ thisImageId;  // htm instead of html
			}
			else{
			window.location.href = thisFileName + ".html?" +  thisCgId +"="+ thisImageId;
			}
		}	
	}


}
// End of Change Page

// Start of Change Image Navi
function initChangeImgNavi(){
	var counter=0;
	var counterGallery=0;
	for(var i=0; i<document.images.length; i++){
			var imgObj=document.images[i];
			var linkObj=imgObj.parentNode;
		if(linkObj.className=="view_gallery"){
			counterGallery++;
		}
		if(imgObj.className.indexOf("square")>-1){
			counter++;
			var orderNum=counter-counterGallery;
			changeImgNavi(linkObj,imgObj,orderNum);
		}
	}
}

function changeImgNavi(thisLink,thisImage,thisNum){
   if(thisPageName){
	var currentImgName=thisFileLoc.split("?")[1];
	if(thisFileName=="site-plan" && !thisPageName){
		 currentImgName = "cgA01=pic01";
	}
	if(thisFileName=="plan-elev" && !thisPageName){
		 currentImgName = "cgC01=pic18=large";
	}
	var thisImgName=thisLink.href.split("?")[1];
	if(thisImgName==currentImgName){
		thisImage.src="images\/bgcolor_orange.jpg";
 	    if(thisLink.className=="view"){
	         switch(thisNum){
		case viewNum():
			document.getElementById("next").style.visibility = "hidden";
			document.getElementById("previous").style.visibility = "visible";
			break;
		case 1:
			document.getElementById("next").style.visibility = "visible";
			document.getElementById("previous").style.visibility = "hidden";
			break;
		default:
			document.getElementById("next").style.visibility = "visible";
			document.getElementById("previous").style.visibility = "visible";
			
	         }
	     

	         var thisListNum=listVal(cgInfo,thisCgId).split("_").length;
	         if(thisListNum==1){
			document.getElementById("previous").style.visibility = "hidden";
    	         }
  	    }
	}
	else{
		thisImage.src="images\/bgcolor_white.jpg";
	}
	
   }
}
// End of Change Image Navi

// Start of Change Image 
function initChangeImage(){
	if(thisPageName){
		changeImage(thisPageName);
	}
}

function changeImage(thisImage){
	var newImage="images\/" + imageName(thisImage) + "_m.jpg";
	var imageArea=document.getElementById("main_image");
	
	if(imageArea){
		//imageArea.src=newImage;
		imageArea.innerHTML="<a href='?" + thisCgId + "=" +thisImage+"=large"+ "'><img src='" + newImage + "' \/><\/a>";
		
	}
}
// End of Change Image






// Start of Cursor Wait
function initCursorWait(){
	for(var i=0; i<document.links.length; i++){
		if(document.links[i].className == "subcg"){
			document.links[i].onclick = cursorWait;
		}
	}
}

function cursorWait(){
	document.body.style.cursor = "wait";
	
}

function cursorDefault(){
	//document.body.style.cursor = "default";
	document.body.style.cursor = "auto";
	
}
// End of Cursor Wait





var NS = (navigator.appName=="Netscape")?true:false;
var IE = (navigator.appName=="Microsoft Internet Explorer")?true:false;


function addOnload(newFunction){
	var oldOnload = window.onload;
	
	if(typeof oldOnload == "function"){
		window.onload=function(){
			if(oldOnload){
				oldOnload();
			}

		newFunction();

		}
	}

	else{
		window.onload=newFunction;
	}
}

var thisFileLoc=window.location.href;
var startFileName = thisFileLoc.lastIndexOf("/")+1;
var endFileName = thisFileLoc.lastIndexOf(".");
var thisFileName = thisFileLoc.substring(startFileName,endFileName);

if(thisFileLoc.indexOf("=") > -1){
	var thisPageName = thisFileLoc.split("=")[1];
}

if(thisFileLoc.indexOf("?") > -1){
	var thisPageName = thisFileLoc.split("?")[1];
}

if(thisFileLoc.indexOf("=")>-1 && thisFileLoc.indexOf("?")>-1){
	var thisCgId = thisFileLoc.split("?")[1].split("=")[0];
	var thisPageName = thisFileLoc.split("=")[1];
}



function fileName(thisUrl){
    if(thisUrl.indexOf("/")>-1 && thisUrl.indexOf(".")>-1){
	var sFileName = thisUrl.lastIndexOf("/")+1;
	var eFileName = thisUrl.lastIndexOf(".");
	return thisUrl.substring(sFileName,eFileName);
    }
}


function listVal(theCgType,theCgId){
	for(var i=0; i<theCgType.length; i++){
		var thisId=theCgType[i].split("=")[0];
		var thisVal=theCgType[i].split("=")[2];

		if(thisId==theCgId){
			return thisVal;
		}	
	}
}



function imageName(thisId){
	for(var i=0; i<imageInfo.length; i++){
		var thisInfoId=imageInfo[i].split("=")[0]; 
		var thisImageName=imageInfo[i].split("=")[1];

		if(thisInfoId==thisId){
			return thisImageName;
		}
	}
}

function imageTitle(thisId){
	for(var i=0; i<imageInfo.length; i++){
		var thisInfoId=imageInfo[i].split("=")[0]; 
		var thisImageTitle=imageInfo[i].split("=")[2];

		if(thisInfoId==thisId){
			return thisImageTitle;
		}
	}
}

/*
Eytan Kaufman 
3 West 18th Street
New York  NY 10011
212 691 1607
eytandesign@hotmail.com
*/