/** 
 * Componente javascript para mostrar un mensaje en una ventanita emergente.
 * Si recibe el parametro 'url' carga con AJAX el contenido de una URL.
 */

function PopUp(contentId, url, buttonId, boxWidth) {
	var panel;
	var rendered = false;

	YAHOO.util.Event.onContentReady(contentId, function() {
		panel = new YAHOO.widget.Panel(contentId, {
			width:boxWidth + "px",
			visible:false,
			context: [buttonId, "tl", "tr"],
			draggable:true,
			close:true});
	});

	/** Muestra u oculta la ventana. */
	this.toogle = function() {
		if (panel.cfg.getProperty("visible")) {
			panel.hide();
		} else {
			if (!rendered) {
				if (url) {
					YAHOO.util.Dom.getElementsByClassName("bd", "div", contentId)[0].
						innerHTML = "<iframe src='" + url + "' width='100%' height='100%' style='border:0'/>";
				}
				panel.render("main");
				rendered = true;
			}
			panel.show();
		}
	}

}

/** 
 * Componente javascript para mostrar las notas de un tipo de examen en una ventana emergente
 * Si recibe el parametro 'url' carga con AJAX el contenido de una URL.
 */
function PopUpEdit(contentId, url, buttonId) {
	var panel;
	var rendered = false;   

	YAHOO.util.Event.onContentReady(contentId, function() {
		panel = new YAHOO.widget.Panel(contentId, {
			visible:false,
			draggable:true,
			modal:true,
			constraintoviewport:true ,
			xy     : [0, 0],
			width: "790px", 
			height: "660px", 
			autofillheight: "body", 
			close:false});
	});
	
	

	/** Muestra u oculta la ventana. */
	this.toogle = function() {
		   
		if (panel.cfg.getProperty("visible")) {
			panel.hide();
		} else {
			if (!rendered) {
				if (url) {
					YAHOO.util.Dom.getElementsByClassName("bd", "div", contentId)[0].
						innerHTML = "<iframe src='" + url + "' width='100%' height='100%' style='border:0' onload='done();'/>";
				}
				panel.render("main");
				rendered = true;
				var resize = new YAHOO.util.Resize(contentId, { 
				handles: ['br'], 
				autoRatio: false, 
				status: false 
				}); 
				resize.on("resize", function(args) {
				var panelHeight = args.height;
				this.cfg.setProperty("height", panelHeight + "px");
				}, panel, true);

			YAHOO.util.Event.on("showbtn", "click", panel.show, panel, true);
			}
			panel.show();
			load();
		}
		}
	}
	
	/** Muestra una imagen de espera mientras se carga el contenido de la ventana emergente. */	
	function load(){
			YAHOO.namespace("example.container");
			var content = document.getElementById("content");
        
			content.innerHTML = "";

			if (!YAHOO.example.container.wait) {

			// Initialize the temporary Panel to display while waiting for external content to load
			// FIXME Ajustar el tamaño de la animación de espera
			YAHOO.example.container.wait = new YAHOO.widget.Panel("wait", { 
                    fixedcenter: true, 
					close: false, 
					draggable: false, 
					zindex:4,
					modal: true,
					visible: true
				});
			YAHOO.example.container.wait.setHeader("Cargando, por favor espere...");
			YAHOO.example.container.wait.setBody('<img src="/ARTIC/images/studyPlan/loading.gif" />');
			YAHOO.example.container.wait.render(document.body);

		}
    
		// Show the Panel
		YAHOO.example.container.wait.show();
		//YAHOO.example.container.wait.hide();
	}
	function done(){
		YAHOO.example.container.wait.hide();
	}

function PopUpTimeTable(contentId, url, selectId) {
	var panel;
	var rendered = false;   
    var selectId = selectId;
	
	YAHOO.util.Event.onContentReady(
		contentId, function() {
			panel = new YAHOO.widget.Panel(contentId, {
				visible:false,
				draggable:true,
				modal:true,
				constraintoviewport:true ,
				xy     : [0, 0],
				width: "1000px", 
				height: "1000px", 
				autofillheight: "body", 
				close:false});
		}
	);
	
	/** Muestra u oculta la ventana. */
	this.toogle = function() {
		if (panel.cfg.getProperty("visible")) {
			panel.hide();
		} else {
			if (!rendered) {
				if (url) {
					YAHOO.util.Dom.getElementsByClassName("bd", "div", contentId)[0].
						innerHTML = "<iframe src='" + getUrl() + "' width='100%' height='100%' style='border:0' onload='done();'/>";
				}
				panel.render("main");
				rendered = true;
				var resize = new YAHOO.util.Resize(
					contentId, { 
						handles: ['br'], 
						autoRatio: false, 
						status: false 
					}
				); 
				resize.on(
					"resize", function(args) {
						var panelHeight = args.height;
						this.cfg.setProperty("height", panelHeight + "px");
					}, 
				panel, true);

			YAHOO.util.Event.on("showbtn", "click", panel.show, panel, true);
			}
			panel.show();
			load();
		}
	}
	
	function getUrl() {
		return url + "" + document.getElementById(selectId).value;
	}
}

