var mode="none";
var toppos = 0;
var photodir = "1000x620";

window.size = function()
{
	var w = 0;
	var h = 0;

	//IE
	if(!window.innerWidth)
	{
		//strict mode
		if(!(document.documentElement.clientWidth == 0))
		{
			w = document.documentElement.clientWidth;
			h = document.documentElement.clientHeight;
		}
		//quirks mode
		else
		{
			w = document.body.clientWidth;
			h = document.body.clientHeight;
		}
	}
	//w3c
	else
	{
		w = window.innerWidth;
		h = window.innerHeight;
	}
	return {width:w,height:h};
}

function nextImage() {

	var nextImageID = findNextImage();

	if (nextImageID>-1) {
		getImage(nextImageID);
	}
}

function findNextImage() {

	for (x in photoFiles) {
	
		if (parseInt(x)>parseInt(currentImage)) {
	
			return x;
			break;
		
		}
	}
	
	return -1;

}

function findPreviousImage() {

	var found = -1;

	for (x in photoFiles) {
	
		if (parseInt(x)<parseInt(currentImage)) {
	
			found = x;
			
		} else {
			break;
		}
		
	}
	
	return found;
	
}

function previousImage() {

	var found = findPreviousImage();

	if (found>-1) {
		getImage(found);
	}

}

function preloadImages() {

	var nextImageID = findNextImage();
	
	if (nextImageID>-1) {
	
		document.getElementById('preloader4').src="/photos/" + photodir + "/" + photoFiles[nextImageID];
		document.getElementById('buttonnext').style.visibility='visible';
		document.getElementById('quicknext').style.visibility='visible';
	
	} else {

		document.getElementById('buttonnext').style.visibility='hidden';
		document.getElementById('quicknext').style.visibility='hidden';

	}

	var nextImageID = findPreviousImage();
	
	if (nextImageID>-1) {
	
		document.getElementById('preloader2').src="/photos/" + photodir + "/" + photoFiles[nextImageID];
		document.getElementById('buttonprevious').style.visibility='visible';
		document.getElementById('quickprevious').style.visibility='visible';

	} else {
	
		document.getElementById('buttonprevious').style.visibility='hidden';
		document.getElementById('quickprevious').style.visibility='hidden';

	}

}

function getImage(x) {

	var sizer = window.size();
	var winwidth = sizer.width;
	var winheight = sizer.height;
	
	if (winwidth<640 || winheight < 480)
		photodir = "320x240";
	else if (winwidth<775 || winheight<455)
		photodir = "640x480";
	else if (winwidth<1000 || winheight<620)
		photodir = "775x445";
	else if (winwidth<1130 || winheight<715)
		photodir = "1000x620";
	else if (winwidth<1255 || winheight<650)
		photodir = "1130x715";
	else if (winwidth<1255 || winheight<875)
		photodir = "1255x650";
	else if (winwidth<1415 || winheight<875)
		photodir = "1255x875";
	else if (winwidth<1575 || winheight<995)
		photodir = "1415x875";
	else if (winwidth<1895 || winheight<875)
		photodir = "1575x995";
	else
		photodir = "1895x875";

	document.getElementById('maincontent').style.backgroundImage="url('/photos/" + photodir + "/" + photoFiles[x] + "')";
	document.getElementById('buttondownload').href="/photos/" + photoFiles[x];
	document.getElementById('photoTitle').innerHTML=photoTitles[x];
	document.getElementById('linkURL').value='http://www.jamiembrown.com/' + currentCategory + '?photo=' + photoIDs[x];
	document.getElementById('photoLink').href = document.getElementById('linkURL').value;
	document.getElementById('linkabout').href = "/about?category=" + currentCategory + "&photo=" + photoIDs[x];
	currentImage = x;
 
	preloadImages();

}

function KeyCheck(e) {

	var KeyID = -1;

	if (e)
		KeyID = e.keyCode;
	else
		KeyID = event.keyCode;
		
	if (KeyID == 37)
		previousImage();
	else if (KeyID == 39)
		nextImage();
	
}


function initialDisplay() {

	document.getElementById("topbar").style.position="absolute";
	document.getElementById("topbar").style.left="0px";
	document.getElementById("topbar").style.top="0px";
	
	document.getElementById("maincontent").style.position="absolute";
	document.getElementById("maincontent").style.left="0px";
	document.getElementById("maincontent").style.top="4px";
	
	document.getElementById("infobox").style.position="absolute";
	document.getElementById("infobox").style.left="0px";
	document.getElementById("infobox").style.top="44px";
	document.getElementById("infobox").style.display="none";

	document.getElementById("categoryarrow").style.display="inline";
	document.getElementById("buttonbookmark").style.display="inline";
	document.getElementById("buttoninfo").style.display="inline";

	document.onkeyup = KeyCheck;

	if (currentImage==-1)
		nextImage();
	else
		getImage(currentImage);

	mode="hide";
	process();
	
}

function showhideInfo() {

	if (document.getElementById("infobox").style.display=="none") {
		document.getElementById("infobox").style.display="block";
		document.getElementById("buttoninfo").src="images/infoon.png";
	} else {
		document.getElementById("infobox").style.display="none";
		document.getElementById("buttoninfo").src="images/info.png";
	}

}

function getMouse(ev) {

	var ypos = 0;
	var xpos = 0;

	if (!ev) {
		ypos = window.event.clientY;
		xpos = window.event.clientX;
	} else {
		ypos = ev.clientY;
		xpos = ev.clientX;
	}

	if (ypos<100 && toppos<0 && mode!="show") {
		mode="show";
		process();
	}
	if (ypos>100 && toppos>-30 && mode!="hide") {
		mode="hide";
		process();
	}
		
}

function showCategories() {
	document.getElementById("categorydrop").style.display="block";
}

function hideCategories() {
	document.getElementById("categorydrop").style.display="none";
}

function showBookmarks() {
	document.getElementById("bookmarkdrop").style.display="block";
}

function hideBookmarks() {
	document.getElementById("bookmarkdrop").style.display="none";
}

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function process() {

	if (mode=="hide") {
	
		if (toppos>-30) {
			toppos = toppos - 1;
			document.getElementById("topbar").style.top = toppos + "px";
			document.getElementById("infobox").style.top = (toppos+34) + "px";
		} else {
			document.getElementById("quicknav").style.display="block";
			mode="none";
		}
		
	} else if (mode=="show") {
	
		if (toppos<0) {
			toppos = toppos + 1;
			document.getElementById("topbar").style.top = toppos + "px";
			document.getElementById("infobox").style.top = (toppos+34) + "px";
		} else {
			document.getElementById("quicknav").style.display="none";
			mode="none";
		}
		
	}
		
	if (mode!="none") {
		setTimeout("process()",20);
	}
	
}