$(function(){
  init();
});

function init(){
	__generateLayer();
	$(".proceso_tit").css({'cursor':'pointer'});
	$(".proceso_tit").click(abrePanel);
  	$("a.openLW").click(openLW);
}

function abrePanel(elem){
  __chngHeaderFolderIcon(this.id);
  $("#div_"+this.id).slideToggle("slow");
}

function openLW(elem){
	
	//Mostramos OVERLAY
	$("#overlay").height(__getDocHeight());
	$("#overlay").css({"top" : 0, "opacity" : "0.5", "display" : "block" } );
	$("#overlay").fadeIn(200);
		
		//El click en el OVERLAY cierra la ventana
		$("#overlay").click(function(e){
			closeLW();
		});
	
	//Cargamos contenido
	getData(this.id.substring(4));
	
	// Posiciones de la Capa
	myleft =__getLayerLeft();
	var post = $('#'+this.id).position();
	mytop  = post.top;
  	//mytop  =__getLayerTop();
  	
	
		//El boton [x] tambien cierra la ventana
		$("#close_layer").click(function(e){
			closeLW();
		});
	// La mostramos
	$("div#layer").css({'top':mytop,'left':myleft}).show("slow");
}

function closeLW(){
	jQuery('#layer').hide("slow");
	$("#overlay").fadeOut(200);
}

function getData(id){
	var html = $.ajax({
	  url: "proc_producto.php",
	  dataType: "html",
	  data: ({pr : id}),
	  async: false
	}).responseText;
	$("div#layer_cont").html(html);
}

function __chngHeaderFolderIcon(id){
	if ($("#div_"+id).css('display') == 'none'){
		file = 'on';
	}
	else{
		file = 'off';
	}
	$("#"+id+" img").attr('src','imagenes/interiores/cajaflecha_'+file+'.gif');
}

function __generateLayer(){
	$("div.container").append('<div id="overlay"></div><div id="layer"><div id="header_layer"><a id="close_layer" href="javascript:void(0);">[x]</a></div><div id="layer_cont"></div></div>');
}

function __getDocHeight(){
	var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}

function __getLayerLeft(){
	return ($(window).width()/2)-($("div#layer").width()/2);
}

function __getLayerTop(){
	var pos = (__getDocHeight()/2)-($("div#layer").height()/2);
	//var pos = ($(window).height()/2)-($("div#layer").height()/2);
	return pos;
}