/** Muestra una imagen de espera mientras se carga el contenido de la ventana emergente. */	
	function load(){
			YAHOO.namespace("example.container");
			var content = document.getElementById("content");
        
			content.innerHTML = "";

			if (!YAHOO.example.container.wait) {

			// Initialize the temporary Panel to display while waiting for external content to load

			YAHOO.example.container.wait = new YAHOO.widget.Panel("wait", { 
                    fixedcenter: true, 
					close: false, 
					draggable: false, 
					zindex:4,
					modal: true,
					visible: true
				});
			YAHOO.example.container.wait.setHeader("Cargando, por favor espere...");
			YAHOO.example.container.wait.setBody('<img src="/ARTIC/images/studyPlan/loading.gif" />');
			YAHOO.example.container.wait.render(document.body);

		}
    
		// Show the Panel
		YAHOO.example.container.wait.show();
		//YAHOO.example.container.wait.hide();
	}
	function done(){
		YAHOO.example.container.wait.hide();
	}
	
	function PopUpRequestChange(contentId, url, buttonId) {
	var panel;
	var rendered = false;   

	YAHOO.util.Event.onContentReady(contentId, function() {
		panel = new YAHOO.widget.Panel(contentId, {
			visible:false,
			draggable:true,
			modal:true,
			constraintoviewport:true ,
			xy     : [0, 0],
			width: "790px", 
			height: "450px", 
			autofillheight: "body", 
			close:false});
	});
	
	

	/** Muestra u oculta la ventana. */
	this.toogle = function() {
		   
		if (panel.cfg.getProperty("visible")) {
			panel.hide();
		} else {
			if (!rendered) {
				if (url) {
					YAHOO.util.Dom.getElementsByClassName("bd", "div", contentId)[0].
						innerHTML = "<iframe src='" + url + "' width='100%' height='100%' style='border:0' onload='done();'/>";
				}
				panel.render("main");
				rendered = true;
				var resize = new YAHOO.util.Resize(contentId, { 
				handles: ['br'], 
				autoRatio: false, 
				status: false 
				}); 
				resize.on("resize", function(args) {
				var panelHeight = args.height;
				this.cfg.setProperty("height", panelHeight + "px");
				}, panel, true);

			YAHOO.util.Event.on("showbtn", "click", panel.show, panel, true);
			}
			panel.show();
			load();
		}
		}
	}
	
	/** 
 * Componente javascript para mostrar las notas de un tipo de examen en una ventana emergente
 * Si recibe el parametro 'url' carga con AJAX el contenido de una URL.
 */
function PopUpTutorShipReport(contentId, url, buttonId) {
	var panel;
	var rendered = false;   

	YAHOO.util.Event.onContentReady(contentId, function() {
		panel = new YAHOO.widget.Panel(contentId, {
			visible:false,
			draggable:true,
			modal:true,
			constraintoviewport:true ,
			xy     : [350, 100],
			width: "1135px", 
			height: "800px", 
			autofillheight: "body", 
			close:false});
	});
	
	

	/** Muestra u oculta la ventana. */
	this.toogle = function() {
		   
		if (panel.cfg.getProperty("visible")) {
			panel.hide();
		} else {
			if (!rendered) {
				if (url) {
					YAHOO.util.Dom.getElementsByClassName("bd", "div", contentId)[0].
						innerHTML = "<iframe src='" + url + "' width='100%' height='100%' style='border:50px' onload='done();'/>";
				}
				panel.render("main");
				rendered = true;
				var resize = new YAHOO.util.Resize(contentId, { 
				handles: ['br'], 
				autoRatio: false, 
				status: false 
				}); 
				resize.on("resize", function(args) {
				var panelHeight = args.height;
				this.cfg.setProperty("height", panelHeight + "px");
				}, panel, true);

			YAHOO.util.Event.on("showbtn", "click", panel.show, panel, true);
			}
			panel.show();
			load();
		}
		}
	}