$(document).ready(function () {
	
	$('#main-feature-description').fadeTo("slow", '.8');
	
	// initial extra css formatting
	$('input[type=radio]').css('border','0');
	$('input[type=radio]').css('position','relative');
	$('input[type=radio]').css('top','3px');
	
	$('.discussions div:odd').addClass('odd');
	
	// all text inputs trick
	$('input[type=text], input[type=password]').each(function(){
		var val = $(this).val();
		$(this).focus(function(){
			if($(this).attr('value') == val){
				$(this).val('');
			}				
		});	
		$(this).blur(function(){
			if($(this).attr('value') == ''){
				$(this).val(val);
			}				
		});	
	});
	
	$('a[rel="external"]').each(function(){
		$(this).attr('target', '_blank');
	});
	
	//initial animations
	//$("#main-feature-description").hide();
	//$("#main-feature-description").slideDown();
	$('#main-feature-description').css("opacity",'0');
	$('#main-feature-description').animate({opacity:.7}, { queue:false, duration:1200 });
	$('#content #left #main-feature #main-feature-photo .scroll').css("opacity",'0');
	$('#content #left #main-feature #main-feature-photo .scroll').animate({opacity:1}, { queue:false, duration:1200 });
	
	// main feature
	$('#headline1').click(function(){
		$('#main-feature-menu ul li h3 a').each(function(){
			$(this).removeClass('active');
		});
		$(this).addClass('active');
		$('#main-feature-description').css("opacity",'0');
		$('#main-feature-description').animate({opacity:.7}, { queue:false, duration:1200 });
		$("#main-feature-description p").html($('#image1').attr('alt'));
		$('#content #left #main-feature #main-feature-photo .scroll').animate({left:'0px'}, { queue:false, duration:600 });
		$('#content #left #main-feature #main-feature-photo .scroll').css("opacity",'0');
		$('#content #left #main-feature #main-feature-photo .scroll').animate({opacity:1}, { queue:false, duration:1200 });
		return false;
	});
	
	$('#headline2').click(function(){
		$('#main-feature-menu ul li h3 a').each(function(){
			$(this).removeClass('active');
		});
		$(this).addClass('active');
		$('#main-feature-description').css("opacity",'0');
		$('#main-feature-description').animate({opacity:.7}, { queue:false, duration:1200 });
		$("#main-feature-description p").html($('#image2').attr('alt'));
		$('#content #left #main-feature #main-feature-photo .scroll').animate({left:'-365px'}, { queue:false, duration:600 });
		$('#content #left #main-feature #main-feature-photo .scroll').css("opacity",'0');
		$('#content #left #main-feature #main-feature-photo .scroll').animate({opacity:1}, { queue:false, duration:1200 });

		return false;
	});	
	
	$('#headline3').click(function(){
		$('#main-feature-menu ul li h3 a').each(function(){
			$(this).removeClass('active');
		});
		$(this).addClass('active');
		$('#main-feature-description').css("opacity",'0');
		$('#main-feature-description').animate({opacity:.7}, { queue:false, duration:1200 });
		$("#main-feature-description p").html($('#image3').attr('alt'));
		$('#content #left #main-feature #main-feature-photo .scroll').animate({left:'-730px'}, { queue:false, duration:600 });
		$('#content #left #main-feature #main-feature-photo .scroll').css("opacity",'0');
		$('#content #left #main-feature #main-feature-photo .scroll').animate({opacity:1}, { queue:false, duration:1200 });
				
		return false;
	});	
	
	$('#headline4').click(function(){
		$('#main-feature-menu ul li h3 a').each(function(){
			$(this).removeClass('active');
		});
		$(this).addClass('active');
		$('#main-feature-description').css("opacity",'0');
		$('#main-feature-description').animate({opacity:.7}, { queue:false, duration:1200 });
		$("#main-feature-description p").html($('#image4').attr('alt'));
		$('#content #left #main-feature #main-feature-photo .scroll').animate({left:'-1095px'}, { queue:false, duration:600 });
		$('#content #left #main-feature #main-feature-photo .scroll').css("opacity",'0');
		$('#content #left #main-feature #main-feature-photo .scroll').animate({opacity:1}, { queue:false, duration:1200 });
				
		return false;
	});	
	
	
	// lavalamp effects
	$("#lower-panel-menu").lavaLamp({speed: 1, //controls the horizontal scrolling speed of the colored header background
	    click: function(event, menuItem) {
	        return false;
	    }
	});
	
	
	
	// lower animations
	
	PanelTabs = $('#lower-panel-menu > li');
	PanelSlides = $('#lower-panel div.scroll > div');
	Scroller = $('#lower-panel .scroll');
	
	PanelTabs.click(function(e){
							 
		e.preventDefault();
		
		PanelTabs.find('a').css('color', '#999');
		$(this).find('a').css('color', '#fff');
		
		n = PanelTabs.index($(this));
		
		var Color = Panel[n].color;					 
		PanelSlides.find("img").css('border-color', Color);	
		PanelSlides.find(".lower-panel-description").css("background-color", Color);
		$(".back").css("background-color", Color).css("border-color", Color);
		
		Scroller.animate({left: Panel[n].left + 'px'}, { queue:false, duration:200 });
		$('a.more').parent().hide();
		$('#more' + (n + 1)).show();
		
	});
	
	$('#global-nav').css('z-index','9999');
	
	
	$('a.more').parent().hide();
	$('#more' + (11)).show();
});



function LowerPanel(c, x) {
	this.color = c;
	this.left = x;
}

var Panel = new Array();
Panel.splice(0,0,
	new LowerPanel('#6D2A91', 0),
	new LowerPanel('#FD0085', -593),
	new LowerPanel('#F18E17', -1186),
	new LowerPanel('#B9D635', -1779)
)