function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.

{

    var arVersion = navigator.appVersion.split("MSIE")

    var version = parseFloat(arVersion[1])

    if ((version >= 5.5) && (document.body.filters))

    {

       for(var j=0; j<document.images.length; j++)

       {

          var img = document.images[j]

          var imgName = img.src.toUpperCase()

          if (imgName.substring(imgName.length-3, imgName.length) == "PNG")

          {

             var imgID = (img.id) ? "id='" + img.id + "' " : ""

             var imgClass = (img.className) ? "class='" + img.className + "' " : ""

             var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "

             var imgStyle = "display:inline-block;" + img.style.cssText

             if (img.align == "left") imgStyle = "float:left;" + imgStyle

             if (img.align == "right") imgStyle = "float:right;" + imgStyle

             if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle

             var strNewHTML = "<span " + imgID + imgClass + imgTitle

             + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"

             + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"

             + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"

             img.outerHTML = strNewHTML

             j = j-1

          }

       }

    }    

}

window.attachEvent("onload", correctPNG);


//for options//

function getObject(objectId) {
    if(document.getElementById && document.getElementById(objectId)) {
    // W3C DOM
    return document.getElementById(objectId);
    } else if (document.all && document.all(objectId)) {
    // MSIE 4 DOM
    return document.all(objectId);
    } else if (document.layers && document.layers[objectId]) {
    // NN 4 DOM.. note: this won't find nested layers
    return document.layers[objectId];
    } else {
    return false;
    }
}

function displayList(){    
          var h = getObject('pageoption').offsetHeight; 
          var max_h = 100; 
          
          var anim = function(){            
                    h += 50; 
                    if(h >= max_h){ 
                    getObject('pageoption').style.height = "100px"; 
                    getObject('themes').style.backgroundcolor="";            
                    if(tt){window.clearInterval(tt);} 
                    }
                    else{ 
                getObject('pageoption').style.display="block"; 
                getObject('pageoption').style.height = h + "px"; 
                    }
            }
               
              var tt = window.setInterval(anim,2);      
}

function hiddenList(){
       var h = getObject('pageoption').offsetHeight; 
           var anim = function(){
                 h -= 50; 
                 
                 if(h <= 5){
                 getObject('pageoption').style.display="none"; 
                   getObject('themes').style.backgroundcolor=""; 
                   if(tt){window.clearInterval(tt);}
               }
               else{
                   getObject('pageoption').style.height = h + "px"; 
               }
           }
             
           var tt = window.setInterval(anim,2); 
}

//=======================================================
function showClassList(){
   if(getObject('pageoption').style.display == "none"){ 
       displayList(); 
   }
   else{ 
         hiddenList(); 
     }
}