/**
 * @author Randex
 */

 function MostrarHerramienta(){
  	var herramienta = document.getElementById('herramienta');
	var ajax = objetoAjax();
	ajax.open("GET","herramienta/menuherramienta.php", true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			herramienta.style.display = '';
			herramienta.style.height = '30px';
			herramienta.style.marginTop = '0px';
			herramienta.style.backgroundImage = "url(imag/barrita.jpg)";
			
			herramienta.innerHTML = ajax.responseText;
			ActualizarContenido();
		}
		
	}
	ajax.send(null);
	
 	
 }
 
 function CerrarHerramienta(){
 	document.getElementById('herramienta').style.display = 'none';
	$(document).ready(function(){
		$("#contenedor").resizable('destroy');
	});
 }

 function Cabecera(){
 	var dialogo = document.getElementById('dialogo');
 	var ajax = objetoAjax();
 	
 	ajax.open("GET", "herramienta/cabecera.php", true);
 	ajax.onreadystatechange = function(){
 		if (ajax.readyState == 4 && ajax.status == 200) {
 			dialogo.innerHTML = ajax.responseText;
 			document.getElementById('colorpicker1').style.fontSize = "10px";
 			
 			$(document).ready(function(){
 				$("#dialogcabecera").dialog({
 					width: 400,
 					heigth: 400,
					position: [50,50], 
					close: function(event){
						BorrarNodo('colorpicker1');
					}	
 				});
 				
 				$('#colorpicker1').ColorPicker({
 					flat: true,
 					
 					onChange: function(hsb, hex, rgb){
 						$('#colorcab').val(hex);
 					},
 				
 				})
 				
 				
 			});
 		}
 		
 	}
 	ajax.send(null);
 }
 
 function ActualizarCabecera(){
 	var nombre = document.getElementById('nuevonombre').value;
	var color = document.getElementById('colorcab').value;
	var tamano = document.getElementById('tamcab').value;
	var tipo = document.getElementById('tipocab').value;
	
 	var ajax = objetoAjax();
	
	ajax.open("GET","herramienta/guardarcabecera.php?nombre="+nombre+"&color="+color+"&tamano="+tamano+"&tipo="+tipo, true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			CargadorEstilo();
			CargadorContenido();
		}
		
	}
	ajax.send(null);
	
 	
 }

 

function Menu(){
	var dialogo = document.getElementById('dialogo');
 	var ajax = objetoAjax();
 	
 	ajax.open("GET", "herramienta/menudiseno.php", true);
 	ajax.onreadystatechange = function(){
 		if (ajax.readyState == 4 && ajax.status == 200) {
 			dialogo.innerHTML = ajax.responseText;
 			
 			$(document).ready(function(){
				$("#dialogmenu").dialog({
 					width: 400, 				
 					heigth: 400,
					position: [100,50] 
 				});
 			
 				
 			});
 		}
 		
 	}
 	ajax.send(null);
	
}
	

