function create_loading(){
	//z_index = 1100;
	
	z_index++;
	
	
	var w_block = new Element('div', {
		id: "w_block",
		style: " z-index:"+z_index+";"
	});
				
	document.body.appendChild(w_block);
	
	z_index++;
	
	var img = new Element('img', {
		id: "loding_gif",
		style: "z-index:"+z_index+";",
		src: "/css/ajax-loader.gif"
	});
	
	w_block.appendChild(img);
				
}


function block(){
	
	z_index++;


	var block = new Element('div', {
							
							id: "block",
							style: "z-index:"+z_index+"; width:100%"
							
							});
	
	
						document.body.appendChild(block);
	
}// JavaScript Document


function close_block(){
	
		Element.remove("block");
	Element.remove("message_table");
	
	
	
}

function block_message(the_content){
			
			block();
						
			z_index++;			
						
						/*
						var the_div = new Element('div', {
												  id: "products_table_div",
												  style: "z-index: " + z_index + ";"
												  });
						*/
						
						var the_table = new Element('table', {
													id: "message_table",
													className: "products",
													border: "0", 
													align: "center", 
													cellpadding: "0",  
													cellspacing:"0", 
													style: "width:70%; z-index: " + z_index + ";"
													});
						
						var tbody = new Element('tbody');
						var tr1 = new Element('tr');
						var tr2 = new Element('tr');
						var tr3 = new Element('tr');
						
						var td11 = new Element('td' , {className: "bc_ne"});
						var td12 = new Element('td' , {className: "bc_n"});
						var td13 = new Element('td' , {className: "bc_nw"});
						
						var td21 = new Element('td' , {className: "bc_e"});
						var td22 = new Element('td' , {className: "bc_c"}).update(the_content);
						var td23 = new Element('td' , {className: "bc_w"});
						
						var td31 = new Element('td' , {className: "bc_se"});
						var td32 = new Element('td' , {className: "bc_s"});
						var td33 = new Element('td' , {className: "bc_sw"});
						
						tr3.appendChild(td31);
						tr3.appendChild(td32);
						tr3.appendChild(td33);
						tr2.appendChild(td21);
						tr2.appendChild(td22);
						tr2.appendChild(td23);
						tr1.appendChild(td11);
						tr1.appendChild(td12);
						tr1.appendChild(td13);
						tbody.appendChild(tr1);
						tbody.appendChild(tr2);
						tbody.appendChild(tr3);
						the_table.appendChild(tbody);
						
						//the_div.appendChild(the_table);
						
						document.body.appendChild(the_table);
						
}


function block_message_div(the_id){
			
			block();
						
			z_index++;			
						
						/*var the_div = new Element('div', {
												  id: "products_table_div",
												  style: " z-index: " + z_index + ";"
												  });
						*/
						
						var the_table = new Element('table', {
													id: "message_table",
													className: "dialog",
													border: "0", 
													align: "center", 
													cellpadding: "0",  
													cellspacing:"0", 
													style: "width:70%; z-index: " + z_index + ";"
													});
						
						var tbody = new Element('tbody');
						var tr1 = new Element('tr');
						var tr2 = new Element('tr');
						var tr3 = new Element('tr');
						
						var td11 = new Element('td' , {className: "bc_ne"});
						var td12 = new Element('td' , {className: "bc_n"});
						var td13 = new Element('td' , {className: "bc_nw"});
						
						var td21 = new Element('td' , {className: "bc_e"});
						var td22 = new Element('td' , {className: "bc_c"}).update($(the_id).innerHTML);
						var td23 = new Element('td' , {className: "bc_w"});
						
						var td31 = new Element('td' , {className: "bc_se"});
						var td32 = new Element('td' , {className: "bc_s"});
						var td33 = new Element('td' , {className: "bc_sw"});
						
						tr3.appendChild(td31);
						tr3.appendChild(td32);
						tr3.appendChild(td33);
						tr2.appendChild(td21);
						tr2.appendChild(td22);
						tr2.appendChild(td23);
						tr1.appendChild(td11);
						tr1.appendChild(td12);
						tr1.appendChild(td13);
						tbody.appendChild(tr1);
						tbody.appendChild(tr2);
						tbody.appendChild(tr3);
						the_table.appendChild(tbody);
						//the_div.appendChild(the_table);
						document.body.appendChild(the_table);
						
}


