var SelectedTab;
function ChangeTab(TabName) {
	for (var i in tabArray) {
		var tabObj = tabArray[i];
		if (tabObj == null)
			continue;
			var tab = document.getElementById('tab_' + tabObj.name);
		if (tab != null){
			tab.type = "image";
		if (tabObj.name == TabName) {
			tab.src = tabObj.onImg;
			tab.style.width = "66px";
			tab.style.height = "39px";
		}else{
			tab.src = tabObj.offImg;
			tab.style.width = "65px";
			tab.style.height = "31px";
		}}
		var div = document.getElementById('div_' + tabObj.name);
		if (div != null)
			if (tabObj.name == TabName)
				div.style.display = "block";
			else
				div.style.display = "none";
	}
	SelectedTab = TabName;
 }
function setTabFocus(e, tabName) {
	var key;
	if (window.event) key = e.keyCode;
	if (e.which) key = e.which;
	if (key != 13) return;
		ChangeTab(tabName);
}
var tabArray = new Array(
{name:'coord_colors', offImg:'/images/coord-colors-off.jpg', onImg:'/images/coord-colors-on.jpg', offTitle:'Coordinating Colors', onTitle:'Coordinating Colors selected'}, {name:'details', offImg:'/images/details-off.jpg', onImg:'/images/details-on.jpg', offTitle:'details', onTitle:'Details selected'}, {name:'sizing', offImg:'/images/sizing-off.jpg', onImg:'/images/sizing-on.jpg', offTitle:'Sizing', onTitle:'Sizing selected'} 
);