var _rollOver;
var _rollOverTxt;
var _projectPopup;
var _projectPopupTxt;
var _activeThumb;
var _activeThumbOffIcon;


var _pos1 = 203;
var _pos2 = 480;
var _pos3 = 763;

var _curPhotoIndex = 0;
var _totalPhotos = 0;

function init() {
	correctPNG();
	document.onmousemove = getMousePosition;

	_rollOver 			= document.getElementById("rollover");
	_rollOverTxt 		= document.getElementById("rollovertxt");
	_projectPopup 		= document.getElementById("projectpopup");
	_projectPopupTxt 	= document.getElementById("projectpopuptxt");
}


function showProject(o, loc, offIcon){
	if(_activeThumb != undefined && _activeThumb != null) {
		_activeThumb.src = _activeThumbOffIcon;
		_activeThumb = null;
	}
	_activeThumb = getTag(o, "img");
	_activeThumbOffIcon = offIcon;

	var pos = getElementPosition(document.getElementById("site"));
	var pos2 = getElementPosition(o);

	if(pos2.left < pos.left + _pos1) {			//projects
		setHeaders(true, false, false, false);
		tg = _pos1;
	}else if(pos2.left < pos.left + _pos2) {	//people
		setHeaders(false, true, false, false);
		tg = _pos2;
	}else if(pos2.left < pos.left + _pos3) {	//places
		setHeaders(false, false, true, false);
		tg = -10;
	}else{										//ads etc.
		setHeaders(false, false, false, true);
		tg = _pos1;
	}

	_projectPopupTxt.innerHTML = "";
	_projectPopup.style.top = (pos.top + 107) + "px";
	_projectPopup.style.left = (pos.left + tg) + "px";
	_projectPopup.style.display = "block";

	var cObj = Connect.asyncRequest('GET', 'project.php?src='+escape(loc), projectLoaded);
}

function projectLoaded(o, success){
	if(success) {
		//alert(o.responseText);
		_projectPopupTxt.innerHTML = o.responseText;
		_curPhotoIndex = 0;
		_totalPhotos = parseInt(document.getElementById("totalphotos").innerHTML);
		showPhoto(1);
	}else{
		alert("failure");
	}
}

function closeProject() {
	_projectPopup.style.display = "none";
	_activeThumb.src = _activeThumbOffIcon;
	_activeThumb = null;

	setHeaders(true, true, true, true);
}

function showTooltip(o, icon, txt) {
	if(_rollOver != undefined) {
		_tooltipTarget = o;
		var img = getTag(o, "img");
		if(img != null) {
			img.src = icon;
		}

		var pos = getElementPosition(o);
		_rollOver.style.display = "block";
		_rollOverTxt.innerHTML = txt;

		startFollowMouse(_rollOver);
	}
}

function hideTooltip(o, icon) {
	if(_rollOver != undefined) {
		var img = getTag(o, "img");
		if(img != null && (_activeThumb == null || _activeThumb == undefined || _activeThumb.src != img.src)) {
			img.src = icon;
		}

		_rollOver.style.display = "none";
		stopFollowMouse();
	}
}


var _activePhoto = 0;
function showPhoto(index) {
	_activePhoto = index;
	var o = document.getElementById("projectPhotoFrame");
	if(o) {
		var divs = o.getElementsByTagName("div");
		for(var i = 0; i < divs.length; i++) {
			divs[i].style.display = "none";
			var o = document.getElementById("icon"+(i+1));
			if(o) o.src = document.getElementById("thumbOff"+(i+1)).innerHTML;
		}
		var o2 = document.getElementById("photo"+index);
		var icon = document.getElementById("icon"+index);
		var caption = document.getElementById("photoCaption");

		if(o2 && icon && caption){
			o2.style.display = "block";
			icon.src = document.getElementById("thumbOn"+index).innerHTML;
			caption.innerHTML = document.getElementById("caption"+index).innerHTML;
		}
		_curPhotoIndex = index;
	}
}

function highlightPhoto(index, on) {
	if(_activePhoto != index) {
		var icon = document.getElementById("icon"+index);
		if(on) {
			icon.src = document.getElementById("thumbOn"+index).innerHTML;
		}else{
			icon.src = document.getElementById("thumbOff"+index).innerHTML;
		}
	}
}

function previousPhoto() {
	var n = _curPhotoIndex - 1;
	if(n < 1) {
		n = _totalPhotos;
	}
	showPhoto(n);
}

function nextPhoto() {
	var n = _curPhotoIndex + 1;
	if(n > _totalPhotos) {
		n = 1;
	}
	showPhoto(n);
}

function setHeaders(h1, h2, h3, h4) {
	document.getElementById("header1").src = h1 ? "img/headers/projects.gif" : "img/headers/projectsoff.gif";
	document.getElementById("header2").src = h2 ? "img/headers/people.gif" : "img/headers/peopleoff.gif";
	document.getElementById("header3").src = h3 ? "img/headers/places.gif" : "img/headers/placesoff.gif";
	document.getElementById("header4").src = h4 ? "img/headers/adsetc.gif" : "img/headers/adsetcoff.gif";
}

window.onload = init;