/* (c) 2008-2009 Chris (Dean) Hunt <http://www.deanhunt.us> */

var portfolioAccordion = false;
var educationAccordion = false;

var previewCycleTimers = new Array();
var previewFlipTimers = new Array();

function startSlideshow(samplePrefix, optBeginning) {
    if (!optBeginning) optBeginning = 1;
    $(samplePrefix + 'pic' + optBeginning).fireEvent('click', open);
}

function refreshPNG(obj) {
    if (Browser.Engine.trident && Browser.Engine.version < 5) {
	supersleight.fix(obj); 
    }
}

function makePortfolio() {
    $('container').setStyle('display','none');
    $('portfolio').setStyle('display','none');
    $('sitebox').setStyle('display','none');
    $('widePortfolio').setStyle('display','block');
    $(document.body).getElements('.sampleContainer').each(function(sample, index) {
	sample.addClass('portfolioSample');
	try {
	    sample.store('resumeParent', sample.getParent()); //save container in resume
	    $('widePortfolio').grab(sample);
	    if (sample.retrieve('fadedPortfolio')) {
		sample.getElement('.slideshowTable').fade('show');
	    } else {
		sample.store('fadedPortfolio', true);
	    }
	} catch (e) {}
    });	
    $('portfolioTab').set('tween', {duration: 400, link: 'ignore', transition: Fx.Transitions.Bounce.easeOut}).tween('top','-261px');
    $('portfolioTab').setStyle('display','none');
    $('resumeTab').setStyle('display','block');
    $('resumeTab').set('tween', {duration: 400, transition: Fx.Transitions.Bounce.easeOut}).tween('top','-211px');
    $$('.slideshowTable').fade('show');
}

function makeResume() {
    $('widePortfolio').setStyle('display','none');
    $(document.body).getElements('.sampleContainer').each(function(sample, index) {
	sample.removeClass('portfolioSample');
	if (sampleParent = sample.retrieve('resumeParent')) {
	    sampleParent.grab(sample); //restore container in resume, if one available
	}
    });
    $('container').setStyle('display','block');
    $('portfolio').setStyle('display','block');
    $('sitebox').setStyle('display','block');
    $$('.educationElement').setStyle('display','block');
    $$('.portfolioElement').setStyle('display','block');
    $('resumeTab').set('tween', {duration: 400, link: 'ignore', transition: Fx.Transitions.Bounce.easeOut}).tween('top','-261px');
    $('resumeTab').setStyle('display','none');
    $('portfolioTab').setStyle('display','block');
    $('portfolioTab').set('tween', {duration: 400, transition: Fx.Transitions.Bounce.easeOut}).tween('top','-211px');
    if (!portfolioAccordion) {
	portfolioAccordion = new Accordion($$('.portfolioToggler'), $$('.portfolioElement'), {
		onActive: function(toggler, element) {
		    toggler.addClass('active');
		},
		onComplete: function() {
		    this.elements[this.previous].getElements('.slideshowTable').each(function(item, index) {item.fade('show');});
		}, 
		onBackground: function(toggler, element) {
		    if (toggler != $('portfolioAccordion').retrieve('activeToggler')) {
			toggler.removeClass('active');
		    }
		    element.getElements('.slideshowTable').each(function(item, index) {item.fade('hide');});
		}, 
		opacity: false,
		transition: Fx.Transitions.Quint.easeOut,
		display: 0
	    });
    }
    if (!educationAccordion) {
	educationAccordion = new Accordion($$('.educationToggler'), $$('.educationElement'), {opacity: false, show: 0});
    }
}


function firstLoad() {
    makeResume();
    $('contactTab').set('tween', {duration: 400, transition: Fx.Transitions.Bounce.easeOut}).tween('top','-211px');
}

