window.addEvent('domready', function(){
	var scroll = new Fx.Scroll('portfolio-wrapper', {
	wait: false,
	duration: 1000,
	offset: {'x': 0, 'y': -50},
	transition: Fx.Transitions.Quart.easeInOut
	});
	
	
	// Project Data
	var caption1 = new Array("Homepage", "Homepage detail", "Post A Job form", "FAQ detail", "Payment detail");
	var caption2 = new Array("Homepage", "Homepage detail", "Firm landing page", "Firm portfolio", "Edit account information");
	var caption3 = new Array("Homepage", "Homepage detail", "Second level page", "Second level page detail", "Homepage (v.White)");
	var caption4 = new Array("Homepage", "Homepage detail", "Second level page 1", "Second level page 2");
	var caption5 = new Array("Homepage (v.Clean)", "Homepage (v.Clean) detail", "Homepage (v.Vintage)", "Homepage (v.Vintage) detail 1", "Homepage (v.Vintage) detail 2");
	var caption6 = new Array("Homepage", "Second level page", "Schedule of courses detail", "Undergraduate page detail");
	var caption7 = new Array("Homepage", "Workspace", "Control panel", "Snipp edit mode", "Add snipp form");
	var caption8 = new Array("Homepage", "Navigation detail", "Second level page", "Second level navigation", "Content inventory");
	
	var thumbId = new Array("zippyjobs", "structurehub", "app2you", "mathclub", "earthkam", "cogsci", "snippity", "coffee");
	var shortId = new Array("zippy", "struct", "app", "math", "ek", "cogsci", "snippity", "coffee");
	var fullId = new Array("Zippyjobs", "StructureHub", "app2you", "UCSD Math Club", "ISS EarthKAM", "UCSD Cognitive Science", "Snippity", "Coffee E-zine");
	var capNum = new Array(caption1, caption2, caption3, caption4, caption5, caption6, caption7, caption8);
	
	// Portfolio Scroll
	function portfolioScroll(linkNum,thumbId) {
		$('link'+linkNum).addEvent('click', function(event) {
			scroll.toElement('content'+linkNum);
			var x = $('portfolio-timeline').getElementsByTagName('span');
			for (i=0;i<x.length;i++) { x[i].className="timeline-thumb"; }
			$(thumbId+'-thumb').className="timeline-thumb selected";
		});
	}
	
	for (i=0;i<=thumbId.length;i++) { portfolioScroll(i+1,thumbId[i]); }
	
	$('link9').cloneEvents($('link2'));
	$('link10').cloneEvents($('link1'));
	$('link11').cloneEvents($('link3'));
	$('link12').cloneEvents($('link2'));
	$('link13').cloneEvents($('link4'));
	$('link14').cloneEvents($('link3'));
	$('link15').cloneEvents($('link5'));
	$('link16').cloneEvents($('link4'));
	$('link17').cloneEvents($('link6'));
	$('link18').cloneEvents($('link5'));
	$('link19').cloneEvents($('link7'));
	$('link20').cloneEvents($('link6'));
	$('link21').cloneEvents($('link8'));
	$('link22').cloneEvents($('link7'));
	
	// Project Preview Swap
	function handBanana(prevId, prevNum, thumbId, capId, fullId) {
		$(prevId+prevNum).addEvents({
			'mouseover': function(event) {
				$(prevId+'-preview').className="on";
				$(prevId+'-preview').firstChild.nodeValue=capId[prevNum-1];
			},
			'click': function(event) {
				event = new Event(event).stop();
				var x = $(prevId+'-swap').getElementsByTagName("a");
				for (i=0;i<x.length;i++) { x[i].className=""; }
				$(prevId+prevNum).className="there";
				$(thumbId).innerHTML="<img src=\"images/projects/"+thumbId+"/"+thumbId+prevNum+".png\" alt=\""+fullId+": "+capId[prevNum-1]+"\" />";
			},
			'mouseout': function(event) {
				var a = $(prevId+'-swap').getElementsByTagName("a");
				for (i=0; i<a.length;i++) { if (a[i].className=="there") { $(prevId+'-preview').firstChild.nodeValue=capId[i]; 
				$(prevId+'-preview').className="preview-description"; } }
			}
		});
	}

	for (i=0;i<thumbId.length;i++) { for (j=0;j<capNum[i].length;j++) { handBanana(shortId[i], (j+1), thumbId[i], capNum[i], fullId[i]); } }
	
});