function loadurl(vertical, linkIndex, parent, dest) { 
            try { 
                    // XMLHttpRequest for Firefox or ActiveX for IE
                    xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP"); 
            } catch (e) { 
                    // browser doesn't support ajax, no drop down
            } 
            
           
            xmlhttp.onreadystatechange = function triggered() { 
                if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) { 
                    // xmlhttp.responseText object contains the response. 
                    var list = xmlhttp.responseText;

                    // if there is no more levels, don't do anything
                    if(list.indexOf('^') != -1){

                        var currentTagTokens = list.split( "~" );
                        var paddingLeft = (linkIndex-1) * 87 + 10;
                        var finalDisplay = "";
                        var secondLevel = "";
                        var paddingTop = 0;

                        for ( var i = 1; i < currentTagTokens.length; i++ )
                        {
                            paddingTop = ((vertical-1) * 20);
                            var path = currentTagTokens[i].substring(1, currentTagTokens[i].indexOf('^'));
                            var title = currentTagTokens[i].substring(currentTagTokens[i].indexOf('^') + 1, currentTagTokens[i].length);
                            if(i == 1 && parent == -1)
                                secondLevel = secondLevel + "<p style=\"font-size:14;margin-top:0;margin-bottom:0;padding-top:" + paddingTop + "px;padding-left:0px;\" ><a href=\"" + path + "\" onMouseOver =\"loadurl( "+i+","+ (linkIndex+1) + ", -1, '/ajaxwrapper?item=/" + path + "')\">" + title + "</a></p><br>"
                            else if(parent == -1)
                                secondLevel = secondLevel + "<p style=\"font-size:14;margin-top:0;margin-bottom:0;padding-left:0px;\"><a href=\"" + path + "\" onMouseOver =\"loadurl( "+i+","+ (linkIndex+1) + ", -1, '/ajaxwrapper?item=/" + path + "')\">" + title + "</a></p><br>"
                            else
                                finalDisplay = finalDisplay + "<p style=\"font-size:14;margin-top:0;margin-bottom:0;padding-left:" + paddingLeft + "px;\" ><a href=\"" + path + "\" onMouseOver =\"loadurl( "+i+","+ (linkIndex+1) + ", -1, '/ajaxwrapper?item=/" + path + "')\">" + title + "</a></p><br>"


                        }

                        if(parent == -1 && secondLevel != ""){
                            document.getElementById("SecondLevel").innerHTML = secondLevel;
                        }
                        else{
                            document.getElementById("SecondLevel").innerHTML = secondLevel;
                            document.getElementById("FirstLevel").innerHTML = finalDisplay;
                        }
                    }

                }  

            }
            // open takes in the HTTP method and url. 
            xmlhttp.open("GET", dest); 

            // send the request. if this is a POST request we would have 
            // sent post variables: send("name=aleem&gender=male) 
            // Moz is fine with just send(); but 
            // IE expects a value here, hence we do send(null); 
            xmlhttp.send(null); 
        } 

/**
function loads the country drop down list on mouse over event
*/
function loadCountry(dest) { 
    try { 
        // XMLHttpRequest for Firefox or ActiveX for IE
        xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): new ActiveXObject("Microsoft.XMLHTTP"); 
    } catch (e) { 
        // browser doesn't support ajax, no drop down
    } 

    xmlhttp.onreadystatechange = function() { 
        if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) { 
            // xmlhttp.responseText object contains the response. 
            var list = xmlhttp.responseText;

            //if IE6 then hide the select menu
            if(vIE() == 6){ 
                try{ hideSelect(this); }catch (ex){ }
            }
            document.getElementById("CountryList").innerHTML = list;            
        }  
    }
    // open takes in the HTTP method and url. 
    xmlhttp.open("GET", dest); 

    // send the request. if this is a POST request we would have 
    // sent post variables: send("name=aleem&gender=male) 
    // Moz is fine with just send(); but 
    // IE expects a value here, hence we do send(null); 
    xmlhttp.send(null); 
}   

function hideSelect() {
    document.getElementById("1320").style.visibility="hidden"
}

function showSelect() {
    document.getElementById("1320").style.visibility="visible"
}

/**
This function is used to clear the div onMouseOut
arguments: object 
*/
function clearDiv(obj){
    var e = window.event || arguments.callee.caller.arguments[0];
    
    if (ckEventObj(e, obj)){
        //if IE6 then show the select menu
        if(vIE() == 6){ 
            try{ showSelect(this); }catch (ex){ }
        }
        document.getElementById(obj.id).innerHTML = "";
    }
}
function ckEventObj(e, p){
    if (!e) var e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();

    if (e.target) 
        eobj = e.target;
    else if (e.srcElement) 
        eobj = e.srcElement;
    if (eobj.nodeType == 3) 
        eobj = eobj.parentNode;
    var eobj = (e.relatedTarget)?e.relatedTarget:(e.type == 'mouseout')?e.toElement:e.fromElement;
    if (!eobj || eobj == p) 
        return false;
    while (eobj.parentNode){
        if (eobj == p) 
            return false;
        eobj = eobj.parentNode;
    }
    return true;
}
/**
Function returns the version of the IE browser and -1 for any other browser
*/
function vIE(){
    return (navigator.appName=='Microsoft Internet Explorer')?parseFloat((new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})")).exec(navigator.userAgent)[1]):-1;
}