window.addEvent('domready', function() {

    $$('.portfolioToggler').addEvent('click', function() {
	    $('portfolioAccordion').store('activeToggler', this);
    });

 /* SAMPLE MECHANICS */

    $$('.slideshowTable').addEvents({
	'mouseenter': function() {
	    try {
		fullHeight = $(this).getElement('.sampleViews').getPosition().y
		    - $(this).getElement('.sampleDescription').getSize().y
		    - parseInt($(this).getElement('.captionContainer').getStyle('padding-top'));
		$(this).getElement('.captionContainer').setStyle('top', fullHeight + 'px');
		$(this).getElement('.captionContainer').setStyle('visibility','visible');
	      } catch (e) {}
	    // begin cycling the images in that pane; timers are stored and cleared on mouseleave
	    if (!previewCycleTimers[this.id]) {
		    if (previewImages['_current'][this.id] < previewImages[this.id].length - 1) {
			previewImages['_current'][this.id]++;
		    } else {
			previewImages['_current'][this.id] = 0;
		    }
		    $(this).getElement('.previewImage').src = 'samples/sampleimages/' +
			previewImages[this.id][previewImages['_current'][this.id]];
		    previewCycleTimers[this.id] = (function() {
			if (previewImages['_current'][this.id] < previewImages[this.id].length - 1) {
			    previewImages['_current'][this.id]++;
			} else {
			    previewImages['_current'][this.id] = 0;
			}
			$(this).getElement('.previewImage').src = 'samples/sampleimages/' +
			    previewImages[this.id][previewImages['_current'][this.id]];
		    }).periodical(750, this);
	    }
	},
	'mouseleave': function() {
	    $(this).getElement('.captionContainer').setStyle('visibility','hidden');
	    // clear and reset the timers for preview cycling
	    $clear(previewCycleTimers[this.id]);
	    $clear(previewFlipTimers[this.id]);
	    previewCycleTimers[this.id] = 0; // periodical cleans up after itself
	}
    }); // .slideShowContent.addEvents
    
 /* VERSION MANAGEMENT */

    var tExpo = Fx.Transitions.Expo.easeOut;

    $('contactTab').addEvents({
	'mouseenter': function() {$(this).set('tween', {duration: 400, transition: tExpo}).tween('top','-5px');},
	'mouseleave': function() {$(this).set('tween', {duration: 400, transition: tExpo}).tween('top','-211px');},
	'click': function() {window.location = 'mail' + 'to:work' + '@' + 'dean' + 'hunt.us';}
    });

    $('portfolioTab').addEvents({
	'mouseenter': function() {$(this).set('tween', {duration: 400, transition: tExpo}).tween('top','-5px');},
	'mouseleave': function() {$(this).set('tween', {duration: 400, transition: tExpo}).tween('top','-211px');},
	'click': function() {makePortfolio();}
    });

    $('resumeTab').addEvents({
	'mouseenter': function() {$(this).set('tween', {duration: 400, transition: tExpo}).tween('top','-5px');},
	'mouseleave': function() {$(this).set('tween', {duration: 400, transition: tExpo}).tween('top','-211px');},
	'click': function() {makeResume();}
    });

});


/* third-party extensions */

