dhtml = function() {
        this.alert_window_count = 0;
        this.layer_list = new Array();
        this.post_vars = new Array();
        this.template_mappings = new Array();
        this.current_url = window.location.href;
        this.current_url = this.current_url.replace(/^[^\?]+\?/, "");
}

/*
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 will return the container as given from the php
template function. basically searches from the given node up the tree untill the
container is found. Returns a jquery object
*/
dhtml.prototype.get_container = function(node) {
        //If this is a string get the html object
        if (typeof(node) == "string") {
                file_struct = node;
                node = document.getElementById(node);
        }
        //is this a jquery object
        else if (typeof(node) == "object" && node.length > 0) {
                node = node.context;
        }
        p = node.parentNode;
        for (x=0; x<100; x++) {
                p = p.parentNode;
                if ($(p).attr("container") != undefined) {
                        container = $(p);
                        break;
                }
        }
        return container;
}

/*
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(load_class, 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(load_class, 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(load_class, 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(load_class, file_struct, container_id, options); 
}

/*
This function loads a template based on the template options from the php template function
file_struct = a string like news/main_page.php
self = just the self of the click object
other_containers = an array of containers that you want to load as well
*/
dhtml.prototype.load_template = function(file_struct, node, callback, other_containers) {
        //get all containers
        container_array = new Array();
        container = this.get_container(node);
        if (file_struct == "" || file_struct == undefined) {
                file_struct = container.attr("container")+".php";
                file_struct = file_struct.replace(/__"/, "/");
        }
        container_array.push([file_struct, container]);
        if (other_containers != "" && other_containers != undefined) {
                if (typeof(other_containers) == "string") {
                        other_containers = [other_containers];
                }
                for (x in other_containers) {
                        container = $("#"+other_containers[x]);
                        container_array.push([other_containers[x], container]);
                }
        }

        //Need to get the container to replace it
        href = $(node).attr("href");
        if (href != undefined && href != "") {
                this.current_url = href.replace(/^[^\?]+\?/, "");
        }
        else {
                this.current_url = container.attr("current_url");
        }
        url_data = this.current_url.split("&");
        str = "";
        for (x in url_data) {
                vals = url_data[x].split("=");
                this.template_mappings[file_struct][vals[0]] = vals[1]      
        }
        url = "";
        element = container.context;
        url += "&"+this.current_url;
        for (x in container_array) {
                this.load_template_file("", container_array[x][0], container_array[x][1], "", callback, url)
        }
        return false;
}

/*
This is if you want your load to load more than just one item
groupings[file_struct] = node
groupings[file_struct1] = node2
*/
dhtml.prototype.load_template_group = function(self) {
        for (file_struct in groupings) {
                this.load_template(file_struct, groupings[file_struct]);
        }
}

/*
This function lets you load a template page through ajax
*/
dhtml.prototype.load_template_file = function(load_class, file_struct, container, options, callback, url_add) {
        if (callback == "" || callback == undefined) {
                callback = {
                        handleSuccess:function(data) {
                                if (typeof(container) == "string") {
                                        //document.getElementById(container).innerHTML = data.responseText;
                                        $("#"+container).html(data.responseText);
                                }
                                //If not a string it is a jquery object
                                else {
                                        container.html(data.responseText);
                                }
                        }
                }
        }
        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.my_action = "load_template_file";
        options.load_class =  load_class;
        //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 = "action=";
        if (url_add != "" && url_add != undefined) {
                url = url_add;
        }
        //First need to get the container
        for (x in this.template_mappings[file_struct]) {
                if (url != "") {
                        url += "&";
                }
                url += x+"="+this.template_mappings[file_struct][x];
        }
        for (x in options) {
                if (url != "") {
                        url += "&";
                }
                url += x+"="+options[x];
        }
        //url += "&my_action=load_template_file&html_data=true&load_class="+load_class+"&file_struct="+file_struct;
        ajax.connect(callback, url);
} 
/*
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 is used to submit form data
form_ob is an id or an html form object
class this is the class with process function that you are submitting to
*/
dhtml.prototype.submit_form = function(table, class_variables, form_ob, my_class, callback) {
        if (typeof(form_ob) == "string") {
                url = $('#'+form_ob+" :input:textarea").serialize();
        }
        else {
                form = $(form_ob);
                url = form.find(":input:textarea").serialize();
        }

        if (callback == "" || callback == undefined) {
                callback = new Object();
                callback.handleSuccess = function(xmlhttp) {
                        alert(xmlhttp.responseText);
                }
        }
        url += "&my_action=submit_form&class="+my_class+"&table="+table+"&class_variables="+class_variables;
        ajax.connect(callback, url);
        return false;
}

/*
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();