var offsets = new Array(0,178,356,534);
var ontab;
function showPanel(p) {
	$('.infoTabs .panel').addClass('off');
	$('.infoTabs .panel:eq('+p+')').removeClass('off');
	ontab = p;
	highlightTab(p);
	return false;
}

function highlightTab(t) {
	var str;
	for(var i=0; i<offsets.length;i++) {
		str = '-' + offsets[i] + 'px ';
		if(i == t) {
			str += '-42px';
		}
		else if(i == (t+1)) {
			str += '-21px';
		}
		else {
			str += '0';
		}
		$('.infoTabs ul.tabs li:eq('+i+') a').css({backgroundPosition: str});
	}
}

function unhighlightTab() {
	var str;
	for(var i=0; i<offsets.length;i++) {
		str = '-' + offsets[i] + 'px ';
		if(i == ontab) {
			str += '-42px';
		}
		else if(i == (ontab+1)) {
			str += '-21px';
		}
		else {
			str += '0';
		}
		$('.infoTabs ul.tabs li:eq('+i+') a').css({backgroundPosition: str});
	}
}

$(function() {
	if($('#lighting').size() > 0) {
		offsets = new Array(0,0,146,292);
		$('#content').addClass('tab2');
	}
	
	if($('#sub').size() > 0) {
		offsets = new Array(0,146,292,292);
		$('#content').addClass('tab2');		
	}
	showPanel(0);
	$('.infoTabs ul.tabs:eq(0)').append($('.infoTabs ul.tabs li'));
	$('.infoTabs ul.tabs:gt(0)').remove();
	
	var hash = window.location.hash;
	$('.infoTabs ul.tabs a').each(function(i) {
		$(this).click(function() {
			return showPanel(i);
		}).mouseover(function() {
			highlightTab(i);
		}).mouseout(unhighlightTab);
		if($(this).attr('href') == hash) {
			showPanel(i);
		}
	});
	
	//$('#spaDetails_snapSpecs a').click(function() { return showPanel(1); });
});