var elSelTab;				//	The currently selected page tab
var	loginVis	= false;	//	Whether the login box is visible
var	imgArray	= [];		//	Used to store array of locations of large images for zoom box
var	imgIndex	= 0;		//	Used to store the current image index
var	zoomLayout	= 'P';		//	The current layout of the Zoom box
var	childWins	= [];		//	Used to track open sub-windows


function setPage (PageName) {
	switch (PageName) {
		case 'HOME':
			setColours('transparent', '#666667');
			dojo.removeClass(dojo.byId('BodyCont'), 'ProfileBGImg');
			dojo.removeClass(dojo.byId('BodyCont'), 'LinksBGImg');
			//disableAccTab(true);
			setTab('TabHome');
			//setBotBar(true);
		break;
		case 'PROFILE':
			setColours('transparent', '#666667');
			dojo.addClass(dojo.byId('BodyCont'), 'ProfileBGImg');
			dojo.removeClass(dojo.byId('BodyCont'), 'LinksBGImg');
			//disableAccTab(true);
			setTab('TabProfile');
			//setBotBar(true);
		break;
		case 'TERMS':
			setColours('transparent', '#666667');
			dojo.removeClass(dojo.byId('BodyCont'), 'ProfileBGImg');
			dojo.removeClass(dojo.byId('BodyCont'), 'LinksBGImg');
			//disableAccTab(true);
			setTab('TabTerms');
			//setBotBar(true);
		break;
		case 'LINKS':
			setColours('transparent', '#666667');
			dojo.removeClass(dojo.byId('BodyCont'), 'ProfileBGImg');
			dojo.addClass(dojo.byId('BodyCont'), 'LinksBGImg');
			//disableAccTab(true);
			setTab('TabLinks');
			//setBotBar(true);
		break;
		case 'CONTACT':
			setColours('#666667', 'white');
			dojo.removeClass(dojo.byId('BodyCont'), 'ProfileBGImg');
			dojo.removeClass(dojo.byId('BodyCont'), 'LinksBGImg');
			//disableAccTab(true, true);
			setTab('TabContact');
			//setBotBar(false);
		break;
		case 'CATALOGUE':
			setColours('transparent', '#666667');
			dojo.removeClass(dojo.byId('BodyCont'), 'ProfileBGImg');
			dojo.removeClass(dojo.byId('BodyCont'), 'LinksBGImg');
			//disableAccTab(false);
			setTab('');
			//setBotBar(true);
		break;
		case 'ACCESSORIES':
			setColours('transparent', '#666667');
			dojo.removeClass(dojo.byId('BodyCont'), 'ProfileBGImg');
			dojo.removeClass(dojo.byId('BodyCont'), 'LinksBGImg');
			//disableAccTab(false);
			setTab('TabAcc');
			//setBotBar(true);
		break;
		case 'DECORATIONS':
			setColours('transparent', '#666667');
			dojo.removeClass(dojo.byId('BodyCont'), 'ProfileBGImg');
			dojo.removeClass(dojo.byId('BodyCont'), 'LinksBGImg');
			//disableAccTab(true);
			setTab('');
			//setBotBar(true);
		break;
		case 'PHOTO_GALLERY':
			setColours('transparent', '#666667');
			dojo.removeClass(dojo.byId('BodyCont'), 'ProfileBGImg');
			dojo.removeClass(dojo.byId('BodyCont'), 'LinksBGImg');
			//disableAccTab(true);
			setTab('');
			//setBotBar(true);
		break;
	}
	
	return;
}

function setColours (BGColour, FontColour) {
	dojo.byId('DividerCont').style.backgroundColor	= BGColour;
	dojo.byId('DividerCont').style.color			= FontColour;
	dojo.byId('MainCont').style.backgroundColor		= BGColour;
	dojo.byId('MainCont').style.color				= FontColour;
	//dojo.byId('BotBar').style.color					= FontColour;
	
	return;
}

function setBotBar (setNormal) {	
	elBotBar	= dojo.byId('BotBar');
	
	if (setNormal) {
		dojo.addClass(elBotBar, 'BotBar');
		dojo.removeClass(elBotBar, 'BotBarGrey');
	} else {
		dojo.addClass(elBotBar, 'BotBarGrey');
		dojo.removeClass(elBotBar, 'BotBar');
	}
	
	return;
}

function disableAccTab(disable, grey) {
	elTabAcc	= dojo.byId('TabAcc');
	
	if (disable) {
		if (grey) {
			dojo.addClass(elTabAcc, 'TabAccDisabledGrey');
			dojo.removeClass(elTabAcc, 'TabAccDisabled');
		} else {
			dojo.addClass(elTabAcc, 'TabAccDisabled');
			dojo.removeClass(elTabAcc, 'TabAccDisabledGrey');
		}
		dojo.removeClass(elTabAcc, 'TabAccOn');
		dojo.removeClass(elTabAcc, 'TabAccOff');
	} else {
		dojo.addClass(elTabAcc, 'TabAccOff');
		dojo.removeClass(elTabAcc, 'TabAccDisabled');
		dojo.removeClass(elTabAcc, 'TabAccDisabledGrey');
	}
	
	elTabAcc.disabled	= (disable);
	
	return;
}


function changePage(Tab, page) {
	if (!page) return false;
	
	//	Set New Page
	dojo.byId('ContentsFrame').src	= page;
	
	setTab(Tab);
	
	return;
}


