var currentProj = 'project_1';
var ready2fade = true;
var myCSS;
$('.hideProjectClass').fadeOut(1);
$(document).ready(function() {
	//
	
	$('a.toggle').mouseover(function() {
		var showThis = $(this).attr('id');
		var bannerClass = $(this).attr('name');
		showThis = showThis.replace("thumb_","project_");
		//$('#test_text').text('bannerClass: '+bannerClass+' showThis: '+showThis+' currentProj: '+currentProj);
		
		$("#contentTopSection").removeClass();
		$("#contentTopSection").addClass("banner-"+showThis);
		
		//alert(bannerClass);
		$('#contentTopSection .project_banner').fadeOut(250);
		$('#contentTopSection .banner-'+showThis).fadeIn(250);
		
		if(showThis != currentProj) {
			ready2fade = false;
			hideAllExcept(showThis);
			
		}
	});
	
	$('a.toggle').mouseout(function() { /*stop(true);*/ });
	
	hideAllExcept('project_0');
	
});

function hideAllExcept(showThis) {
	//alert('#'+showThis);
	
	myCSS = '';
	
	switch (showThis) {
		case 'project_0':
			myCSS = {'background' : '#d63333 url(/retail/images/banner-what_sells.gif) top left no-repeat'};
			break;
		
		case 'project_1':
			myCSS = {'background' : '#ffd500 url(/retail/images/banner-attitude.gif) top left no-repeat'};
			break;
		
		case 'project_2':
			myCSS = {'background' : '#bfd730 url(/retail/images/banner-brand.gif) top left no-repeat'};
			break;
		
		case 'project_3':
			myCSS = {'background' : '#f68220 url(/retail/images/banner-taste.gif) top left no-repeat'};
			break;
		
		case 'project_4':
			myCSS = {'background' : '#b92c92 url(/retail/images/banner-style.gif) top left no-repeat'};
			break;
		
		case 'project_5':
			myCSS = {'background' : '#3f70b4 url(/retail/images/banner-impact.gif) top left no-repeat'};
			break;
		
		case 'project_6':
			myCSS = {'background' : '#000000 url(/retail/images/banner-image.gif) top left no-repeat'};
			break;
		
		case 'project_7':
			myCSS = {'background' : '#909090 url(/retail/images/banner-need.gif) top left no-repeat'};
			break;
		
		case 'project_8':
			myCSS = {'background' : '#ffd500 url(/retail/images/banner-personality.gif) top left no-repeat'};
			break;
	}
	
	$('#contentTopSection').css(myCSS);
	
	if(showThis != 'project_0') {
		$('#toggleThis .project_block').fadeOut(250, function() {
			currentProj = showThis;
			ready2fade = true;
		});
		$('#'+showThis).fadeIn(250);
	}
}