function block_message_element(the_element){
			
			block();
						
			z_index++;			
						
						/*var the_div = new Element('div', {
												  id: "products_table_div",
												  style: " z-index: " + z_index + ";"
												  });
						*/
						
						var the_table = new Element('table', {
													id: "message_table",
													className: "dialog",
													border: "0", 
													align: "center", 
													cellpadding: "0",  
													cellspacing:"0", 
													style: "width:70%; z-index: " + z_index + ";"
													});
						
						var tbody = new Element('tbody');
						var tr1 = new Element('tr');
						var tr2 = new Element('tr');
						var tr3 = new Element('tr');
						
						var td11 = new Element('td' , {className: "bc_ne"});
						var td12 = new Element('td' , {className: "bc_n"});
						var td13 = new Element('td' , {className: "bc_nw"});
						
						var td21 = new Element('td' , {className: "bc_e"});
						var td22 = new Element('td' , {className: "bc_c"});
						var td23 = new Element('td' , {className: "bc_w"});
						
						var td31 = new Element('td' , {className: "bc_se"});
						var td32 = new Element('td' , {className: "bc_s"});
						var td33 = new Element('td' , {className: "bc_sw"});
						
						
						
						
						td22.appendChild(the_element);
						
						tr3.appendChild(td31);
						tr3.appendChild(td32);
						tr3.appendChild(td33);
						tr2.appendChild(td21);
						tr2.appendChild(td22);
						tr2.appendChild(td23);
						tr1.appendChild(td11);
						tr1.appendChild(td12);
						tr1.appendChild(td13);
						tbody.appendChild(tr1);
						tbody.appendChild(tr2);
						tbody.appendChild(tr3);
						the_table.appendChild(tbody);
						//the_div.appendChild(the_table);
						document.body.appendChild(the_table);
						
}

function tag_message(the_element,width,left,height){
			
			var top = -1 * (height+20);
			z_index++;			
						
						/*var the_div = new Element('div', {
												  id: "products_table_div",
												  style: " z-index: " + z_index + ";"
												  });
						*/
						
						var the_table = new Element('table', {
													id: "message_tab",
													className: "dialog",
													border: "0", 
													align: "center", 
													cellpadding: "0",  
													cellspacing:"0", 
													style:"position:absolute; width:"+width+"px; z-index:"+z_index+"; left:"+left+"px; height:"+height+"px; top:"+ top +"px;"
													});
						
						var tbody = new Element('tbody');
						//var tr1 = new Element('tr');
						var tr2 = new Element('tr');
						var tr3 = new Element('tr');
						
						/*
						var td11 = new Element('td' , {className: "bc_ne"});
						var td12 = new Element('td' , {className: "bc_n"});
						var td13 = new Element('td' , {className: "bc_nw"});
						*/
						
						var td21 = new Element('td' , {className: "bc_e"});
						var td22 = new Element('td' , {className: "bc_c"});
						var td23 = new Element('td' , {className: "bc_w"});
						
						var td31 = new Element('td' , {className: "bc_se"});
						var td32 = new Element('td' , {className: "bc_s"});
						var td33 = new Element('td' , {className: "bc_sw"});
						
						
						
						
						td22.appendChild(the_element);
						
						tr3.appendChild(td31);
						tr3.appendChild(td32);
						tr3.appendChild(td33);
						tr2.appendChild(td21);
						tr2.appendChild(td22);
						tr2.appendChild(td23);
						/*
						tr1.appendChild(td11);
						tr1.appendChild(td12);
						tr1.appendChild(td13);
						tbody.appendChild(tr1);
						*/
						tbody.appendChild(tr2);
						tbody.appendChild(tr3);
						the_table.appendChild(tbody);
						//the_div.appendChild(the_table);
						document.body.appendChild(the_table);
						
						new Effect.Move($('message_tab'), { x: left, y: 0, mode: 'absolute' });
						
						//new Effect.Move($('message_table'), { x: left, y: 0, mode: 'absolute' });
						
}


function close_tab_message(the_height, left){

	var y = -1 * (the_height+20);
	
	//alert(the_height);
	new Effect.Move($('message_tab'), { x: left , y: y, mode: 'absolute' });
	
	//Element.remove($('message_tab'));
	
}