function setTab (Tab) {
	elTab	= '';	if (Tab) elTab = dojo.byId(Tab);

	//	Turn off previously selected tab
	if (elSelTab) {
		if (elSelTab.id == 'TabAcc') {
			dojo.removeClass(elSelTab, 'TabAccOn');
			if (elSelTab.disabled) {
				dojo.addClass(elSelTab, 'TabAccDisabled');
			} else {
				dojo.addClass(elSelTab, 'TabAccOff');
			}
		} else {
			dojo.addClass(elSelTab, 'TabOff');
			dojo.removeClass(elSelTab, 'TabOn');
		}
	}
	
	//	Turn on newly selected tab
	if (elTab) {
		if (elTab.id == 'TabAcc') {
			dojo.addClass(elTab, 'TabAccOn');
			dojo.removeClass(elTab, 'TabAccOff');
			dojo.removeClass(elTab, 'TabAccDisabled');
			dojo.removeClass(elTabAcc, 'TabAccDisabledGrey');
		} else {
			dojo.addClass(elTab, 'TabOn');
			dojo.removeClass(elTab, 'TabOff');
		}
	}
	
	elSelTab	= elTab;
	
	return;
}


function toggleLogin () {
	elLoginBox	= dojo.byId('LoginBox');
	//elLoginText	= dojo.byId('LoginText');
	
	if (loginVis) {
		dojo.addClass(elLoginBox, 'Hid');
		//elLoginText.style.backgroundImage = "url('images/arrow_right.png')";
		loginVis	= false;
	} else {
		dojo.removeClass(elLoginBox, 'Hid');
		//elLoginText.style.backgroundImage = "url('images/arrow_down.png')";
		loginVis	= true;
	}
	
	return;
}

function changeLoginBut (active) {
	if (!active) active = false;
	
	elLoginBut	= dojo.byId('LoginBut');
	
	if (active) {
		elLoginBut.style.backgroundImage	= "url('images/login_but_on.png')";
	} else {
		elLoginBut.style.backgroundImage	= "url('images/login_but.png')";
	}
	
	return;
}

function showMenu (catID) {
	if (!catID) return false;
	
	elSubMenu	= dojo.byId('SubMenu'+ catID);
	
	if (elSubMenu) dojo.removeClass(elSubMenu, 'Hid');
	
	return true;
}

function hideMenu (catID) {
	elSubMenu	= dojo.byId('SubMenu'+ catID);
	
	if (elSubMenu) dojo.addClass(elSubMenu, 'Hid');
	
	return true;
}

function HLSubMenu (elSubMenuItem) {
	dojo.removeClass(elSubMenuItem, 'Transparent');
	elSubMenuItem.style.color	= '#A32E4E';
	
	return true;
}

function unHLSubMenu (elSubMenuItem) {
	dojo.addClass(elSubMenuItem, 'Transparent');
	elSubMenuItem.style.color	= '#666667';
	
	return true;
}


function submitSearch () {
	searchText	= dojo.byId('SearchBox').value;

	if (searchText) changePage('', 'catalogue.php?search='+ searchText);
	
	return;
}


function openBasicSubWindow(href, subWin, width, height) {
	subWin	= (subWin == null) ? '_blank' : subWin;
	width	= (width == null) ? 750 : width;
	height	= (height == null) ? 400 : height;

	//	Determine Current Window Position
	if (window.screenX) {
		var x	= window.screenX;
		var y	= window.screenY;
	} else if (window.screenLeft) {
		var x	= parent.window.screenLeft;
		var y	= parent.window.screenTop;
	}

	var win	= window.open(href, subWin, "width="+ width +", height="+ height +",top="+ (y + 100) +",left="+ (x + 100) +",toolbar=0,menubar=0,location=0,status=0,scrollbars=1,resizable=1");

	childWins[childWins.length]	= win;

	win.focus();

	return win;
}


/*
 *  Image Zoom Functions
 */

function ZoomResize (layout) {
	
	elDialogZoom	= dojo.byId('dialogZoom');
	elZoomImg		= dojo.byId('ZoomImg');
	
	if (layout == 'L') {
		elDialogZoom.style.width	= '472px';
		elZoomImg.style.width		= '450px';
	} else {
		elDialogZoom.style.width	= '322px';
		elZoomImg.style.width		= '298px';
	}
	
	zoomLayout	= layout;
	
	return;
}

function ZoomChangeImg (thisIndex) {
	
	if (imgArray[thisIndex][2] != zoomLayout) dijit.byId('dialogZoom').hide();
	
	dojo.byId('ZoomImg').style.backgroundImage	= "url('"+ imgArray[thisIndex][1] +"')";
	dojo.byId('ZoomImgTitle').innerHTML			= imgArray[thisIndex][0];
	ZoomResize(imgArray[thisIndex][2]);
	
	dijit.byId('dialogZoom').show();
	
	return;
}
function ZoomImage (thisImgArray, index) {
	imgArray	= thisImgArray;
	imgIndex	= index;
	
	ZoomChangeImg(imgIndex);
	
	return;
}
function ZoomPrev () {
	imgIndex--;	if (imgIndex < 0) imgIndex = imgArray.length - 1;
	
	ZoomChangeImg(imgIndex);

	return;
}
function ZoomNext () {
	imgIndex++;	if (imgIndex == imgArray.length) imgIndex = 0;
	
	ZoomChangeImg(imgIndex);

	return;
}
function ZoomClose () {
	dijit.byId('dialogZoom').hide();
	
	return;
}


function openDYO (prodID) {
	elIFrame	= dojo.byId('iFrameDYO');
	if (elIFrame) {
		elIFrame.src	= 'dyo/dyo_garment.php'+ ((prodID)? '?p='+ prodID : '');
		
		dijit.byId('dialogDYO').show();
	}
}