function Right(str, n){
    if (n <= 0)
       return "";
    else if (n > String(str).length)
       return str;
    else {
       var iLen = String(str).length;
       return String(str).substring(iLen, iLen - n);
    }
}
//** AJAX FUNCTION **//
//** Y!M: neovn83@yahoo.com
var loadedobjects=""
var txtLoading = "<div align=center><img src='/home/images/indicator_arrows.gif' width=16 height=16 hspace=10 vspace=10 /><br>Loading...</div>" 
function ajaxpage(url, containerid){
	var page_request = false
	if (window.XMLHttpRequest) // if Mozilla, Safari etc
	page_request = new XMLHttpRequest()
	else if (window.ActiveXObject){ // if IE
	try {
		page_request = new ActiveXObject("Msxml2.XMLHTTP")
		} 
	catch (e){
	try{
		page_request = new ActiveXObject("Microsoft.XMLHTTP")
		}
	catch (e){}
	}
	}
	else
	return false
	page_request.onreadystatechange=function(){
	loadpage(page_request, containerid)
	}
	page_request.open('GET', url, true)
	page_request.send(null)
}

function loadpage(page_request, containerid){
	if (page_request.readyState==1 || page_request.readyState=="loading"){ 
		document.getElementById(containerid).innerHTML = txtLoading ;
	}	
	
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
		document.getElementById(containerid).innerHTML=page_request.responseText;
		//var temp = page_request.responseText;
		//saveState(temp);
	}
}

//** Tab Content script-  Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
//** Last updated: June 29th, 06

var enabletabpersistence=1 //enable tab persistence via session only cookies, so selected tab is remembered?

////NO NEED TO EDIT BELOW////////////////////////
var tabcontentIDs=new Object()

