var W3CDOM = (document.createElement && document.getElementsByTagName);

function open_window_html(url, width, height, scroll, resize) {
    popup = window.open(url, "FADE_popup", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=" + scroll + ",resizable=" + resize + ",width=" + width + ",height=" + height);
    popup.focus();
};



function toggleDiv(a_obj, div_id, description)
{
    if (document.getElementById) {
        div_obj = document.getElementById(div_id);
        
        var div_class = div_obj.className;
        
        if (div_class.match("hide")) {
            div_class = div_class.replace(/hide/,"");
            div_obj.className = div_class + " show";
            a_obj.innerHTML = "[Hide " + description + "]";
        } else {
            div_class = div_class.replace(/show/,"");
            div_obj.className = div_class + " hide";
            a_obj.innerHTML = "[Show " + description + "]";
        }
    }
}


function switchDivs(div_to_show, div_to_hide)
{
    if (document.getElementById) {
        div_to_show = document.getElementById(div_to_show);
        div_to_hide = document.getElementById(div_to_hide);
        div_to_show.style.display = "";
        div_to_hide.style.display = "none";
    }
}

$(document).ready(function(){
    //image-rollover

    //preload images
    jQuery.preloadImages = function() {
        for(var i = 0; i<arguments.length; i++) {
        jQuery("<img>, <input>").attr("src", arguments[i]);
        }
    }


    $("img[src*='rollover'], input[src*='rollover']")

        .load(
            function(){
                var my_src = this.getAttribute('src');
                var extension = my_src.substr((my_src.length)-3);

                regex = new RegExp('-on.' + extension,"gi");
                my_src = my_src.replace(regex,"");

                regex = new RegExp('.' + extension,"gi");
                my_src = my_src.replace(regex,"");

                $.preloadImages("/images/"+my_src+"-on."+extension);
            }
        )

        //do the hover
        .hover(
            function(){
                var my_src = this.getAttribute('src');
                var extension = my_src.substr((my_src.length)-3);

                regex = new RegExp('-on.' + extension,"gi");
                my_src = my_src.replace(regex,"");

                regex = new RegExp('.' + extension,"gi");
                my_src = my_src.replace(regex,"");

                this.setAttribute("src",my_src+"-on."+extension);

            },
            function(){
                var my_src = this.getAttribute('src');
                var extension = my_src.substr((my_src.length)-3);

                regex = new RegExp('-on.' + extension,"gi");
                my_src = my_src.replace(regex,"");

                regex = new RegExp('.' + extension,"gi");
                my_src = my_src.replace(regex,"");

                this.setAttribute("src",my_src+"."+extension);

            }
        );
});