// JavaScript Document

/*------------------------------------------
AUTHOR:	MIKE TWINING 9/2008
FILE PURPOSE:	JAVSCRIPT TO WORK WITH THE TABBED CONTENT RENDER-HANDLER
------------------------------------------*/


function showContent(index,tabsId){	
	
	// DISPLAY UPDATED TABS
	var tabsUL = document.getElementById("contentTabs_" + tabsId);
	var list = new Array();
	var img;
	var list = tabsUL.getElementsByTagName("LI");
	var tabIds = document.getElementsByName("tabGroup_" + tabsId);
	for(i=0;i<tabIds.length;i++){
		var li = document.getElementById("contentTabs_" + tabIds[i].value + "_" + tabsId);
		var content = document.getElementById("contentTabsContent_" + tabIds[i].value + "_" + tabsId);		
		if( li && content){
			var imgInit = "";
			if( i == 0 ){
				imgInit = "initNorm.jpg";
				if( index == tabIds[0].value ){
					imgInit = "initSel.jpg";
				}	
			}
			img = "left_norm_right_norm.jpg";
			li.className = "tabNorm";
			content.className = "hide";
			
			// CREATE NEXT TAB GRAPHICS
			next = tabIds[i].value+1;
			if( tabIds[i+1] ){
				next = tabIds[i+1].value;	
			}
			if( next == index ){
				img = "left_norm_right_sel.jpg";	
			}
			
			if( tabIds[i].value == index ){
				li.className = "tabSel";
				img = "left_sel_right_norm.jpg";
				li.className = "tabSel";
				content.className = "";
			}	
			
			// CREATE LAST TAB GRAPHICS
			last = tabIds[tabIds.length-1].value; //10;
			if( tabIds[i].value == last ){
				if( tabIds[i].value == index ){
					img = "end_sel.jpg";	
				}else{
					img = "end_norm.jpg";	
				}
			}
	
			
			// BUILD NECESSARY HTML
			if( li.childNodes[li.childNodes.length-1].nodeName != "IMG" ){
				if( imgInit != "" ){
					var img1 = document.createElement("img");
					img1.setAttribute("src","/renderhandlers/nav/tabs1/" + imgInit);
					img1.setAttribute("border","0");
					//img1.setAttribute("align","absmiddle");
					li.insertBefore(img1,li.childNodes[0]);
				}
				
				var img2 = document.createElement("img");
				img2.setAttribute("src","/renderhandlers/nav/tabs1/" + img);
				img2.setAttribute("border","0");
				//img2.setAttribute("align","absmiddle");
				img2.setAttribute("id","contentTabsImg_" + i + "_" + tabsId);
				li.appendChild(img2);
			}else{
				document.getElementById("contentTabsImg_" + i + "_" + tabsId).src = "/renderhandlers/nav/tabs1/" + img;
			}		
			
		}
		
	}
}