dhtml = function() {
        this.alert_window_count = 0;
        this.layer_list = new Array();
        this.post_vars = new Array();
}

/*
This function will display a quick alert box
*/
dhtml.prototype.alert = function(data, single, options) {
        if (this.alert_window_count < 0) {
                this.alert_window_count = 0;
        }
        alert_layer_id = "common_alert_layer";
        if ((single==undefined || single=="" ) && !document.getElementById(alert_layer_id+"_text")) {
                alert_layer = document.createElement("div");
                alert_layer.id = alert_layer_id;
                alert_layer.style.position = "absolute";
                start = this.alert_window_count;
                alert_layer.style.top = start+"%";
                alert_layer.style.left = start+"%";

                str = "<table><tr><td bgcolor='#CCCCCC'><textarea id='"+alert_layer_id+"_text' ";
                rows = 15;
                cols = 50;
                if (options != undefined) {
                        if (options["rows"] != undefined) {
                                rows = options["rows"];
                        }
                        if (options["cols"] != undefined) {
                                cols = options["cols"];
                        }
                }
                str += " rows='"+rows+"'";
                str += " cols='"+cols+"'";
                str += "></textarea></td></tr></table><br>";
                str += "(<a href='#' onclick='dhtml.close_alert_layer(\""+alert_layer_id+"\")'>Close</a> | <a href='#' onclick='return dhtml.close_all_alert_layers()'>Close All</a>)";
                alert_layer.innerHTML = str;
                document.body.appendChild(alert_layer);
                this.layer_list.push(alert_layer);
                this.alert_window_count += 15;
        }
        else {
                textarea = document.getElementById(alert_layer_id+"_text");
        }
        var currentTime = new Date()
        var month = currentTime.getMonth() + 1
        var day = currentTime.getDate()
        var year = currentTime.getFullYear()
        var hours = currentTime.getHours()
        var minutes = currentTime.getMinutes()
        var seconds = currentTime.getSeconds()
        textarea = document.getElementById(alert_layer_id+"_text");
        d = month+"/"+day+"/"+year+" "+hours+":"+minutes+":"+seconds;
        textarea.value = "*********"+d+"****************\n\n"+data + "\n\n\n\n\n\n\n\n" +  textarea.value;

}

/*
function closes a single alert layer
*/
dhtml.prototype.close_alert_layer = function(layer) {
        if (typeof(layer) == "string") {
                layer = document.getElementById(layer);
        }
        this.remove_node(layer)
        this.alert_window_count -= 2;
        return false;
}

/*
function closes every layer that was generated from the alert
*/
dhtml.prototype.close_all_alert_layers = function() {
        for (x in this.layer_list) {
                this.remove_node(this.layer_list[x]);
        }
        this.layer_list = new Array();
        this.alert_window_count = 0;
}

