// TRACK TAB POSITIONS FOR ARROW NAVIGATION
var prevTabPos = "styleguide";
var nextTabPos = "tips";

// SET TAB POSITION
function setTabBG(theElement,theImage) {
	
	switch(theImage)	{
	
		case "styleguide": 
			document.getElementById(theElement).style.backgroundImage = "url('pix/3tabsbg-styleguide.png')";
			prevTabPos = "styleguide";
			nextTabPos = "tips";
			break;
		case "tips":
			document.getElementById(theElement).style.backgroundImage = "url('pix/3tabsbg-tips.png')"; 
			prevTabPos = "styleguide";
			nextTabPos = "logos";
			break;
		case "logos": 
			document.getElementById(theElement).style.backgroundImage = "url('pix/3tabsbg-logos.png')";
			prevTabPos = "tips";
			nextTabPos = "templates";
			break;
		case "templates": 
			document.getElementById(theElement).style.backgroundImage = "url('pix/3tabsbg-templates.png')";
			prevTabPos = "logos";
			nextTabPos = "archives";
			break;
 		case "archives": 
 			document.getElementById(theElement).style.backgroundImage = "url('pix/3tabsbg-archives.png')";
			prevTabPos = "templates";
			nextTabPos = "stock";
			break;
		case "stock": 
			document.getElementById(theElement).style.backgroundImage = "url('pix/3tabsbg-stock.png')";
			prevTabPos = "archives";
			nextTabPos = "stock";
			break;
		case "next": setTabBG(theElement,nextTabPos);
			break;
		case "prev": setTabBG(theElement,prevTabPos);
			break;
		default: alert("Tell Brian the tabs aren't working");
	}

}