$(function() {
	var randomID = Math.round(Math.random()*2+1);
	featureLoad(randomID);
	
	function featureLoad(ID) {
		$('.featureMenu').attr('id', 'featureMenuStyle-'+ID);
		$('#link-'+ID).addClass('current');
		Cufon.replace('.featureLink.current', { fontFamily: 'helveBold', hover: true });
		if(ID == 1) { 
			$('#panel-1').show(0, function() {
				$('#homeFeature').css('background-image', 'url("../images/homeFeature-1.jpg")');
			});
			$('#panel-1 h2').delay(500).fadeIn(1500);
			$('#infoLink-1').delay(1500).animate({ left: 18 }, { duration: 1000 });
			$('#infoLink-2').delay(1500).animate({ right: 20 }, { duration: 1000 });
		} else if(ID == 2) {
			$('#panel-2').show(0, function() {
				$('#homeFeature').css('background-image', 'url("../images/homeFeature-2.jpg")');
			});
			$('#panel-2 h2').delay(500).fadeIn(1500);
			$('#infoLink-3').delay(1500).animate({ left: 15 }, { duration: 1000 });
			$('#infoLink-4').delay(1500).animate({ right: 25 }, { duration: 1000 });
		} else if(ID == 3) {
			$('#panel-3').show(0, function() {
				$('#homeFeature').css('background-image', 'url("../images/homeFeature-3.jpg")');
			});
			$('#panel-3 h2').delay(500).fadeIn(1500);
			$('#infoLink-5').delay(1500).animate({ left: 15 }, { duration: 1000 });
			$('#infoLink-6').delay(1500).animate({ right: 20 }, { duration: 1000 });
		}
	}
	
	function featureBackOut(ID) {
		$('#panel-'+ID+' .infoPanel').fadeOut(500);
		$('.infoLink.open').removeClass('open');
		if(ID == 1) { 
			$('#infoLink-1').delay(500).animate({ left: -1000 }, { duration: 1000 });
			$('#infoLink-2').delay(500).animate({ right: -1000 }, { duration: 1000 });
		} else if(ID == 2) {
			$('#infoLink-3').delay(500).animate({ left: -1000 }, { duration: 1000 });
			$('#infoLink-4').delay(500).animate({ right: -1000 }, { duration: 1000 });
		} else if(ID == 3) {
			$('#infoLink-5').delay(500).animate({ left: -1000 }, { duration: 1000 });
			$('#infoLink-6').delay(500).animate({ right: -1000 }, { duration: 1000 });
		}
	}
	
	function featureCycle(ID, newID) {
		$('#panel-'+ID).delay(1200).hide(0, function() {
			$('#panel-'+ID+' h2').hide();
			$('.featureMenu').attr('id', 'featureMenuStyle-'+newID);
		});
		$('#link-'+ID).removeClass('current');
		$('#link-'+newID).addClass('current');
		Cufon.replace('.featureLink', { fontFamily: 'helveBold', hover: true });
		
		if(newID == 1) { 
			$('#panel-1').delay(1500).fadeIn(2000, function() { 
				$('#homeFeature').css('background-image', 'url("../images/homeFeature-1.jpg")');
			});
			$('#panel-1 h2').delay(2000).fadeIn(1500);
			$('#infoLink-1').delay(2000).animate({ left: 18 }, { duration: 1000 });
			$('#infoLink-2').delay(2000).animate({ right: 20 }, { duration: 1000 });
		} else if(newID == 2) {
			$('#panel-2').delay(1200).fadeIn(2000, function() { 
				$('#homeFeature').css('background-image', 'url("../images/homeFeature-2.jpg")');
			});
			$('#panel-2 h2').delay(2000).fadeIn(1500);
			$('#infoLink-3').delay(2000).animate({ left: 15 }, { duration: 1000 });
			$('#infoLink-4').delay(2000).animate({ right: 25 }, { duration: 1000 });
		} else if(newID == 3) {
			$('#panel-3').delay(1200).fadeIn(2000, function() { 
				$('#homeFeature').css('background-image', 'url("../images/homeFeature-3.jpg")');
			});
			$('#panel-3 h2').delay(2000).fadeIn(1500);
			$('#infoLink-5').delay(2000).animate({ left: 15 }, { duration: 1000 });
			$('#infoLink-6').delay(2000).animate({ right: 20 }, { duration: 1000 });
		}		
	}
	
	$('.infoLink').mouseenter(function() {
		if($(this).hasClass('open')) {
			$('#info-'+$(this).attr('id').replace(/infoLink-/, '')).fadeOut(500);
			$(this).removeClass('open');
		} else {
			$('.infoPanel').fadeOut(500);
			$('.infoLink.open').removeClass('open');
			$('#info-'+$(this).attr('id').replace(/infoLink-/, '')).fadeIn(500);
			$(this).addClass('open');
		}
		return false;
	}); 
	
	$('.infoPanel').mouseleave(function() {
		$('.infoPanel').fadeOut(500);
		$('.infoLink.open').removeClass('open');
		return false;
	});
	
	$('.featureLink').click(function() {
		var currentPanel = $('.featureLink.current').attr('id').replace(/link-/, '');
		var newPanel = $(this).attr('id').replace(/link-/, '');
		if(!($(this).hasClass('current'))){
			featureBackOut(currentPanel);
			featureCycle(currentPanel, newPanel);	
		}
		return false;
	});
	
	
	$('#projectWrapper').bind({
		mouseenter: function() {
			$('#back').animate({ top: "0px" }, 1000);
		},
		mouseleave: function() {
			$('#back').animate({ top: "130px" }, 1000);
		}
	});
});