// Email Spam hiding.
function popMail(host,user) {
	var acct = user +'@'+ host;
	self.location.href = 'mailto:'+ acct;
}
function linkMail(host,user,cls) {
	document.write('<a href="javascript:popMail(\''+ host +'\',\''+ user +'\');"');
	if (cls) {
		document.write(' class="'+ cls +'"');
	}
	document.write('>');
	showMail(host,user);
	document.write('</a>');
}
function showMail(host,user) {
	var acct = user +'@'+ host;
	document.write(acct);
}


var scrollerLeft;
var scrollbarLeft;

var scrollerRight;
var scrollbarRight;

function loadContentPage() {
	loadLeftScrollbar();
	loadRightScrollbar();
	
	// hide main image caption if showing detail
	if ($('innerContentRightScrollContent') && $('imageCredit')) { 
		$('imageCredit').hide();
	}
}

function loadLeftScrollbar() {
	if ($('innerContentLeftScrollContent')) {
		if ($('innerContentLeftScrollContent').getHeight() > $('innerContentLeftScrollContentWrapper').getHeight()) {
			$('innerContentLeftScrollbarContainer').show();
			scrollerLeft = new jsScroller(document.getElementById('innerContentLeftScrollContent'), $('innerContentLeftScrollContent').getWidth(), $('innerContentLeftScrollContentWrapper').getHeight());
			scrollbarLeft = new jsScrollbar (document.getElementById('innerContentLeftScrollbarContainer'), scrollerLeft, false);
		}
	}
}

function loadRightScrollbar() {
	if ($('innerContentRightScrollContent')) {
		if ($('innerContentRightScrollContent').getHeight() > $('innerContentRightScrollContentWrapper').getHeight()) {
			$('innerContentRightScrollbarContainer').show();
			scrollerRight = new jsScroller(document.getElementById('innerContentRightScrollContent'), $('innerContentRightScrollContent').getWidth(), $('innerContentRightScrollContentWrapper').getHeight());
			scrollbarRight = new jsScrollbar (document.getElementById('innerContentRightScrollbarContainer'), scrollerRight, false);
		}
	}
}





function showListViewFloatThumb(id) {
	if ($('listItemThumbImage_'+ id) && $('listItem_'+ id) && $('innerContentLeftScrollContent')) {
			// BUG: need special calc for IE and multi keyed divs ie. id = '3_1'
			if (id.indexOf("_") > -1 && Prototype.Browser.IE) {
				ids = id.split("_");
				//alert('listItem_'+ id +'::listItem_'+ ids[0]);
				//$('listItemThumbImage_'+ id).style.top = ($('listItem_'+ id).offsetTop + $('innerContentLeftScrollContent').offsetTop - 20) +'px';
				$('listItemThumbImage_'+ id).style.top = ($('listItem_'+ id).offsetTop + $('listItem_'+ ids[0]).offsetTop + $('innerContentLeftScrollContent').offsetTop - 20) +'px';
			} else {
				$('listItemThumbImage_'+ id).style.top = ($('listItem_'+ id).cumulativeOffset().top - 110) +'px';
			}
			//$('listItemThumbImage_'+ id).style.top = ($('listItem_'+ id).offsetTop + $('innerContentLeftScrollContent').offsetTop - 20) +'px';
			$('listItemThumbImage_'+ id).show();
	}
}

function hideListViewFloatThumb(id) {
	if ($('listItemThumbImage_'+ id)) {
		$('listItemThumbImage_'+ id).hide();
	}
}




var displayingProjectDetails = false;
var curProjectDetailImage = 0;


function showHideProjectDetails() {
	if ($('innerContentLeft')) {
		if (displayingProjectDetails) {
			displayingProjectDetails = false;
			$('innerContentLeft').hide();
			
			$('projectDetailsLink').style.color = '#111';
			
		} else {
			displayingProjectDetails = true;
			$('innerContentLeft').show();
			
			$('projectDetailsLink').style.color = '#7c3a00';
		
		
			// because scrollbar not set if initially hidden
			if (!scrollerLeft) {
				loadLeftScrollbar();
			}
		}
	}
}


