(function($) {
	$.fn.myhover = function(hcolor) {
		var obj = this;
		this.hover(function() {
			obj.css('color',hcolor);
			}, function() {
			obj.css('color','#fff');
			});
		return this;
	};
}(jQuery));


$(function() {
	
	var colors = {
			welcome: 		"#5d9731",
			capabilities: 	"#293893",
			inno: 			"#8c5e3c",
			standup: 		"#ab273e",
			ourfacility: 	"#5d9731"
	};
	var head_colors = {
			welcome: 		"#b2d77b",
			capabilities: 	"#72c3ed",
			inno: 			"#c49a6c",
			standup: 		"#e51937",
			ourfacility: 	"#b2d77b"
	};
	$('#page_text').hide();
	$('#contents img').hide();
	$('#welcome a').myhover(colors["welcome"]);
	$('#capabilities a').myhover(colors["capabilities"]);
	$('#inno a').myhover(colors["inno"]);
	$('#standup a').myhover(colors["standup"]);
	$('#ourfacility a').myhover(colors["ourfacility"]);
	
	$('#convert').css('color',colors[color]);
	var color = $('#hidden').val();
	var theObj = color+" a";
	var which = 'li #'+color+" a";
	$('#convert, #head_title').css('color',head_colors[color]);
	$(which).removeClass('TabOn').css('background-color','#000');
	$(which).addClass('TabOn');
	$('.TabOn').css('background-color',colors[color]).css('color','#fff');
	$("#"+theObj).myhover('#fff');
	$('#contents img').fadeIn('slow');
});