///// COMPORTAMIENTO DE LA CAJA DE TEXTO
(function (jQuery) {
	/**
	 * Setting input initialization
	 *  
	 * @param {String|Object|Bool} text Initial value of the field. Can be either a string, a jQuery reference (example: $("#element")), or boolean false (default) to search for related label
	 * @param {Object} [opts] An object containing options: 
	 * 							color (initial text color, default : "#666"), 
	 * 							e (event which triggers initial text clearing, default: "focus"), 
	 * 							force (execute this script even if input value is not empty, default: false)
	 * 							keep (if value of field is empty on blur, re-apply initial text, default: true)  
	 */
	jQuery.fn.inputLabel = function(text,opts) {
		o = jQuery.extend({ color: "#666", e:"focus", force : false, keep : true}, opts || {});
		var clearInput = function (e) {
			var target = jQuery(e.target);
			var value = jQuery.trim(target.val());
			if (e.type == e.data.obj.e && value == e.data.obj.innerText) {
				jQuery(target).css("color", "").val("");
				if (!e.data.obj.keep) {
					jQuery(target).unbind(e.data.obj.e+" blur",clearInput);
				}
			} else if (e.type == "blur" && value == "" && e.data.obj.keep) {
				jQuery(this).css("color", e.data.obj.color).val(e.data.obj.innerText);
			}
		};
		return this.each(function () {
					o.innerText = (text || false);
					if (!o.innerText) {
						var id = jQuery(this).attr("id");
						o.innerText = jQuery(this).parents("form").find("label[for=" + id + "]").hide().text();
					}
					else 
						if (typeof o.innerText != "string") {
							o.innerText = jQuery(o.innerText).text();
						}
			o.innerText = jQuery.trim(o.innerText);
			if (o.force || jQuery(this).val() == "") {
				jQuery(this).css("color", o.color).val(o.innerText);
			}
				jQuery(this).bind(o.e+" blur",{obj:o},clearInput);
			
		});
	};
})(jQuery);

//FIN COMPORTAMIENTO DE LA CAJA DE TEXTO

// Global variable definitions
// DB column numbers
var OPT_ID = 0;
var OPT_TITLE = 1;
var OPT_VOTES = 2;

var votedID;

//cerrar
function closeModal(){
	$('#bgmodal').remove(); 
	$('#bgtransparent').remove();
	
}

fade = 2000

