var gallery;
var galleryId="galleryFade";
var galleryImages;
var t;
var image_num;
function preInit() {
    if ((document.getElementById)&&(gallery=document.getElementById(galleryId))) {
        if (typeof preInitTimer != 'undefined') clearTimeout(preInitTimer);
    } else {
        preInitTimer = setTimeout("preInit()",2);
    }
}
function fader(imageNumber,opacity) {
    var obj=galleryImages[imageNumber];
    if (navigator.userAgent.match("MSIE")=="MSIE"){ 
        obj.style.filter = "alpha(opacity="+opacity+")";  
    }else if (navigator.userAgent.match("Firefox")=="Firefox"){
        obj.style.MozOpacity=opacity/100;
    }
    else if(navigator.userAgent.match("Chrome")=="Chrome" || navigator.userAgent.match("Safari")=="Safari"){
        obj.style.KhtmlOpacity=opacity/100;
    }   
    else if (navigator.userAgent.match("Opera")=="Opera"){
        obj.style.opacity=opacity/100; 
    }
}
function getName(s) {
    var d = s.lastIndexOf('.');
    return s.substring(s.lastIndexOf('/') + 1, d < 0 ? s.length : d);
}
function init_gallery(){
    preInit();
    galleryImages = new Array;
    var node = gallery.firstChild;
    while (node) {
        if (node.nodeType==1) {
            galleryImages.push(node);
        }
        node = node.nextSibling;
    }                                     
    for(var i in galleryImages){
        if(i==0){
            galleryImages[i].style.zIndex=100; 
            galleryImages[i].style.visibility = "visible";   
        }
        fader(i,100);   
    }
} 
function click_thumb(objId){
    t = 0;
    var x = document.getElementById("thumbFade").getElementsByTagName("li");
    img_num = objId.id;
    for(i=0;i<x.length;i++){
        if(x[i].className=="selectedFade"){
            x[i].className = ""; 
        }
        x[i].setAttribute("onclick","click_thumb(this)");    
    }
    objId.className = "selectedFade";
    objId.removeAttribute("onclick");
    for(i=0;i<galleryImages.length;i++){
        if(galleryImages[i].style.zIndex == 100){
            galleryImages[i].style.zIndex = 0;    
        }else{
            galleryImages[i].style.visibility = "hidden";
        }        
    }
    galleryImages[img_num].style.zIndex = 100;
    galleryImages[img_num].style.visibility = "visible"; 
    fader(img_num,t);
    fadeout();
}
function fadeout(){
    t += 10;
    fader(img_num,t);
    var K = (t>100)?clearTimeout(K):setTimeout("fadeout()",30);
}