var ImgObj  = new Array();
var ImgClickedArr = new Array();
function CreateImgObj(imgOn, imgOff, imgClick, radioName)
{
	if(document.images)
	{
		this.MouseOnImg = new Image();
		this.MouseOnImg.src = imgOn;
		this.MouseOffImg = new Image();
		this.MouseOffImg.src = imgOff;
		this.MouseClickImg = new Image();
		this.MouseClickImg.src = imgClick;
		this.imgRadio = radioName;

		if(!ImgClickedArr[radioName])
			ImgClickedArr[radioName] = "unselected";
	}
	
}
function LoadImgObj(imgName, imgOn, imgOff, imgClick, radioName)
{
	ImgObj[imgName] = new CreateImgObj(imgOn, imgOff, imgClick, radioName);
}
function mouseOn(imgName)
{
	if(document.images)
		if(document.images[imgName]  &&  ImgObj[imgName])
		{
			if(ImgClickedArr[ImgObj[imgName].imgRadio] != imgName)
				document.images[imgName].src=ImgObj[imgName].MouseOnImg.src;
		}
}
function mouseOff(imgName)
{
	if(document.images)
		if(document.images[imgName]  &&  ImgObj[imgName])
		{
			if(ImgClickedArr[ImgObj[imgName].imgRadio] != imgName)
			{
				document.images[imgName].src=ImgObj[imgName].MouseOffImg.src;
			}
		}
}
function mouseClick(imgName)
{
	if(document.images)
		if(document.images[imgName]  &&  ImgObj[imgName])
		{
			if(	ImgObj[imgName].imgRadio )
			{
				var clickedName = ImgObj[imgName].imgRadio;
				if(ImgClickedArr[clickedName]  &&  ImgClickedArr[clickedName] != "unselected")
				{
					document.images[ImgClickedArr[clickedName]].src=
					ImgObj[ImgClickedArr[ clickedName]].MouseOffImg.src;
				}												
				document.images[imgName].src=ImgObj[imgName].MouseClickImg.src;
				ImgClickedArr[ImgObj[imgName].imgRadio] = imgName;	
			}
		}
}

function getTabBgColor()
{
    return gPortal?"powderblue":"DarkGray"
}

	
var prevTabOver=null, prevTabSel=null, prevTabGrpId = 1
function TabSelect(TabID)
{
	var ObjTDs 
	if (document.all)
         ObjTDs = document.all.tags("TD")
    else if (document.getElementsByTagName)
        ObjTDs = document.getElementsByTagName("TD")
	for (i=0; i<ObjTDs.length; i++)
		if (ObjTDs[i].id == TabID)
		{
			prevTabSel = ObjTDs[i]
			prevTabSel.style.backgroundColor = getTabBgColor()
			break;
		}
}
function TabOver(oTab)
{
	if (prevTabOver!=null)
	{
		if (prevTabOver == prevTabSel)
			prevTabOver.style.backgroundColor = prevTabSel.style.backgroundColor
		else
			prevTabOver.style.backgroundColor = getTabBgColor()
	}
	if (oTab != prevTabSel)
		oTab.style.backgroundColor = "skyblue"

	prevTabOver = oTab
}
function TabOut(oTab)
{
	if (oTab != prevTabSel)
		oTab.style.backgroundColor = getTabBgColor()
}
function TabClick(oTab,URL,grpId)
{
    if (grpId == 'undefined' || grpId == null)
        grpId = 1
	var curTab = document.getElementById(oTab)
	if ( curTab != null)
	{
		curTab.className = "TopGradient"
		curTab.style.backgroundColor = "dodgerblue"
    }
     
	if ( curTab != null && prevTabSel!= null && curTab != prevTabSel && prevTabGrpId == grpId)
	{
		prevTabSel.className = "sub"
		prevTabSel.style.backgroundColor = getTabBgColor()
	}
	prevTabSel = curTab
	prevTabGrpId = grpId
	
	try{
	    if (grpId == 1){
	        document.getElementById('divSlides').style.display = (oTab == 'tab1')? 'block':'none'
	        document.getElementById('divChapters').style.display = (oTab == 'tab2')? 'block':'none'
	        document.getElementById('divGlossary').style.display = (oTab == 'tab3')? 'block':'none'
	        document.getElementById('divSearch').style.display = (oTab == 'tab4')? 'block':'none'
	    }
	    else if (grpId == 2){
	    //alert('2')
	    }
    }
   catch(e){} 
}