// Slimbox v1.64 - (c) 2007-2008 Christophe Beyls <http://www.digitalia.be>  MIT-style license.
var Slimbox;(function(){var G=0,F,L,B,S,T,O,E,M,J=new Image(),K=new Image(),X,a,P,H,W,Z,I,Y,C;window.addEvent("domready",function(){$(document.body).adopt($$([X=new Element("div",{id:"lbOverlay"}).addEvent("click",N),a=new Element("div",{id:"lbCenter"}),Z=new Element("div",{id:"lbBottomContainer"})]).setStyle("display","none"));P=new Element("div",{id:"lbImage"}).injectInside(a).adopt(H=new Element("a",{id:"lbPrevLink",href:"#"}).addEvent("click",D),W=new Element("a",{id:"lbNextLink",href:"#"}).addEvent("click",R));I=new Element("div",{id:"lbBottom"}).injectInside(Z).adopt(new Element("a",{id:"lbCloseLink",href:"#"}).addEvent("click",N),Y=new Element("div",{id:"lbCaption"}),C=new Element("div",{id:"lbNumber"}),new Element("div",{styles:{clear:"both"}}));E={overlay:new Fx.Tween(X,{property:"opacity",duration:500}).set(0),image:new Fx.Tween(P,{property:"opacity",duration:500,onComplete:A}),bottom:new Fx.Tween(I,{property:"margin-top",duration:400})}});Slimbox={open:function(e,d,c){F=$extend({loop:false,overlayOpacity:0.8,resizeDuration:400,resizeTransition:false,initialWidth:250,initialHeight:250,animateCaption:true,showCounter:true,counterText:"Image {x} of {y}"},c||{});if(typeof e=="string"){e=[[e,d]];d=0}L=e;F.loop=F.loop&&(L.length>1);b();Q(true);O=window.getScrollTop()+(window.getHeight()/15);E.resize=new Fx.Morph(a,$extend({duration:F.resizeDuration,onComplete:A},F.resizeTransition?{transition:F.resizeTransition}:{}));a.setStyles({top:O,width:F.initialWidth,height:F.initialHeight,marginLeft:-(F.initialWidth/2),display:""});E.overlay.start(F.overlayOpacity);G=1;return U(d)}};Element.implement({slimbox:function(c,d){$$(this).slimbox(c,d);return this}});Elements.implement({slimbox:function(c,f,e){f=f||function(g){return[g.href,g.title]};e=e||function(){return true};var d=this;d.removeEvents("click").addEvent("click",function(){var g=d.filter(e,this);return Slimbox.open(g.map(f),g.indexOf(this),c)});return d}});function b(){X.setStyles({top:window.getScrollTop(),height:window.getHeight()})}function Q(c){["object",window.ie?"select":"embed"].forEach(function(e){Array.forEach(document.getElementsByTagName(e),function(f){if(c){f._slimbox=f.style.visibility}f.style.visibility=c?"hidden":f._slimbox})});X.style.display=c?"":"none";var d=c?"addEvent":"removeEvent";window[d]("scroll",b)[d]("resize",b);document[d]("keydown",V)}function V(c){switch(c.code){case 27:case 88:case 67:N();break;case 37:case 80:D();break;case 39:case 78:R()}return false}function D(){return U(S)}function R(){return U(T)}function U(c){if((G==1)&&(c>=0)){G=2;B=c;S=((B||!F.loop)?B:L.length)-1;T=B+1;if(T==L.length){T=F.loop?0:-1}$$(H,W,P,Z).setStyle("display","none");E.bottom.cancel().set(0);E.image.set(0);a.className="lbLoading";M=new Image();M.onload=A;M.src=L[c][0]}return false}function A(){switch(G++){case 2:a.className="";P.setStyles({backgroundImage:"url("+L[B][0]+")",display:""});$$(P,I).setStyle("width",M.width);$$(P,H,W).setStyle("height",M.height);Y.set("html",L[B][1]||"");C.set("html",(F.showCounter&&(L.length>1))?F.counterText.replace(/{x}/,B+1).replace(/{y}/,L.length):"");if(S>=0){J.src=L[S][0]}if(T>=0){K.src=L[T][0]}if(a.clientHeight!=P.offsetHeight){E.resize.start({height:P.offsetHeight});break}G++;case 3:if(a.clientWidth!=P.offsetWidth){E.resize.start({width:P.offsetWidth,marginLeft:-P.offsetWidth/2});break}G++;case 4:Z.setStyles({top:O+a.clientHeight,marginLeft:a.style.marginLeft,visibility:"hidden",display:""});E.image.start(1);break;case 5:if(S>=0){H.style.display=""}if(T>=0){W.style.display=""}if(F.animateCaption){E.bottom.set(-I.offsetHeight).start(0)}Z.style.visibility="";G=1}}function N(){if(G){G=0;M.onload=$empty;for(var c in E){E[c].cancel()}$$(a,Z).setStyle("display","none");E.overlay.chain(Q).start(0)}return false}})();
Slimbox.scanPage = function() { var links = $$("a").filter(function(el) { return el.rel && el.rel.test(/^lightbox/i); }); $$(links).slimbox({/*options*/}, null, function(el) { return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel)); });};
window.addEvent("domready", Slimbox.scanPage);