function maximize(elementid, template){
	var panes = new Array('top_left', 'top_right', 'bottom_left', 'bottom_right', 'header_col_separator_top', 'content_horizontal_separator_1', 'content_horizontal_separator_2', 'content_horizontal_separator_3', 'header_col_separator_bottom');
		
	for(i = 0; i < panes.length; i++)
	{
		pane = panes[i];		
		document.getElementById(pane).style.display = "none";			
		document.getElementById(pane).style.visibility = "hidden";		
	}
	
	//main pane
	/*
	if(elementid == 'top_left' && elementid == 'top_right'){
		document.getElementById("content_top_row").style.width="725px";
		document.getElementById("content_top_row").style.height="415px";
	}else if(elementid == 'bottom_left' && elementid == 'bottom_right'){
		document.getElementById("content_bottom_row").style.width="725px";
		document.getElementById("content_bottom_row").style.height="415px";
	}*/

	//display_pane
	document.getElementById(elementid).style.display = "table-cell";				
	document.getElementById(elementid).style.visibility = "visible";		
	document.getElementById(elementid).style.width = "725px";				
	document.getElementById(elementid).style.height = "415px";
	
	document.getElementById("pane_icon_" + elementid).innerHTML = "<img src=\"" + template + "images/minimize.png\" onclick=\"minimize('" + elementid + "', '" + template + "');\" style=\"cursor: pointer;\" />";
	
	//Setup some aspects of the containing pane
	document.getElementById("content_pane_table_" + elementid).style.width="725px";
	document.getElementById("content_pane_table_" + elementid).style.height="415px";
	
	//header row
	document.getElementById("content_pane_header_row_" + elementid).style.width="725px";
	document.getElementById("content_pane_header_row_" + elementid).style.height="20px";
	
	//header center col
	document.getElementById("content_pane_header_center_col_" + elementid).style.width="699px";
	document.getElementById("content_pane_header_center_col_" + elementid).style.height="20px";

	document.getElementById("content_pane_body_row_" + elementid).style.width="725px";
	document.getElementById("content_pane_body_row_" + elementid).style.height="395px";
		
	//
	document.getElementById("display_" + elementid).style.width="725px";
	document.getElementById("display_" + elementid).style.height="395px";
};

function minimize(elementid, template){
	var panes = new Array('top_left', 'top_right', 'bottom_left', 'bottom_right', 'header_col_separator_top', 'content_horizontal_separator_1', 'content_horizontal_separator_2', 'content_horizontal_separator_3', 'header_col_separator_bottom');

	for(i = 0; i < panes.length; i++)
	{
		pane = panes[i];		
		document.getElementById(pane).style.display = "table-cell";			
		document.getElementById(pane).style.visibility = "visible";		
		
		if(pane=='top_left' || pane=='top_right' || pane=='bottom_left' || pane=='bottom_right'){
		}
	}
	
	//main pane
	/*
	if(elementid == 'top_left' && elementid == 'top_right'){
		document.getElementById("content_top_row").style.width="725px";
		document.getElementById("content_top_row").style.height="205px;";
	}else if(elementid == 'bottom_left' && elementid == 'bottom_right'){
		document.getElementById("content_bottom_row").style.width="725px;";
		document.getElementById("content_bottom_row").style.height="360px";
	}*/

	//display_pane
	document.getElementById(elementid).style.display = "table-cell";				
	document.getElementById(elementid).style.visibility = "visible";		
	document.getElementById(elementid).style.width = "360px";				
	document.getElementById(elementid).style.height = "205px";
	
	document.getElementById("pane_icon_" + elementid).innerHTML = "<img src=\"" + template + "images/maximize.png\" onclick=\"maximize('" + elementid + "', '" + template + "');\" style=\"cursor: pointer;\" />";
	
	//Setup some aspects of the containing pane
	document.getElementById("content_pane_table_" + elementid).style.width="360px";
	document.getElementById("content_pane_table_" + elementid).style.height="205px";
	
	//header row
	document.getElementById("content_pane_header_row_" + elementid).style.width="360px";
	document.getElementById("content_pane_header_row_" + elementid).style.height="20px";
	
	//header center col
	document.getElementById("content_pane_header_center_col_" + elementid).style.width="334px";
	document.getElementById("content_pane_header_center_col_" + elementid).style.height="20px";

	document.getElementById("content_pane_body_row_" + elementid).style.width="360px";
	document.getElementById("content_pane_body_row_" + elementid).style.height="185px";
		
	//
	document.getElementById("display_" + elementid).style.width="360px";
	document.getElementById("display_" + elementid).style.height="185px";
};

