var aImgPath = "img/";
var aMenuPath = "img/menu/";
var aBtnPath = "img/btn/";
var aMenuPics = {
	btnCPUCooler: "CPUcoolerblackwhite.gif",
	btnIpcRackmount: "ipcrackmountblackwhite.gif",
	btnDesktopChassis: "btndesktopchassisblackwhite.gif",
	btnPowerSupply: "powersupplybalckwhite.gif",
	btnAccessories: "accesoriesblackwhite.gif",
	placeholder: "placeholder.png"
}
var aMenuCurrPic = "placeholder";
var aBtnStatus = {
	btnMainFeatures: false,
	btnTechnicalData: false,
	btnAdditionalInformation: false,
	btnPictures: false
};
var aSelectedBtn = "btnMainFeatures";

// GET ELEM
function getElem(id) {
	if (id == null) return null;
	return document.getElementById(id);
}

// SWAP BTN
function swapBtn(id, status) {
	aSuffix = "On";
	if (status == 0) aSuffix = "Off";
	getElem(id).src = aBtnPath + id + aSuffix + ".jpg";
}

// SWAP PIC
function swapPic(id,status) {
	swapBtn(id,status);
	aPic = aMenuPics[aMenuCurrPic];
	if (status == 1) aPic = aMenuPics[id];
	getElem("productThumbnail").src = aMenuPath + aPic;
}

// SET THUMBNAIL
function setThumbnail(id) {
	aMenuCurrPic = id;
}

// INIT TABS
function initTabs(){
	resetBtns();
	setBtn("btnMainFeatures");
}
	
// SET BTN
function setBtn(id) {
	resetBtns();
	getElem(id).src = aBtnPath + id + "On.jpg";
	aSelectedBtn = id;
	setBtnStatus(id);
	resetContentTabs();
	var aName = id + "Content";
	var aObj = getElem(aName);
	aObj.style.display = "block";
}
	
// SET BTN STATUS
function setBtnStatus(id) {
	for (i in aBtnStatus) {
		aBtnStatus[i] = false;
		if (i == id) aBtnStatus[i] = true;
	}
}

// RESET BTNS
function resetBtns() {
	for (i in aBtnStatus) {
		getElem(i).src = aBtnPath + i + "Off.jpg";
		aBtnStatus[i] = false;
	}
	aSelectedBtn = "";
}
	
// RESET CONTENT TABS
function resetContentTabs() {
	for (i in aBtnStatus) {
		var aName = i + "Content";
		var aObj = getElem(aName);
		aObj.style.display = "none";
	}
}