function expandcontent(linkobj){
var ulid=linkobj.parentNode.parentNode.id //id of UL element
var ullist=document.getElementById(ulid).getElementsByTagName("li") //get list of LIs corresponding to the tab contents
for (var i=0; i<ullist.length; i++){
	ullist[i].className=""  //deselect all tabs
	if (typeof tabcontentIDs[ulid][i]!="undefined") //if tab content within this array index exists (exception: More tabs than there are tab contents)
	document.getElementById(tabcontentIDs[ulid][i]).style.display="none" //hide all tab contents
}

// *************** modified *************** //
//linkobj.parentNode.className="selected start"  //highlight currently clicked on tab
var selectedTagId = linkobj.parentNode.id;
if(Right(selectedTagId,2) == "_1")
	{
		switch (selectedTagId) {
				case "node1_1" : 
					document.getElementById("node1_1").className='selected start';
					document.getElementById("node2_1").className='right_line';
					document.getElementById("node3_1").className='right_line';
					document.getElementById("node4_1").className='last';
					break;
				case "node2_1" : 
					document.getElementById("node1_1").className='';
					document.getElementById("node2_1").className='selected middle';
					document.getElementById("node3_1").className='right_line';
					document.getElementById("node4_1").className='';
					break;
				case "node3_1" : 
					document.getElementById("node1_1").className='right_line';
					document.getElementById("node2_1").className='';
					document.getElementById("node3_1").className='selected middle';
					document.getElementById("node4_1").className='';
					break;
				case "node4_1" : 
					document.getElementById("node1_1").className='right_line';
					document.getElementById("node2_1").className='right_line';
					document.getElementById("node3_1").className='';
					document.getElementById("node4_1").className='selected end last';
					break;
		}
	}
if(Right(selectedTagId,2) == "_2")
	{
		switch (selectedTagId) {
				case "node1_2" : 
					document.getElementById("node1_2").className='selected start';
					document.getElementById("node2_2").className='right_line';
					document.getElementById("node3_2").className='right_line';
					document.getElementById("node4_2").className='last';
					break;
				case "node2_2" : 
					document.getElementById("node1_2").className='';
					document.getElementById("node2_2").className='selected middle';
					document.getElementById("node3_2").className='right_line';
					document.getElementById("node4_2").className='';
					break;
				case "node3_2" : 
					document.getElementById("node1_2").className='right_line';
					document.getElementById("node2_2").className='';
					document.getElementById("node3_2").className='selected middle';
					document.getElementById("node4_2").className='';
					break;
				case "node4_2" : 
					document.getElementById("node1_2").className='right_line';
					document.getElementById("node2_2").className='right_line';
					document.getElementById("node3_2").className='';
					document.getElementById("node4_2").className='selected end last';
					break;
		}
	}
if(Right(selectedTagId,2) == "_3")
	{
		switch (selectedTagId) {
				case "node1_3" : 
					document.getElementById("node1_3").className='selected start';
					document.getElementById("node2_3").className='right_line';
					document.getElementById("node3_3").className='right_line';
					document.getElementById("node4_3").className='last';
					break;
				case "node2_3" : 
					document.getElementById("node1_3").className='';
					document.getElementById("node2_3").className='selected middle';
					document.getElementById("node3_3").className='right_line';
					document.getElementById("node4_3").className='';
					break;
				case "node3_3" : 
					document.getElementById("node1_3").className='right_line';
					document.getElementById("node2_3").className='';
					document.getElementById("node3_3").className='selected middle';
					document.getElementById("node4_3").className='';
					break;
				case "node4_3" : 
					document.getElementById("node1_3").className='right_line';
					document.getElementById("node2_3").className='right_line';
					document.getElementById("node3_3").className='';
					document.getElementById("node4_3").className='selected end last';
					break;
		}
	}
if(Right(selectedTagId,2) == "_3")
{
	switch (selectedTagId) {
			case "node1_3" : 
				document.getElementById("node1_3").className='selected start';
				document.getElementById("node2_3").className='right_line';
				document.getElementById("node3_3").className='right_line';
				document.getElementById("node4_3").className='last';
				break;
			case "node2_3" : 
				document.getElementById("node1_3").className='';
				document.getElementById("node2_3").className='selected middle';
				document.getElementById("node3_3").className='right_line';
				document.getElementById("node4_3").className='';
				break;
			case "node3_3" : 
				document.getElementById("node1_3").className='right_line';
				document.getElementById("node2_3").className='';
				document.getElementById("node3_3").className='selected middle';
				document.getElementById("node4_3").className='';
				break;
			case "node4_3" : 
				document.getElementById("node1_3").className='right_line';
				document.getElementById("node2_3").className='right_line';
				document.getElementById("node3_3").className='';
				document.getElementById("node4_3").className='selected end last';
				break;
	}
}
if(Right(selectedTagId,2) == "_4")
{
	switch (selectedTagId) {
			case "node1_4" : 
				document.getElementById("node1_4").className='selected start';
				document.getElementById("node2_4").className='right_line';
				document.getElementById("node3_4").className='right_line';
				document.getElementById("node4_4").className='last';
				break;
			case "node2_4" : 
				document.getElementById("node1_4").className='';
				document.getElementById("node2_4").className='selected middle';
				document.getElementById("node3_4").className='right_line';
				document.getElementById("node4_4").className='';
				break;
			case "node3_4" : 
				document.getElementById("node1_4").className='right_line';
				document.getElementById("node2_4").className='';
				document.getElementById("node3_4").className='selected middle';
				document.getElementById("node4_4").className='';
				break;
			case "node4_4" : 
				document.getElementById("node1_4").className='right_line';
				document.getElementById("node2_4").className='right_line';
				document.getElementById("node3_4").className='';
				document.getElementById("node4_4").className='selected end last';
				break;
	}
}
if(Right(selectedTagId,2) == "_5")
{
	switch (selectedTagId) {
			case "node1_5" : 
				document.getElementById("node1_5").className='selected start';
				document.getElementById("node2_5").className='right_line';
				document.getElementById("node3_5").className='right_line';
				document.getElementById("node4_5").className='last';
				break;
			case "node2_5" : 
				document.getElementById("node1_5").className='';
				document.getElementById("node2_5").className='selected middle';
				document.getElementById("node3_5").className='right_line';
				document.getElementById("node4_5").className='';
				break;
			case "node3_5" : 
				document.getElementById("node1_5").className='right_line';
				document.getElementById("node2_5").className='';
				document.getElementById("node3_5").className='selected middle';
				document.getElementById("node4_5").className='';
				break;
			case "node4_5" : 
				document.getElementById("node1_5").className='right_line';
				document.getElementById("node2_5").className='right_line';
				document.getElementById("node3_5").className='';
				document.getElementById("node4_5").className='selected end last';
				break;
	}
}
// *************** modified *************** //

document.getElementById(linkobj.getAttribute("rel")).style.display="block"; //expand corresponding tab content
// *************** BAT DAU XU LY AJAX ****************** //
	var arrString = linkobj.getAttribute("rel");
	var arrmenuID = arrString.split("_");
	var menuID = arrmenuID[1];
	var style = arrmenuID[2];
	//alert(containerID + "\n" + menuID);
	if (!menuID) menuID = 0;
	if (!style) style = "style1";
	var httprequeststring = "/home/ajax.asp?menuid=" + menuID + "&style=" + style;
	ajaxpage(httprequeststring,arrString);
// *************** KET THUC XU LY AJAX ***************** //

saveselectedtabcontentid(ulid, linkobj.getAttribute("rel"))
}

