// JavaScript Document

var myURL = new Array;
var myWidth = new Array;
var myHeight = new Array;
var myDesc = new Array;
var thePOS = new Number;
var newWindow = new Object;
function initLoader(){
	document.getElementById("mainImage").src="images/blank.gif"	
	document.getElementById("mainImage").style.width = "32px";
	document.getElementById("mainImage").style.height = "32px";
	document.getElementById("mainImage").style.left = "224px";
	document.getElementById("mainImage").style.top = "189px";
	document.getElementById("mainImage").src="images/spinner.gif"
	//document.getElementById("mainImage").style.border = "#000";
	
	
}

function loadMainImg(img,pos){
	if(myHeight[pos]>myWidth[pos]){
	
	//document.getElementById("mainImage").src="images/llwytho.jpg"
	//alert("portrait\n"+"height: "+theHeight+"\nwidth: "+theWidth)
	
		document.getElementById("mainImage").style.width = "300px";
		document.getElementById("mainImage").style.height = "400px";
		document.getElementById("mainImage").style.left = "85px";
		document.getElementById("mainImage").style.top = "0px";
	//document.getElementById("mainImage").src=theURL;
		
	}else{
	
	//document.getElementById("mainImage").src="images/llwytho.jpg"	
	//alert("landscape\n"+"height: "+theHeight+"\nwidth: "+theWidth)
		document.getElementById("mainImage").style.width = "400px";
		document.getElementById("mainImage").style.height = "300px";
		document.getElementById("mainImage").style.top = "45px";
		document.getElementById("mainImage").style.left = "35px";
	//document.getElementById("mainImage").src=theURL;
		
	}
	//document.getElementById("mainImage").style.border = "#fff";
	document.getElementById("mainImage").src=img
}

function preloadImg(img, pos){
	
	var newImage 	= null;
	newImage 		= new Image();
	newImage.src 	= img
	if (newImage.complete) {
		loadMainImg(newImage.src,pos)
	}
	else{
		newImage.onload = function() {
			loadMainImg(newImage.src,pos)
			
		}
	}
}

function sendInfo(pos, theHeight, theWidth, theURL,theDesc){
	//alert("number: "+pos+"\nHeight: "+theHeight+"\nWidth: "+theWidth+"\nURL: "+theURL);
	myHeight[pos-1] = theHeight;
	myWidth[pos-1] = theWidth;
	myDesc[pos-1] = theDesc;
	myURL[pos-1] = theURL;
	
}

function galleryImg(pos){
	initLoader()
	thePOS = parseFloat(pos-1);
	var desc = document.getElementById("desc")
	desc.innerHTML = myDesc[thePOS];
	preloadImg(myURL[thePOS],thePOS)
	
}



function nextImg(){
	
	thePOS = thePOS + 2;
	if(thePOS <myURL.length){
		
		galleryImg(thePOS);
	}else{
		galleryImg(myURL.length);
	}
}

function backImg(){
	
	if(thePOS >1){
		galleryImg(thePOS, myURL[thePOS],myDesc[thePOS]);
	}else{
		galleryImg(1);
	}
	
}

function openImg(){	
	var Height = myHeight[thePOS]
	var Width = myWidth[thePOS]
	var url = myURL[thePOS]
	var newWindow =window.open(url,'','scrollbars=no,menubar=no,height='+Height+',width='+Width+',resizable=yes,toolbar=no,location=no,status=no');
	
}