var persisteduls=new Object()
var ddtreemenu=new Object()

ddtreemenu.closefolder="./images/closed.gif" //set image path to "closed" folder image
ddtreemenu.openfolder="./images/open.gif" //set image path to "open" folder image

//////////No need to edit beyond here///////////////////////////

ddtreemenu.createTree=function(treeid, enablepersist, persistdays)
  {
	var ultags=document.getElementById(treeid).getElementsByTagName("ul")
	if (typeof persisteduls[treeid]=="undefined")
	  persisteduls[treeid]=(enablepersist==true && ddtreemenu.getCookie(treeid)!="")? ddtreemenu.getCookie(treeid).split(",") : ""
	
	for (var i=0; i<ultags.length; i++)
	  ddtreemenu.buildSubTree(treeid, ultags[i], i)
	  
	if (enablepersist==true){ //if enable persist feature
	
	    var durationdays=(typeof persistdays=="undefined")? 1 : parseInt(persistdays)
        ddtreemenu.dotask(window, function(){ddtreemenu.rememberstate(treeid, durationdays)}, "unload") //save opened UL indexes on body unload     
	}
	ddtreemenu.flatten(treeid, 'contact');
 }

ddtreemenu.buildSubTree=function(treeid, ulelement, index){
		ulelement.parentNode.className="submenu"
		
		if (typeof persisteduls[treeid]=="object"){ //if cookie exists (persisteduls[treeid] is an array versus "" string)
			if (ddtreemenu.searcharray(persisteduls[treeid], index)){
				ulelement.setAttribute("rel", "open")
				ulelement.style.display="block"
				ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"
			}
			else
				ulelement.setAttribute("rel", "closed")
		} //end cookie persist code
		else if (ulelement.getAttribute("rel")==null || ulelement.getAttribute("rel")==false) //if no cookie and UL has NO rel attribute explicted added by user
			ulelement.setAttribute("rel", "closed")
		else if (ulelement.getAttribute("rel")=="open") //else if no cookie and this UL has an explicit rel value of "open"
			ddtreemenu.expandSubTree(treeid, ulelement) //expand this UL plus all parent ULs (so the most inner UL is revealed!)
		
		ulelement.parentNode.onclick=function(e){
			var submenu=this.getElementsByTagName("ul")[0]
			if (submenu.getAttribute("rel")=="closed"){
				submenu.style.display="block"
				submenu.setAttribute("rel", "open")
				ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"
			}
			else if (submenu.getAttribute("rel")=="open"){
				submenu.style.display="none"
				submenu.setAttribute("rel", "closed")
				ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.closefolder+")"
			}
		   ddtreemenu.preventpropagate(e)
		}
		ulelement.onclick=function(e){
		ddtreemenu.preventpropagate(e)
		}
}

ddtreemenu.expandSubTree=function(treeid, ulelement){ //expand a UL element and any of its parent ULs
		var rootnode=document.getElementById(treeid)
		var currentnode=ulelement
		currentnode.style.display="block"
		currentnode.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"
		while (currentnode!=rootnode){
			if (currentnode.tagName=="UL"){ //if parent node is a UL, expand it too
				currentnode.style.display="block"
				currentnode.setAttribute("rel", "open") //indicate it's open
				currentnode.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")"
			}
		  currentnode=currentnode.parentNode
		}
}

ddtreemenu.flatten=function(treeid, action){ //expand or contract all UL elements
	var ultags=document.getElementById(treeid).getElementsByTagName("ul")
	for (var i=0; i<ultags.length; i++){
		ultags[i].style.display=(action=="expand")? "block" : "none"
		var relvalue=(action=="expand")? "open" : "closed"
		ultags[i].setAttribute("rel", relvalue)
		ultags[i].parentNode.style.backgroundImage=(action=="expand")? "url("+ddtreemenu.openfolder+")" : "url("+ddtreemenu.closefolder+")"
	}
}

ddtreemenu.rememberstate=function(treeid, durationdays){ //store index of opened ULs relative to other ULs in Tree into cookie
		var ultags=document.getElementById(treeid).getElementsByTagName("ul")
		var openuls=new Array()
		for (var i=0; i<ultags.length; i++){
			if (ultags[i].getAttribute("rel")=="open")
			openuls[openuls.length]=i //save the index of the opened UL (relative to the entire list of ULs) as an array element
		}
		if (openuls.length==0) //if there are no opened ULs to save/persist
		 openuls[0]="none open" //set array value to string to simply indicate all ULs should persist with state being closed
		ddtreemenu.setCookie(treeid, openuls.join(","), durationdays) //populate cookie with value treeid=1,2,3 etc (where 1,2... are the indexes of the opened ULs)
}

////A few utility functions below//////////////////////

ddtreemenu.getCookie=function(Name){ //get cookie value
	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 ""
}

ddtreemenu.setCookie=function(name, value, days){ //set cookei value
		var expireDate = new Date()
		//set "expstring" to either future or past date, to set or delete cookie, respectively
		var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days))
		document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}

ddtreemenu.searcharray=function(thearray, value){ //searches an array for the entered value. If found, delete value from array
	var isfound=false
	for (var i=0; i<thearray.length; i++){
	   if (thearray[i]==value){
		isfound=true
		thearray.shift() //delete this element from array for efficiency sake
		break
	 }
	}
	return isfound
}

ddtreemenu.preventpropagate=function(e){ //prevent action from bubbling upwards
	if (typeof e!="undefined")
	  e.stopPropagation()
	else
	 event.cancelBubble=true
}

ddtreemenu.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
		var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
		if (target.addEventListener)
	 	  target.addEventListener(tasktype, functionref, false)
		else if (target.attachEvent)
		  target.attachEvent(tasktype, functionref)
} 


 var prevId = -1;
 function test(id){
    document.getElementById("t"+id).className="selected";
    if( prevId!= id && prevId != -1)
     document.getElementById("t"+prevId).className="";
    prevId =id;   
    document.body.style.cursor = 'wait';
    document.getElementById("divprd").innerHTML="<center><image src='images/ajax-loader.gif' alt='loading..'/></center>";
    doWork(id);

 }
 
 
 // Get the HTTP Object

function getHTTPObject(){
if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest) return new XMLHttpRequest();
else {
alert("Your browser does not support AJAX.");
return null;
}
}

// Change the value of the outputText field

function setOutput(){
if(httpObject.readyState == 4){
 document.getElementById("divprd").innerHTML= httpObject.responseText;
       document.body.style.cursor = 'default';
}
}

// Implement business logic
function doWork(id){
httpObject = getHTTPObject();

if (httpObject != null) {

httpObject.open("GET", "LstProduct.php?prdgrp="+id+ "&ms=" + new Date().getTime(), true);
httpObject.send(null);
httpObject.onreadystatechange = setOutput;
  }
}

var httpObject = null;