//global vars
var easingMethod = 'easeInOutCubic';
var ol;

var aboutIndexNav = function(){
	var an = $('#aboutMarqueeNav');
	var lis = an.find('li');
	var animVals = [];
	//the order of the values is liWidth, imgMarg, cpWidth
	var vals1 = [];
	var vals2 = [];
	var vals3 = [];
	var dur = 500;
	
	var init = function(){
		lis.bind('mouseenter', function(){ hoverOn($(this)); });
		//lis.bind('mouseenter', function(){ alert("fuck"); });
		an.bind('mouseleave', function(){hoverOff();});
	}
	
	var hoverOn = function(t){
		var cl = t.attr('class');
		var ind = cl.charAt(cl.length - 1);
		switch(ind){
			case '1':     
			vals1 = [410, 0, null];
			vals2 = [320, -50, null];
			vals3 = [320, -100, 300];
			break;
			
			case '2':
			vals1 = [320, -20, null];
			vals2 = [410, 0, null];
			vals3 = [320, -120, 270];
			break;
			
			case '3':
			vals1 = [320, -30, null];
			vals2 = [320, -30, null];
			vals3 = [410, -60, 360];
			break;
			
		}
		animVals = [vals1, vals2, vals3];
		moveEm(ind);
	}
	
	var hoverOff = function(){
		vals1 = [350, -0, null];
		vals2 = [350, -30, null];
		vals3 = [350, -100, 300];
		
		animVals = [vals1, vals2, vals3];
		moveEm();
	}
	
	var moveEm = function(ind){
		var curr = ind != null ? ind : 0;
		
		for(var i = 0;i<lis.length;i++){
			var l = $(lis[i]);
			var img = $(l.find('img'));
			var cp = $(l.find('.copy'));
			if(animVals[i][0] != null){
				l.stop().animate({width:animVals[i][0]}, {duration:dur+12, easing:easingMethod, queue:false});
			}
			if(animVals[i][1] != null){
				img.stop().animate({marginLeft:animVals[i][1]}, {duration:dur, easing:easingMethod, queue:false});
			}
			if(animVals[i][2] != null){
				cp.stop().animate({width:animVals[i][2]}, {duration:dur, easing:easingMethod, queue:false});
			}
			
			if(i != curr-1 && curr != 0 ){
				l.fadeTo(dur, .4);
			}else{
				l.fadeTo(dur, 1);
			}
		}
	}
	init();
}


/*------------------------------------------------------------------
initialize!!
------------------------------------------------------------------*/
$(document).ready(function() {

	if(document.getElementById('aboutMarqueeNav')){ var vo = new aboutIndexNav();}
	$(".event-container > div:odd").addClass("odd");
	
	$("#secondary-menu ul li a").not("#secondary-menu ul li.active  a").hover(function() {
		$(this).stop().animate({paddingLeft: "20px"}, 400);
		}, function() {
		    $(this).stop().animate({paddingLeft: "5px"}, 200);
	});
		   
	jQuery('a[rel=fancybox]').fancybox({
		   'type' : 'iframe',
		   'overlayShow'   : true,
		   'overlayOpacity'   : '0.6',
		   'overlayColor'   : '#000',
		   'cyclic' : false,
		   'autoScale'   : false,
		   'autoDimensions' : false,
		   'showNavArrows' : false,
		   'width'       : 480,
		   'height'       : 550
	});
	
});

/* cufon */
Cufon.replace('h1');
Cufon.replace('h2');
Cufon.replace('h3');
Cufon.replace('#primary-menu li a', {hover: 'true'});
Cufon.replace('#primary-menu li a');
Cufon.replace('#secondary-menu li a', {hover: 'true'});
Cufon.replace('#secondary-menu li a');