/*
Create By:  huudungle

*/
function showLoader(containerID){
        var container = document.getElementById(containerID);
        while(container.hasChildNodes())
            container.removeChild(container.firstChild);
        var im = document.createElement("img");
        im.setAttribute("src","images/ajaxloader.gif");
        container.appendChild(im)
    }
    function showBlockContent(data, containerID){
        var container = document.getElementById(containerID);
        data = data.toString();
        var pos = data.indexOf("#<");
        var s = data.substring(0,pos);
        var nums = s.split("#");
        var blocknumber= nums[0];
        var catID = nums[1];
        data=data.substring(pos+1,data.length);
        //alert(blocknumber + "\n" + catID +"\n" + data);
        //changeSelectedTabImage(blocknumber,catID);
        if (container!=null)
            container.parentNode.innerHTML=data;
    }
 function changeSelectedTabImage(tabNumber, categoryID){
        var ulNode = document.getElementById("TabBar" + tabNumber);
        for (var i=0; i<ulNode.childNodes.length; i++){
            var liNode = ulNode.childNodes[i];
            if (liNode.nodeType==1)//tagNode
                if (liNode.nodeName.toLowerCase()=="li"){
                    if (i==0){
                        //liNode.style.paddingLeft='0px';
                        liNode.setAttribute("class","firstTab");
                        liNode.setAttribute("className","firstTab");
                    }
                    var aNode = liNode.firstChild;
                    var imgNode = aNode.firstChild;
                    var lastSRC = imgNode.src;
                    if (aNode.rel== categoryID.toString()){
                        if (imgNode.src.indexOf("_active.png")<0)
                            imgNode.src=lastSRC.replace(".png","_active.png");
                    }
                    else
                        imgNode.src=lastSRC.replace("_active.png", ".png");
                }
        }
    }