var totalSubsects = 5;
var currentSubsect = 1;
var showDebug = 0;
var mainX = 0;
var mainY = 0;
var subX = 0;
var subY = 0;

function changeCurrentSubsect(newSubsect){
	currentSubsect = newSubsect;
	showDebugInfo("currentSubsect",newSubsect);
}//end function

function swapSubSect(){
	//var subsect = 0;
	for( i=1;i <= totalSubsects; i++ ){
		subsect = "subsect" + i;
		var subObj = document.getElementById(subsect);
		subObj.style.display = "none";
	}//end for
	subsect = "subsect" + currentSubsect;
	var newObj = document.getElementById(subsect);
	newObj.style.display = "block";
}//end function

function swapSubTab (){
	for( i=1;i <= totalSubsects; i++ ){
		subtab = "subTab" + i;
		var subObj = document.getElementById(subtab);
		subObj.className='prodSubTab';
		//subObj.setAttribute("class","prodSubTab");
	}//end for
	subtab = "subTab" + currentSubsect;
	showDebugInfo("subtab",subtab);
	subObj = document.getElementById(subtab);
	subObj.className='prodSubTabOn';
	//subObj.setAttribute("class","prodSubTabOn");
}//end function

function subTabOver(subTab){
	//this.style.cursor='pointer';this.className='prodImgViewerOn'
	subTab.style.cursor = 'pointer';
	subTab.className='prodSubTabOn';
}//end function

function subTabOut(subTab){
	//this.style.cursor='pointer';this.className='prodImgViewerOn'
	subTab.style.cursor = 'default';
	subTab.className='prodSubTab';
}//end function