$(document).ready(function(){
var $quitar = "#_img1"
var $poner
$(".borde_principal").click(function(){
    if($poner==undefined)
       $poner = $quitar
    var d = ($poner.charAt(5)-1)
    //alert(d)
    document.location.href = "paginas/noti.php?n="+n[d]
})


$(".borde").click(function()
{	$poner = "#_"+$(this).attr('id');
    var pon = "#"+$(this).attr('id');
    var qui = $quitar.replace('_', '');
    var v = ($(this).attr('id').charAt(3)-1)
   //alert(v)
    if ($quitar!=$poner)
    {  $($quitar).fadeOut(function(){
       $(pon).css("background","#CCCCCC")//poner
       $(qui).css("background","#EEEEEE")//quitar
       $("#destino_t").html(texto[v]) 
       $($quitar).css("display","none")
       $($poner).fadeIn()
       })
       $quitar = $poner
    }    
});



 //MODAL   
$('#button').click(function(){
   
	miAleatorio = parseInt(Math.random()*99999999);
	idestudiante = $("form input:text").attr("value")
    
	$.get('paginas/notas.php',
	{ idestudiante: idestudiante,
	  aleatorio: miAleatorio },
	  function(datos) {
	 //alert(idestudiante)
	g = contenidoHTML = datos;
	
	//function showModal(){
	// fondo transparente
	var bgdiv = $('<div>').attr({
				className: 'bgtransparent',
				id: 'bgtransparent'
				});

	$('body').append(bgdiv)
	
	var wscr = $(window).width();
	var hscr = $(window).height();
			
	$('#bgtransparent').css("width", wscr);
	$('#bgtransparent').css("height", hscr);
	
	
	// ventana flotante
	var moddiv = $('<div>').attr({
				className: 'bgmodal',
				id: 'bgmodal'
				});	
	//alert(idestudiante)
	if(idestudiante=="Nº documento")
	{	contenidoHTML = "<br><div class=\'error\' align=\"center\">"+
						"Debes digitar tu documento de identidad.<br>"+
						"<br><button onclick=\'closeModal()\'>Cerrar</button></div>";
		fade = 1000
	}
	else if(contenidoHTML=="0")
	{	contenidoHTML = "<br><div class=\'texto1\' align=\"center\">"+
						"Usted actualmente no se encuentra en nuestro sistema,"+
						"<br> probablemente porque no ha actualizado sus datos,<br> por favor comuníquese con nosotros y le orientaremos al respecto.<br>"+
						"<br><button onclick=\'closeModal()\'>Cerrar</button></div>";
		fade = 1001
	}
	$('body').append($(bgdiv).fadeIn(fade))
	$('body').append($(moddiv).fadeIn(fade))
	$('#bgmodal').append(contenidoHTML);

	$(window).resize();
	});
});

$(window).resize(function(){
    if(idestudiante=="Nº documento") {ancho = 370, alto = 100}
    else if(g==0) {ancho = 420, alto = 120}
    else { ancho = 850, alto = 550 }
    
	var wscr = $(window).width();
	var hscr = $(window).height();

	// estableciendo dimensiones de background
	$('#bgtransparent').css("width", wscr);
	$('#bgtransparent').css("height", hscr);
	
	// definiendo tamaño del contenedor
	$('#bgmodal').css("width", ancho+'px');
	$('#bgmodal').css("height", alto+'px');
	
	// obtiendo tamaño de contenedor
	var wcnt = $('#bgmodal').width();
	var hcnt = $('#bgmodal').height();
	
	// obtener posicion central
	var mleft = ( wscr - wcnt ) / 2;
	var mtop = ( hscr - hcnt ) / 2;
	
	// estableciendo posicion
	$('#bgmodal').css("left", mleft+'px');
	$('#bgmodal').css("top", mtop+'px');
});

$(window).keyup(function(event){
	if (event.keyCode == 27) {
		//falta implementar
	}
});
    
 //FIN MODAL
 
 
    
  $("#poll").submit(formProcess); // setup the submit handler
  
  if ($("#poll-results").length > 0 ) {
    animateResults();
  }
  
  if ($.cookie('vote_id')) {
    $("#poll-container").empty();
    votedID = $.cookie('vote_id');
    $.getJSON("poll.php?vote=none",loadResults);
  }
});

function formProcess(event){
  event.preventDefault();
  
  var id = $("input[@name='poll']:checked").attr("value");
  id = id.replace("opt",'');
  
  $("#poll-container").fadeOut("slow",function(){
    $(this).empty();
    
    votedID = id;
    $.getJSON("poll.php?vote="+id,loadResults);
    
    $.cookie('vote_id', id, {expires: 365});
    });
}

function animateResults(){
  $("#poll-results div").each(function(){
      var percentage = $(this).next().text();
      $(this).css({width: "0%"}).animate({
				width: percentage}, 'slow');
  });
}

function loadResults(data) {
  var total_votes = 0;
  var percent;
  
  for (id in data) {
    total_votes = total_votes+parseInt(data[id][OPT_VOTES]);
  }
  
  var results_html = "<div id='poll-results' class='texto1'><br>QUE TE PARECI&Oacute; EL 2&ordm; ENCUENTRO NACIONAL DE ESTUDIANTES BECADOS?<h3>Resultados de la encuesta</h3>\n<dl class='graph'>\n";
  for (id in data) {
    percent = Math.round((parseInt(data[id][OPT_VOTES])/parseInt(total_votes))*100);
    if (data[id][OPT_ID] !== votedID) {
      results_html = results_html+"<dt class='bar-title'>"+data[id][OPT_TITLE]+"</dt><dd class='bar-container'><div id='bar"+data[id][OPT_ID]+"'style='width:0%;background-color:#00F;'>&nbsp;</div><strong>"+percent+"%</strong></dd><br>\n";
    } else {
      results_html = results_html+"<dt class='bar-title'>"+data[id][OPT_TITLE]+"</dt><dd class='bar-container'><div id='bar"+data[id][OPT_ID]+"'style='width:0%;background-color:#0CF;'>&nbsp;</div><strong>"+percent+"%</strong></dd><br>\n";
    }
  }
  
  results_html = results_html+"<br><br><br><br></dl><p align=\"center\">Total Votos: "+total_votes+"<br>Gracias por su voto</p></div>\n";
  
  $("#poll-container").append(results_html).fadeIn("slow",function(){
    animateResults();});
}