function display(elementid, params, page_path){
	get_content('https://localhost/5theclub/' + page_path, params, elementid);
}

function maximize_and_display(elementid, params, page_path){
	document.getElementById("content_pane_table").style.width="725px";
	document.getElementById("content_pane_table").style.height="415px";
	document.getElementById("content_pane_header_center_col").style.width="699px";

	switch(elementid){
		case 'top_left':
			document.getElementById("top_left").style.width = "725px";				
			document.getElementById("top_left").style.height = "415px";
						
			document.getElementById("top_right").style.display = "none";
			document.getElementById("bottom_left").style.display = "none";
			document.getElementById("bottom_right").style.display = "none";
			document.getElementById("header_col_separator_bottom").style.display = "none";
			document.getElementById("header_col_separator_top").style.display = "none";
			document.getElementById("content_horizontal_separator").style.display = "none";
			document.getElementById("pane_icon_top_left").innerHTML = "<img src=\"<?php echo $_->s['template'];?>images/minimize.png\" onclick=\"minimize(\'top_left\');\" style=\"cursor: pointer;\" />";
			get_content('https://localhost/5theclub/' + page_path, params, 'pane_' + elementid);
							
			break;
		case 'top_right':
			document.getElementById("top_right").style.width = "725px";				
			document.getElementById("top_right").style.height = "415px";
			
			document.getElementById("top_left").style.display = "none";
			document.getElementById("bottom_left").style.display = "none";
			document.getElementById("bottom_right").style.display = "none";
			document.getElementById("header_col_separator_bottom").style.display = "none";
			document.getElementById("header_col_separator_top").style.display = "none";
			document.getElementById("content_horizontal_separator").style.display = "none";
			document.getElementById("pane_icon_top_right").innerHTML = "<img src=\"<?php echo $_->s['template'];?>images/minimize.png\" onclick=\"minimize(\'top_right\');\" style=\"cursor: pointer;\" />";
			break;
		case 'bottom_left':
			document.getElementById("bottom_left").style.width = "725px";				
			document.getElementById("bottom_left").style.height = "415px";
			
			document.getElementById("top_left").style.display = "none";			document.getElementById("top_right").style.display = "none";
			document.getElementById("bottom_right").style.display = "none";
			document.getElementById("header_col_separator_bottom").style.display = "none";
			document.getElementById("header_col_separator_top").style.display = "none";
			document.getElementById("content_horizontal_separator").style.display = "none";
			document.getElementById("pane_icon_bottom_left").innerHTML = "<img src=\"<?php echo $_->s['template'];?>images/minimize.png\" onclick=\"minimize(\'bottom_left\');\" style=\"cursor: pointer;\" />";
			break;
		case 'bottom_right':
			document.getElementById("bottom_right").style.width = "725px";				
			document.getElementById("bottom_right").style.height = "415px";
			
			document.getElementById("top_left").style.display = "none";
			document.getElementById("bottom_left").style.display = "none";
			document.getElementById("top_right").style.display = "none";
			document.getElementById("header_col_separator_bottom").style.display = "none";
			document.getElementById("header_col_separator_top").style.display = "none";
			document.getElementById("content_horizontal_separator").style.display = "none";
			document.getElementById("pane_icon_bottom_right").innerHTML = "<img src=\"<?php echo $_->s['template'];?>images/minimize.png\" onclick=\"minimize(\'bottom_right\');\" style=\"cursor: pointer;\" />";
			break;
	}
};

function get_content(url, params, tag_id){
	request_http(url, params, 'process_sections', tag_id);
};

function process_sections(tag_id, returned_list){
	document.getElementById(tag_id).innerHTML = returned_list;				
};
	
function request_http(strURL, strSubmit, strResultFunc, tag_id){
	var xmlHttpReq = false;
        
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
    	xmlHttpReq = new XMLHttpRequest();
        xmlHttpReq.overrideMimeType('application/x-www-form-urlencoded');
    }
                
    // IE
    else if (window.ActiveXObject) {
    	xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlHttpReq.open('POST', strURL, true);
    xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xmlHttpReq.setRequestHeader('charset', 'iso-8859-1');
            
    xmlHttpReq.onreadystatechange = function() {
    	if (xmlHttpReq.readyState == 4) {
        	eval(strResultFunc + '(tag_id, xmlHttpReq.responseText);');
        }
    };
        
    xmlHttpReq.send(strSubmit);        		
};