function ActualizarMenu(){
	var tamano = document.getElementById('tammenu').value;
	var tipo = document.getElementById('tipomenu').value;
	
 	var ajax = objetoAjax();
	
	ajax.open("GET","herramienta/guardarmenu.php?tamano="+tamano+"&tipo="+tipo, true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			CargadorEstilo();
			CargadorContenido();
		}
		
	}
	ajax.send(null);
	
}	
 
 
 


 function Central(){
 	var dialogo = document.getElementById('dialogo');
	var ajax = objetoAjax();
	
	ajax.open("GET","herramienta/central.php", true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			dialogo.innerHTML = ajax.responseText;
			$(document).ready(function(){
			
    		$("#dialogcentral").dialog({
					width: 400,
					heigth: 400,
					position: [150,50] 
				});
			
			
			})
		}
		
	}
	ajax.send(null);
	
 	
 }
 
 function ActualizarLetra(div){
 	var tamano = document.getElementById('tamano').value;
	var tipo = document.getElementById('tipo').value;
	
	var ajax = objetoAjax();
	
	ajax.open("GET","herramienta/guardarletra.php?div="+div+"&tamano="+tamano+"&tipo="+tipo, true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			CargadorEstilo();
			CargadorContenido();
		
		}
		
	}
	ajax.send(null);
	
 	
 }
 
 function ActualizarAncho(){
 	var cont = document.getElementById('contenedor');
	
	cont.style.borderRight = "none";
		
 	var ajax = objetoAjax();
	
	var tam = cont.style.width;
	if(tam.indexOf("%")==-1){
		tam=tam.replace("p","");
		tam=tam.replace("x","");
		var total = screen.width;
		tam*=100;
		tam/=total;
		tam=parseInt(tam);
		tam=tam+"%";
	}
	ajax.open("GET","herramienta/guardarancho.php?tam="+tam, true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			$(document).ready(function(){
			$("#contenedor").resizable('destroy');
			
			})
			CargadorEstilo();
			CargadorContenido();
			
			
		}
		
	}
	ajax.send(null);
	
 	
	
 }
 
 function MaximoCentral(){
 	var cont = document.getElementById('contenedor');
		
 	var ajax = objetoAjax();
	
	var tam = '100%';
	ajax.open("GET","herramienta/guardarancho.php?tam="+tam, true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			$(document).ready(function(){
			$("#contenedor").resizable('destroy');
			
			})
			CargadorEstilo();
			CargadorContenido();
			
			
		}
		
	}
	ajax.send(null);
	
 }
 
 function AjustarAncho(div){
 	document.getElementById(div).style.borderRight = "thick solid #e80505";
		
 	$(document).ready(function(){
	$("#"+div).resizable({
				minHeight: 100
			});
			});
 }
 
 function AjustarAnchoColumna(div){
 	document.getElementById(div).style.borderRight = "thick solid #e80505";
		
 	$(document).ready(function(){
	$("#"+div).resizable({
				minHeight: 100,
				
			}).parent('#seccioncentral');
			});
 }
 
 function GuardarAnchoColumna(div){
 	var cont = document.getElementById(div);
	cont.style.borderRight = "none";
	
	var tam_col = document.getElementById(div).style.width;
	tam_col=tam_col.replace("p","");
	tam_col=tam_col.replace("x","");
	//Tamaño contenedor a pixeles
	var tam_contenedor = document.getElementById('contenedor').style.width;
	if (tam_contenedor == "") {
		tam_contenedor=100;
	}
	else {
		tam_contenedor = tam_contenedor.replace("%", "");
		var tam_pantalla = screen.width;
		tam_contenedor = (tam_contenedor * tam_pantalla) / 100;
	}
	var porcentaje = (tam_col*100)/tam_contenedor;
	porcentaje = parseInt(porcentaje);
	porcentaje = porcentaje+"%";
	
	var ajax = objetoAjax();
		
	ajax.open("GET","herramienta/guardaranchocol.php?div="+div+"&porcentaje="+porcentaje, true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			$(document).ready(function(){
			$("#"+div).resizable('destroy');
			
			})
			CargadorEstilo();
			CargadorContenido();
			
			
		}
		
	}
	ajax.send(null);
	
 	
	
 }

function Pie(){
	var dialogo = document.getElementById('dialogo');
 	var ajax = objetoAjax();
 	
 	ajax.open("GET", "herramienta/pie.php", true);
 	ajax.onreadystatechange = function(){
 		if (ajax.readyState == 4 && ajax.status == 200) {
 			dialogo.innerHTML = ajax.responseText;
 			
 			$(document).ready(function(){
				$("#dialogpie").dialog({
 					width: 400,
 					heigth: 400,
					position: [200,50] 
 				});
 			
 				
 				
 			});
 		}
 		
 	}
 	ajax.send(null);
	
}

function CambiarColor(div){
	var dialogo = document.getElementById('dialogo');
 	var ajax = objetoAjax();
 	var color = document.getElementById('color'+div).value;
	var o = document.getElementById('colorpicker4');
	
 	ajax.open("GET", "herramienta/cambiarcolor.php?div="+div+"&color="+color, true);
 	ajax.onreadystatechange = function(){
 		if (ajax.readyState == 4 && ajax.status == 200) {
 			dialogo.innerHTML = ajax.responseText;
 			document.getElementById('colorpicker4').style.fontSize = "10px";
 			
 			$(document).ready(function(){
				$("#dialogocolor").dialog({
 					width: 400,
 					heigth: 400,
					position: 'top',
					close: function(event){
						BorrarNodo('colorpicker4');
					} 
 				});
 				$('#colorpicker4').ColorPicker({
				flat: true,
				color: color,
				
				onChange: function(hsb, hex, rgb) {
					$('#color').val(hex);
					},
				

				})
				
 				
 			});
 		}
 		
 	}
 	ajax.send(null);
	
	
}


