tl = null;
v  = null;
im = null;

function stripActive()
{
    if (tl != null) 
    {
        for (i = 0; i < tl.childNodes.length; i++)
        {
            if (tl.childNodes[i].nodeName == "LI")
            {
                tl.childNodes[i].className = tl.childNodes[i].className.replace("active", "");
            }
        }
    }
}
    
function setContent(n)
{	
    if (tl == null && v == null) {
    	initTablist();
    }
    //have tablist and 2col container
    if (tl != null && v != null) 
    {   
        stripActive();
    
        for (i = 0; i < tl.childNodes.length; i++) 
        {
            if (tl.childNodes[i].nodeName == "LI" && tl.childNodes[i].id == "il" + n)
            {
                fi = tl.childNodes[i];
            
                fi.className += " active";
            
                for (j = 0; j < fi.childNodes.length; j++) 
                {
                    if (fi.childNodes[j].nodeName == "UL" && fi.childNodes[j].className.indexOf("twocol") != -1)
                    {
                        cl = fi.childNodes[j];
                        var h  = "";                        
                        
                        for (k = 0; k < cl.childNodes.length; k++)
                        {
                            if (cl.childNodes[k].nodeName == "LI" && cl.childNodes[k].className.indexOf("inner-left") != -1)
                            {
                                h += "<div class=\"inner-left\">" + cl.childNodes[k].innerHTML + "</div>";
                            }
                            else if (cl.childNodes[k].nodeName == "LI" && cl.childNodes[k].className.indexOf("inner-right") != -1)
                            {
                                h += "<div class=\"inner-right\">" + cl.childNodes[k].innerHTML + "</div>";
                            }
                        }                        
                        v.innerHTML = h;                        
                    } else if (fi.childNodes[j].nodeName == "UL" && fi.childNodes[j].className.indexOf("singlecol") != -1) {
                        cl = fi.childNodes[j];
                    
                        for (k = 0; k < cl.childNodes.length; k++)
                        {
                            if (cl.childNodes[k].nodeName == "LI")
                            {
                                v.innerHTML = "<div>" + cl.childNodes[k].innerHTML + "</div>";
                                break;
                            }
                        }
                    }
                }

		if(im != null) {
			var elem = $(fi);
			var mapdata = elem.find('#mapdata');
			var imgcontainer = $(im);
			if(mapdata.length > 0) {
				imgcontainer.html(mapdata.html());
				imgcontainer.css('display','block');
			} else {
				imgcontainer.css('display','none');
			}
		} 
		
            }
        }
    
        return false;
    }

    return false;
}

function getURLParam(strParamName){
  var strReturn = "";
  var strHref = window.location.href;
  if ( strHref.indexOf("?") > -1 ){
    var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
    var aQueryString = strQueryString.split("&");
    for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
      if (
aQueryString[iParam].indexOf(strParamName.toLowerCase() + "=") > -1 ){
        var aParam = aQueryString[iParam].split("=");
        strReturn = aParam[1];
        break;
      }
    }
  }
  return unescape(strReturn);
}

function initTablist()
{
    if(tl == null && v == null) {
    if (document.getElementById) 
    {
    //tab navigation container
    tl = document.getElementById("tablist");
    // two column element in the main project document
    v  = document.getElementById("2col1");
    im = document.getElementById("largemap");
    param = getURLParam("setContent");
    //alert(param)
    if (param){
        setContent(param);
    }else{
        setContent(0);
    }
    
    }
    }
}
