// ** Photoshop Lab Homepage Javascript ** //


// --- Feature Slideshow --- //
var feat = {
	autotime : null,
	timer : null,
	buttons : null,
	pbutton : null,
	sbutton : null,
	pl : 2,
	ma : 6,
	l1 : 0,
	l2 : 0,
	l3 : 0,
	l4 : 0,
	l5 : 0,
	l6 : 0,
	r6 : 568,
	r5 : 568,
	r4 : 568,
	r3 : 568,
	r2 : 568,
	init : function() {
		var buttons = $('#features > li');
//		$(buttons).hover(feat.start, feat.halt);
		var navi = $('#feature_nav > li > a');
		$(navi).hover(feat.start, feat.halt);
		var links = $('#features > li > a.button');
		$(links).css({'opacity':'0.5'});
		feat.sbutton = $('#autostop');
		feat.pbutton = $('#autostart');
		$(feat.sbutton).click(feat.autohalt);
		$(feat.pbutton).click(feat.auto);
	},
	start : function() {
		//var e = this;
		
		var e = $('#'+this.rel);
		feat.autohalt();
		feat.timer = setTimeout( function(){ feat.slide(e); }, 100);
	},
	halt : function() {
		feat.timer = clearTimeout(feat.timer);
	},
	auto : function() {
		$(feat.pbutton).css({'font-weight':'bold'});
		$(feat.pbutton).click(function(){ return false; });
		$(feat.sbutton).css({'font-weight':'normal'});
		
		var num = feat.pl - 1;
		var e = $('#features > li:eq(' + num + ')');
		feat.autotime = setTimeout( 
			function(){ 
				feat.pl++; 
				if( feat.pl > feat.ma ) feat.pl = 1;
				feat.auto(); 
				feat.slide(e); 
			}, 5000);
	},
	autohalt : function() {
		$(feat.pbutton).css({'font-weight':'normal'});
		$(feat.sbutton).click(function(){ return false; });
		$(feat.sbutton).css({'font-weight':'bold'});
		
		feat.autotime = clearTimeout(feat.autotime);
	},
	slide : function( e ) {
		
		$('#feature_nav > li > a').removeClass('active');
		
		var id = $(e).attr('id');
		switch( id ) {
	case 'f1' :	var anim2 = feat.r2, anim3 = feat.r3, anim4 = feat.r4; anim5 = feat.r5; anim6 = feat.r6; $('#feature_nav > li > a[@rel=f1]').addClass('active'); break;
	case 'f2' :	var anim2 = feat.l2, anim3 = feat.r3, anim4 = feat.r4; anim5 = feat.r5; anim6 = feat.r6; $('#feature_nav > li > a[@rel=f2]').addClass('active'); break;
	case 'f3' :	var anim2 = feat.l2, anim3 = feat.l3, anim4 = feat.r4; anim5 = feat.r5; anim6 = feat.r6; break;
	case 'f4' :	var anim2 = feat.l2, anim3 = feat.l3, anim4 = feat.l4; anim5 = feat.r5; anim6 = feat.r6; $('#feature_nav > li > a[@rel=f4]').addClass('active'); break;
	case 'f5' :	var anim2 = feat.l2, anim3 = feat.l3, anim4 = feat.l4; anim5 = feat.l5; anim6 = feat.r6; $('#feature_nav > li > a[@rel=f5]').addClass('active'); break;
	case 'f6' :	var anim2 = feat.l2, anim3 = feat.l3, anim4 = feat.l4; anim5 = feat.l5; anim6 = feat.l6; break;
		}

		$('#f2').animate({left:anim2},'fast','swing');
		$('#f3').animate({left:anim3},'fast','swing');
		$('#f4').animate({left:anim4},'fast','swing');
		$('#f5').animate({left:anim5},'fast','swing');
		$('#f6').animate({left:anim6},'fast','swing');
		
		return false;
	}
}
$(document).ready(feat.init);
$(document).ready(feat.auto);