function smallProjectThumbOn(id) {
	if (id != curProjectDetailImage) {
		$('projectDetailThumbImage_'+ id).src = projectDetailImgs[id]['small'];
		
		//scrollProjectThumbToCenter(id);
	}
}

function smallProjectThumbOff(id) {
	if (id != curProjectDetailImage) {
		$('projectDetailThumbImage_'+ id).src = projectDetailImgs[id]['small_bw'];
	}
}

function showProjectDetailImage(id) {
	// auto hide details, if shown
	if (displayingProjectDetails) {
		showHideProjectDetails();
	}

	if (curProjectDetailImage != id) {
		if ($('mainBackgroundImage')) {
			$('mainBackgroundImage').src = projectDetailImgs[id]['detail'];
		}
		if ($('projectDetailThumbImage_'+ curProjectDetailImage)) {
			$('projectDetailThumbImage_'+ curProjectDetailImage).src = projectDetailImgs[curProjectDetailImage]['small_bw'];
		}
		if ($('projectDetailThumbImage_'+ id)) {
			$('projectDetailThumbImage_'+ id).src = projectDetailImgs[id]['small'];
			
			scrollProjectThumbToCenter(id);
		}
		
		curProjectDetailImage = id;
	}
}



var projectThumbsScrollTimer = null;
var projectThumbsScrollSize = 5;
var projectThumbsScrollSpeed = 20;

var projectThumbScrollToCenter = null;

function scrollProjectThumbs(offsetVal) { 
	//alert($('projectDetailThumbsScroll').offsetWidth - $('projectDetailThumbsScrollContainer').offsetWidth);
	
	if (projectThumbScrollToCenter) {
		absoluteLeft = projectThumbScrollToCenter.cumulativeOffset().left-$('projectDetailThumbsScrollContainer').cumulativeOffset().left;
		centerPos = ((($('projectDetailThumbsScrollContainer').offsetWidth-projectThumbScrollToCenter.offsetWidth)/2)+1);
		
		if (absoluteLeft == centerPos) {
			stopProjectThumbsScroll();
			return;
		}
	} 
	
	if ($('projectDetailThumbsScroll').offsetLeft < (($('projectDetailThumbsScrollContainer').offsetWidth - $('projectDetailThumbsScroll').offsetWidth) - offsetVal)) {
		stopProjectThumbsScroll();
	} else if ($('projectDetailThumbsScroll').offsetLeft > -offsetVal) {
		stopProjectThumbsScroll();
	} else {
		$('projectDetailThumbsScroll').style.left = ($('projectDetailThumbsScroll').offsetLeft + offsetVal) +'px';
	}
}

function scrollProjectThumbsLeft() {
	if ($('projectDetailThumbsScroll')) {
		stopProjectThumbsScroll();
		
		projectThumbsScrollTimer = window.setInterval(function () {
															scrollProjectThumbs(projectThumbsScrollSize); 
														}, projectThumbsScrollSpeed);
	}
}

function scrollProjectThumbsRight() {
	if ($('projectDetailThumbsScroll')) {
		stopProjectThumbsScroll();
		
		projectThumbsScrollTimer = window.setInterval(function () {
															scrollProjectThumbs(-projectThumbsScrollSize); 
														}, projectThumbsScrollSpeed);
	}
}


function scrollProjectThumbToCenter(id) {
	if ($('projectDetailThumb_'+ id)) {
		
		absoluteLeft = $('projectDetailThumb_'+ id).cumulativeOffset().left-$('projectDetailThumbsScrollContainer').cumulativeOffset().left;
		centerPos = ((($('projectDetailThumbsScrollContainer').offsetWidth-$('projectDetailThumb_'+ id).offsetWidth)/2)+1);
		
		//alert(absoluteLeft +'::'+ centerPos)
		
		if (absoluteLeft > centerPos) {
			scrollProjectThumbsRight();
			projectThumbScrollToCenter = $('projectDetailThumb_'+ id);
		} else if (absoluteLeft < centerPos) {
			scrollProjectThumbsLeft();
			projectThumbScrollToCenter = $('projectDetailThumb_'+ id);
		}
	
	}
}

function stopProjectThumbsScroll() {
	if (projectThumbsScrollTimer) {
		window.clearInterval(projectThumbsScrollTimer);
	}
	
	projectThumbScrollToCenter = null;
}