// javascript document

function writeEmail(tla,dom,nam) {
document.write("<a href='mailto:"+nam+"@"+dom+"."+tla+"'>"+nam+"@"+dom+"."+tla+"</a>");
}

function switchVal(e,o) {
// e is the element  - o is the orginal value
if (document.getElementById(e.name).value==o) document.getElementById(e.name).value="";
}
function checkVal(e,o) {
// e is the element  - o is the orginal value
if (document.getElementById(e.name).value=="") document.getElementById(e.name).value=o;
}

function writeYear() {
var d=new Date().getFullYear();
document.write (d);
}

/* MOO */	

var downLinkHTML = 'Hide Projects ';
	var upLinkHTML = 'Show Featured Projects';
	var showBoolean = false
	var firstTimeBoolean = true
	var loadedImages= new Array()
		var loadedImagesAdjust= new Array()
	var iCounter = 0
	var myImages
	var portfolioFX
	var openProjectNav
	var theImages
window.addEvent('domready', function() {


if ($('tray')){
	
	$('tray_container').setStyles({"visibility":"visible"})
	var myVerticalSlide = new Fx.Slide('tray',{ 	
		duration: 1000,
		transition: Fx.Transitions.Pow.easeOut
		});

	myVerticalSlide.hide()
	
	
	myVerticalSlide.addEvent('complete', function() {

	});
	
	var showLinkFx = new Fx.Tween('hide');
	var hideLinkFx = new Fx.Tween('show');
//	$('show').set('opacity','0')
	$('hide').set('opacity','0')
	//myFx.set('opacity', '0');
	//myFx.start('opacity', '0', '1');

	$('tray_link_container').addEvent('click', function(e){
		e.stop();
		trayToggler()
		
	});
	
		
	function trayToggler(){
		myVerticalSlide.toggle();
		showLinkFx.cancel();
		hideLinkFx.cancel();
		if (showBoolean) {
			hideLinkFx.start('opacity', '0', '1');
			showLinkFx.start('opacity', '1', '0');
		} else {
		 	hideLinkFx.start('opacity', '1', '0')
			showLinkFx.start('opacity', '0', '1');
		}
		showBoolean = showBoolean ? false : true ;
	}
	
	$$('.project').each(function(div){
	        
	        div.addEvent('click', function(){
	            trayToggler()
	        });

	    });	
	
	if (openProjectNav) trayToggler()

}
	// for first time
/*	myVerticalSlide.slideIn();
	var w = (function() {
		myVerticalSlide.cancel();
		myVerticalSlide.slideOut();
		}).delay(600);
*/

		
		if (theImages){
			portfolioFX = new Fx.Tween('photos_holder_container');
			//$('photos_holder_container').set('opacity','0')
			
			var firstPortfolioImageLoaded = false
			//var bigImages = theImages.join(",")
			//alert(bigImages)			
			myImages = new Asset.images(theImages, {
			    onProgress: function(){
				//alert('loaded image '+this)
				
				// what number was this originally?
				
					loadedImages[iCounter] = this
					
			        if (!firstPortfolioImageLoaded) {
						var fname = this.src.toString();
					//	alert(fname+" - "+theImages[0])
						if (fname == theImages[0]) {
						firstPortfolioImageLoaded = true;
						this.injectInside('photos_holder')
					//	alert(this.src)
						showCaption(0)
						//alert(n)
						if (portfolioBoolean && $chk($('i0')))  $('i0').set('class','on')
						onImage = this;
						prevImageNumber = 0
					}
					}
					iCounter++
			    },
				onComplete: function(){
					//alert('loaded all images ')
					for (var t=0; t<theImages.length; t++){
						for (var f=0;f<loadedImages.length; f++){
							if (theImages[t] == loadedImages[f].src){
								loadedImagesAdjust[t] = loadedImages[f]
							}
						}
					}
					ssInterval = (function(){ displayPortfolioImage(1) }).periodical(4000);
					//startSlideShow(1)
			    }
			});
			
			
			
		}
});

var ssInterval
var onImageNumber 
var prevImageNumber 
var onImage

function showCaption(n){
	if (!theCaptions) return ;
	$('caption').set('html', theCaptions[n])
}

function startSlideShow(startingNumber){
	//onImageNumber = startingNumber
	onImageNumber = startingNumber
	displayPortfolioImage(startingNumber)
}

function portGo(url){
	location.href=url
}

function displayPortfolioImage(n){
	//loadedImages[n].injectInside('photos_holder')
	$clear(ssInterval);
//	var o = onImageNumber
	
	onImageNumber = n
//	alert(prevImageNumber + " -- " +onImageNumber)
	portfolioFX.start('opacity', '1', '0').chain(function(){swapImage(n)});

//	loadedImages[n].injectInside('photos_holder')
//	portfolioFX
//	onImage = loadedImages[n]
}

function swapImage(n){
	$('photos_holder').empty()
//	alert("showing: "+n)
	loadedImagesAdjust[n].injectInside('photos_holder')
	// for (var t=0;t<theImages.length;t++){
	// 		if (theImages[t] == )
	// 	}
showCaption(n)
	//alert(n)
if (portfolioBoolean && $chk($('i'+n))) 	$('i'+n).set('class','on')
if (portfolioBoolean) 	if (prevImageNumber >= 0 && $chk($('i'+prevImageNumber))) $('i'+prevImageNumber).set('class','')
	onImage = loadedImages[n];
	prevImageNumber = onImageNumber
	var nn = n+1
	if (nn>=loadedImages.length) nn = 0
	
	ssInterval = (function(){ displayPortfolioImage(nn) }).periodical(4000);
	
	
	var g = (function(){portfolioFX.start('opacity', '0', '1')}).delay(01)
	
//	if (onImage) $('photos_holder').empty()
//	alert($('i'+oldImageNumber))



	
}