// 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;

var fadeLeftScrollbar = false;
var fadeLeftScrollbarDelay = 0.5;
var fadeLeftScrollbarDuration = 0.5;

var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));

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

function loadLeftScrollbar() {
	if (fadeLeftScrollbar && $('innerContentLeft')) {
		new Effect.Appear($('innerContentLeft'), 
			{ delay: fadeLeftScrollbarDelay, duration: fadeLeftScrollbarDuration, 
				afterFinish: function() {
						fadeLeftScrollbar = false;
						loadLeftScrollbar();
					} 
			});
		
		
	
	} else if ($('innerContentLeftScrollContent')) {
		if ($('innerContentLeftScrollContent').getHeight() > $('innerContentLeftScrollContentWrapper').getHeight() && !mobile) {
			$('innerContentLeftScrollbarContainer').show();
			scrollerLeft = new jsScroller(document.getElementById('innerContentLeftScrollContent'), $('innerContentLeftScrollContent').getWidth(), $('innerContentLeftScrollContentWrapper').getHeight());
			scrollbarLeft = new jsScrollbar (document.getElementById('innerContentLeftScrollbarContainer'), scrollerLeft, false);
		} else if(mobile) {
			var loadIos = function() {
				myScroll = new iScroll('innerContentLeftScrollContentWrapper', {
					hideScrollbar: false,
					hScroll: false,
					hScrollbar: false
				});
			}
			if(mobile) {
				$('mainBody').getOffsetParent().addClassName('ios');
				setTimeout(loadIos, 1000);
			}
		}
	}
}

function loadRightScrollbar() {
	if ($('innerContentRightScrollContent')) {
		if ($('innerContentRightScrollContent').getHeight() > $('innerContentRightScrollContentWrapper').getHeight() && !mobile) {
			$('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;
}

function showProjectDetailVideo(videoId)
{
	var body = $$('body')[0];
	var youTubeEmbed = '<object width="425" height="344"><param name="movie" value="http://www.youtube-nocookie.com/v/' + youTubeId + '&amp;hl=en_US&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/' + youTubeId + '&amp;hl=en_US&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object><div id="close_modal"><a href="javascript:closeVideoModal()">close</a></div>';
	var blackOut = new Element('div', {
		id: 'blackOut',
		style: 'display: none;height: 100%;'
	});
	var innerContainer = new Element('div', {
		id: 'InnerContainer',
		style: 'display: none;'
	}).update(youTubeEmbed);
	var outerContainer = new Element('div', {
		id: 'OuterContainer',
		style: 'display: none;'
	}).update(innerContainer);

	body.insert({bottom: blackOut});
	body.insert({bottom: outerContainer});

	var viewport = document.viewport.getDimensions();
	var bodyHeight = $('mainBody').getHeight() + 150;

	if(viewport.height > bodyHeight)
	{
		$('blackOut').setStyle({width: viewport.width + 'px',height: viewport.height + 'px'});
	} else {
		$('blackOut').setStyle({width: viewport.width + 'px',height: bodyHeight + 'px'});
	}

	$('blackOut').show();
	$('InnerContainer').show();
	$('OuterContainer').show();
}

function closeVideoModal()
{
	$('blackOut').remove();
	$('OuterContainer').remove();
}