var specRate = 600;
var currentColor = '';
var colorTimer = null;
var colorSpeed = 'fast';
var current_display = 'visual';

$(document).ready( 
	function (){ 
		$('#ModelSpec table tr:odd td').addClass('altbg'); 
		$('#ModelSpec').hide();
	}
);
$(window).load(
	function (){ 
		$('#ModelVisual').fadeIn(
			specRate, 
			function () { 
				$('#ModelActions').show('slide', {direction: 'up'}, specRate); 
			}
		);
	}
);

function showSpecs() {
	if (current_display != 'spec') {
		$('#ModelActions').hide('slide', {direction: 'up'}, specRate, function() {
			$('#ModelVisual').fadeOut(specRate, 
				function() { $('#ModelSpec').fadeIn(specRate); }
			);
		});
		current_display = 'spec';
	} 
	else hideSpecs();
}

function hideSpecs() {
	if (current_display != 'visual') {
		$('#ModelSpec').fadeOut(specRate, 
			function() { $('#ModelVisual').fadeIn(specRate,
				function () { 
					$('#ModelActions').show('slide', {direction: 'up'}, specRate); 
				}								  
			);}
		);
		current_display = 'visual';
	}
}

function showColorName( colorName ) {
	if (colorTimer) clearTimeout(colorTimer);
	if (colorName != currentColor) {
		if ( currentColor != '' ) {
			$('#ColorName').fadeOut(colorSpeed, 
				function() { 
					$('#ColorName')
						.text(colorName)
						.fadeIn(colorSpeed);
				});
		} else {
			$('#ColorName')
				.text(colorName)
				.fadeIn(colorSpeed);
		}
		currentColor = colorName;
	}
}

function setColorTimer() { 
	colorTimer = setTimeout('resetColorName()', 500); 
}

function resetColorName() {
	if (colorTimer) clearTimeout(colorTimer);
	$('#ColorName').fadeOut(colorSpeed, function() { $('#ColorName').empty(); });
	currentColor = '';
}