function SubirImagen(){
	var dialogo = document.getElementById('dialogo');
 	var ajax = objetoAjax();
 	
 	ajax.open("GET", "herramienta/imagen.php", true);
 	ajax.onreadystatechange = function(){
 		if (ajax.readyState == 4 && ajax.status == 200) {
 			dialogo.innerHTML = ajax.responseText;
 				
 			$(document).ready(function(){
 				$("#dialogsubirimagen").dialog({
 					width: 400, 				
 					heigth: 400,
					position: [250,50]  
 				});
 				
 				 				
 			});
 		}
 		
 	}
 	ajax.send(null);		
}

function EliminarImagen(file){
	var ajax = objetoAjax();
	
	ajax.open("GET","herramienta/eliminarimagen.php?file="+file, true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			MostrarContenido('herramienta/gestorimagenes.php','dialogimagen') 						
		}
		
	}
	ajax.send(null);
	
	
}

function GestorImagenes(div){
	var dialogo = document.getElementById('dialogo');
 	var ajax = objetoAjax();
 	
 	ajax.open("GET", "herramienta/gestorimagenes.php?div="+div, true);
 	ajax.onreadystatechange = function(){
 		if (ajax.readyState == 4 && ajax.status == 200) {
			dialogo.innerHTML = ajax.responseText;
 				
 			$(document).ready(function(){
 				$("#dialogimagen").dialog({
 					width: 500,
 					heigth: 500,
					position: 'top' 
 				});
 				
 				 				
 			});
 		}
 		
 	}
 	ajax.send(null);		
	
}	

function ActualizarImagen(div, url, alto){
	var ajax = objetoAjax();
	
	ajax.open("GET", "herramienta/guardarimagen.php?div=" + div + "&url=" + url +"&alto="+ alto, true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			CargadorEstilo();
			
		}
	}
	ajax.send(null);		
}	

function BorrarImagen(div){
	var ajax = objetoAjax();
	
	ajax.open("GET", "herramienta/borrarimagen.php?div=" + div, true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			CargadorEstilo();
			
		}
	}
	ajax.send(null);		

}

function AplicarColor(div){
	var color = document.getElementById('color').value;
	var ajax = objetoAjax();
	
	ajax.open("GET", "herramienta/aplicarcolor.php?div=" + div +"&color="+color, true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			CargadorEstilo();
			CargadorContenido();
			
			
		}
	}
	ajax.send(null);		

	
}

function AjustarAlto(div,id){
	var alto = document.getElementById(id).value;
	
	var ajax = objetoAjax();
	
	ajax.open("GET", "herramienta/guardaralto.php?div="+div+"&alto="+alto,true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			CargadorEstilo();
			
		}
	}
	ajax.send(null);	
}

function Tematicas(){
	var dialogo = document.getElementById('dialogo');
 	var ajax = objetoAjax();
 	
 	ajax.open("GET", "herramienta/tematicas.php", true);
 	ajax.onreadystatechange = function(){
 		if (ajax.readyState == 4 && ajax.status == 200) {
 			dialogo.innerHTML = ajax.responseText;
 			
 			$(document).ready(function(){
				$("#dialogtematicas").dialog({
 					width: 400, 				
 					heigth: 400,
					position: [300,50]  
 				});
 			
 				
 			});
 		}
 		
 	}
 	ajax.send(null);
}

function AjustarTematica(color){
	
	var ajax = objetoAjax();
	
	ajax.open("GET", "herramienta/ajustartematica.php?color="+color, true);
	ajax.onreadystatechange = function(){
		if (ajax.readyState == 4 && ajax.status == 200) {
			CargadorEstilo();
			CargadorContenido();
			
		}
	}
	ajax.send(null);		

}