/*
This function returns the style from the array inline
*/
dhtml.prototype.get_inline_style = function(name, myStyles) {
        style_str = "";
        style_str += "<style type='text/css'>\n";
        style_str += name+" {\n";
        for (myStyle in myStyles) {
                style_str += myStyle+": "+myStyles[myStyle]+";\n";
        }
        style_str += "}\n";
        style_str += "</style>";
        return style_str;
}
/*
This function will show the page as loading
*/
dhtml.prototype.hide_loading = function() {
        this.remove_node("dhtml_load_overlay");
        this.remove_node("dhtml_load_box");
}
/*
This function will return the entries from a drop down list to a database
*/
dhtml.prototype.load_template_file_from_options = function(site, file_struct, container_id, options, callback) {
        ajax_vals = new Object();
        options = options.split(",");
        for (x=0; x<options.length; x++) {
                option = options[x];
                if (document.getElementById(option)) {
                        opt = document.getElementById(option);
                        if (opt.nodeName == "SELECT") {
                                ajax_vals[opt.name] = opt.options[opt.selectedIndex].value
                        }
                        else if (opt.nodeName == "INPUT") {
                                ajax_vals[opt.name] = opt.value
                        }
                }
        }
        this.load_template_file(site, file_struct, container_id, ajax_vals, callback); 
}
/*
This function will return the entries from a drop down list to a database
*/
dhtml.prototype.load_select_template_file = function(site, file_struct, container_id, the_select) {
        options = new Object();
        value = the_select.options[the_select.selectedIndex].value;
        options[the_select.name] = value;
        this.load_template_file(site, file_struct, container_id, options); 
}
/*
This function lets you load a template page through ajax
*/
dhtml.prototype.load_template_file = function(site, file_struct, container_id, options, callback) {
        if (callback == "" || callback == undefined) {
                callback = {
                        handleSuccess:function(data) {
                        }
                }
        }
        $(container_id).css({
                "background-color":"#FFFFFF",
                "color":"#FFFFFF"
        })
        if (options == undefined || options == "") {
                options = new Object();
        }
        //Check to see if you just want a page id
        file = file_struct.split("#");
        page_id = file[1];
        file_struct = file[0];
        options.action = "load_template_file";
        options.site =  site;
        options.load_class = "artistgallery";
        //options.testing_mode = true;
        options.file_struct = file_struct;
        options.html_data = true;
        options.running_ajax = true;
        for (name in this.post_vars) {
                value = this.post_vars[name];
                options.name = value;
        }
        callback.startRequest();
        url = "";
        for (x in options) {
                if (url != "") {
                        url += "&";
                }
                url += x+"="+options[x];
        }
        ajax.connect(callback, url);
        /*
        $.post("/cms_templates/misc/ajax_processing.php",
                options,
                function(data){
                        if (page_id != "" && page_id != undefined) {
                                data = $(data).find("#"+page_id).html()
                        }
                        $("#"+container_id).html(data);
                        callback.handleSuccess(data);
                }
        );
        */
} 
/*
This function will remove most nodes
*/
dhtml.prototype.remove_node = function(node) {
        if (typeof(node) == "string") {
                node = document.getElementById(node);
        }
        if (node) {
                node.parentNode.removeChild(node);
        }
}

/*
This function will show the page as loading
*/
dhtml.prototype.show_loading = function(container, content) {
        if (container == "" || container == undefined) {
                container = document.body;
        }
        if (content == "" || content == undefined) {
                content = "<center>Loading...<br><img src='http://us.i1.yimg.com/us.yimg.com/i/us/per/gr/gp/rel_interstitial_loading.gif'></center>";
        }
        if (document.getElementById("dhtml_load_overlay")) {
                return false;
        }
        bg = document.createElement("div");
        bg.id = "dhtml_load_overlay";
        bg.style.left = 0;
        bg.style.top = 0;
        bg.style.width = "100%";
        bg.style.height = "100%";
        bg.style.position = "absolute";
        bg.style.backgroundColor = "#000000";
        bg.style.filter = "alpha(opacity=30)";
        myStyles = new Array();
        myStyles["z-index"] = 90;
        myStyles["filter"] = "alpha(opacity=30)";
        myStyles["-moz-opacity"] = "test";
        myStyles["opacity"] = "0.3";
        str = this.get_inline_style("#dhtml_load_overlay", myStyles);
        //bg_text = document.createTextNode(str);
        bg.innerHTML += str;
        container.appendChild(bg);

        load_box = document.createElement("div");
        load_box.id = "dhtml_load_box";
        load_box.style.left = "40%";
        load_box.style.top = "40%";
        load_box.style.position = "absolute";
        myStyles = new Array();
        myStyles["z-index"] = 92;
        str = this.get_inline_style("#dhtml_load_box", myStyles);
        str+= "<table width='300' height='300' bgcolor='#333333' cellspacing='1'><tr><td bgcolor='#DDDDDD'>"+content+"</td></tr></table>"
        load_box.innerHTML += str;
        container.appendChild(load_box);

}

/*
This function takes the given id and refreshes the data based on the db info
*/
dhtml.prototype.refresh_data = function(data_container, class_name, func_name, params, required, callback) {
        if (callback == undefined) {
                callback = {
                        handleSuccess:function(xmlhttp) {
                                if (document.getElementById(data_container)) {
                                        document.getElementById(data_container).innerHTML = xmlhttp.responseText;
                                }
                        }
                }
        }
        ajax.get_function_data(class_name, func_name, params, required, callback);
}

var dhtml = new dhtml();