var details = false;

    //
    function toggleme(param, currentroot) {
        var divid = param;
        //grabFile(('expression_home.aspx'), 'sp1');
        if (document.getElementById(divid).style.display == 'none') {
            document.getElementById(currentroot).className = "shrink";
            document.getElementById(divid).style.display = 'block';

        } else {
            document.getElementById(currentroot).className = "expand";
            document.getElementById(divid).style.display = 'none';
        }
    }
    // close intially
    function closeall() {

        var $close;
        //$close = document.getElementById;
        // read all ul
        var domp = document.getElementsByTagName("ul");
        var noofuls;
        for (var xul = 0; xul < domp.length; xul++) {
            noofuls = xul;

        }
        //alert(noofuls); 
        // minus first and last ul nodes, else javascript warning and eroor
        var adjust = noofuls - 2;
        //alert(adjust);
        for (var i = 0; i < noofuls; i++) {
            $close = "ul" + i;
            //alert($close);
            // document.getElementById("child").parentNode.nodeName);
            //document.getElementById($close).className = "shrink";
            if ($close != "" && $close != 'null') {
                try {
                    document.getElementById($close).style.display = 'none';
                }
                catch (e) {

                }
            }
            else {
                return;
            }
        }
    }
    // ajax 
    // page loader starts
    //var links = document.getElementsByTagName("span");

    function getHTTPObject() {
        var ajaxObject = false;
        //doc.innerHTML += "<br/> getHTTPObject() fired "; 
        if (window.XMLHttpRequest) {
            ajaxObject = new XMLHttpRequest();
        } else if (window.ActiveXObject) {
            try {
                ajaxObject = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    ajaxObject = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {
                    ajaxObject = false;
                }
            }
        }
        return ajaxObject;
    }

    function grabFile(file, divx) {
        //divx parameter will target the div1 or div2 as sent as an argument.
        var request = getHTTPObject();

        if (request) {
            request.onreadystatechange = function() {
                parseResponse(request);
            }
            request.open("GET", file, true);
            request.send(null);
        }
    }

    function parseResponse(request) {
        details = document.getElementById('sp1');
        if (request.readyState == 4) {
            if (request.status == 200 || request.status == 304) {
                //alert(details);
                details.innerHTML = request.responseText;
            }
        }
    }

    window.onload = function() {
        //details = document.getElementById("sp1");
        details;
    grabFile(("expression_home.aspx"), "sp1");
        closeall();
    }

//animation fade in
    

        function show(eID) {
            // alert(eID); 
           //you may use toggle like animation for fade in and out
            document.getElementById(eID).style.display='block';
    }

    function setOpacity(eID, opacityLevel) {
        var eStyle = document.getElementById(eID).style;
        eStyle.opacity = opacityLevel / 100;
        eStyle.filter = 'alpha(opacity=' + opacityLevel + ')';
    }
      
      //
    function fadeIn(eID) {
        //hide an existing image
        //document.getElementById('Image1').style.display = 'none'; 
            setOpacity(eID, 0); show(eID); var timer = 0; fadeOut('Image1'); 
            for (var i = 1; i <= 100; i++) {
                setTimeout("setOpacity('" + eID + "'," + i + ")", timer * 100);
                timer++;
            }
        }
        //
  function fadeOut(eID) {
    var timer = 0;
    for (var i=100; i>=1; i--) {
        setTimeout("setOpacity('"+eID+"',"+i+")", timer * 3);
       timer++;
    }
    setTimeout("hide('"+eID+"')", 310);
} 
function hide(eID) {
    document.getElementById('Iamge1').style.display = 'none';
}
        
  // my accordion items 
  var accordionItems = new Array();

        function accinit() {

            // Grab the accordion items from the page
            var divs = document.getElementsByTagName('ul');
            for (var i = 0; i < divs.length; i++) {
                if (divs[i].className == 'accordionItem') accordionItems.push(divs[i]);
            }

            // Assign onclick events to the accordion item headings
            for (var i = 0; i < accordionItems.length; i++) {
                var u2 = getFirstChildWithTagName(accordionItems[i], 'ul');
                u2.onclick = toggleItem;
            }

            // Hide all accordion item bodies except the first
            for (var i = 1; i < accordionItems.length; i++) {
                accordionItems[i].className = 'accordionItem hide';
            }
        }

        function toggleItem() {
            var itemClass = this.parentNode.className;

            // Hide all items
            for (var i = 0; i < accordionItems.length; i++) {
                accordionItems[i].className = 'accordionItem hide';
            }

            // Show this item if it was previously hidden
            if (itemClass == 'accordionItem hide') {
                this.parentNode.className = 'accordionItem';
            }
        }

        function getFirstChildWithTagName(element, tagName) {
            for (var i = 0; i < element.childNodes.length; i++) {
                if (element.childNodes[i].nodeName == tagName) return element.childNodes[i];
            }
        }