function savetabcontentids(ulid, relattribute){// save ids of tab content divs
if (typeof tabcontentIDs[ulid]=="undefined") //if this array doesn't exist yet
tabcontentIDs[ulid]=new Array()
tabcontentIDs[ulid][tabcontentIDs[ulid].length]=relattribute
}

function saveselectedtabcontentid(ulid, selectedtabid){ //set id of clicked on tab as selected tab id & enter into cookie
if (enabletabpersistence==1) //if persistence feature turned on
setCookie(ulid, selectedtabid)
}

function getullistlinkbyId(ulid, tabcontentid){ //returns a tab link based on the ID of the associated tab content
var ullist=document.getElementById(ulid).getElementsByTagName("li")
for (var i=0; i<ullist.length; i++){
if (ullist[i].getElementsByTagName("a")[0].getAttribute("rel")==tabcontentid){
return ullist[i].getElementsByTagName("a")[0]
break
}
}
}

function initializetabcontent(){
	for (var i=0; i<arguments.length; i++){ //loop through passed UL ids
		if (enabletabpersistence==0 && getCookie(arguments[i])!="") //clean up cookie if persist=off
			setCookie(arguments[i], "")
		var clickedontab=getCookie(arguments[i]) //retrieve ID of last clicked on tab from cookie, if any
		var ulobj=document.getElementById(arguments[i])
		var ulist=ulobj.getElementsByTagName("li") //array containing the LI elements within UL
		for (var x=0; x<ulist.length; x++){ //loop through each LI element
			var ulistlink=ulist[x].getElementsByTagName("a")[0]
			if (ulistlink.getAttribute("rel")){
				savetabcontentids(arguments[i], ulistlink.getAttribute("rel")) //save id of each tab content as loop runs
				ulistlink.onclick=function(){
			//--------------------------------
					// Thuc hien goi ham AJAX
						//alert(this.getAttribute("rel"));
					// Ket thuc goi ham AJAX
			//--------------------------------					
					expandcontent(this)
					return false
				}
				if (ulist[x].className=="selected" && clickedontab=="") //if a tab is set to be selected by default
					expandcontent(ulistlink) //auto load currenly selected tab content
			}
		} //end inner for loop
		if (clickedontab!=""){ //if a tab has been previously clicked on per the cookie value
			var culistlink=getullistlinkbyId(arguments[i], clickedontab)
			if (typeof culistlink!="undefined") //if match found between tabcontent id and rel attribute value
				expandcontent(culistlink) //auto load currenly selected tab content
			else //else if no match found between tabcontent id and rel attribute value (cookie mis-association)
				expandcontent(ulist[0].getElementsByTagName("a")[0]) //just auto load first tab instead
		}
	} //end outer for loop
}

function getCookie(Name){ 
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return ""
}

function setCookie(name, value){
document.cookie = name+"="+value //cookie value is domain wide (path=/)
}