var campusList = [{"journeyname":"Pregrado - Presencial","city_name":"BOGOTA","id_campus":5,"icfes_reg":"2888","snies":"2888","mayor_name":"DISEÑO INDUSTRIAL","id_program":"2619","description":"Presencial","campus_name":"BOGOTÁ - CIRCUNVALAR","methodology":"1","url":"http://www.uan.edu.co/diseno-industrial","period_type":"S"}];


document.write('<link rel="stylesheet" href="//service.uan.edu.co/css/jquery-ui-1.10.2.custom.css" type="text/css" />');
document.write('<link rel="stylesheet" href="//service.uan.edu.co/css/ui.jqgrid.css" type="text/css" />');
document.write('<link rel="stylesheet" href="//service.uan.edu.co/css/estilosComunes.css" type="text/css" />');

document.write('<link rel="stylesheet" href="//service.uan.edu.co/css/jquery-ui-1.10.2.custom.css" type="text/css" media="print" />');
document.write('<link rel="stylesheet" href="//service.uan.edu.co/css/estilosComunes.css" type="text/css" media="print" />');

function loadScript(url, callback){
	var script = document.createElement("script")
	script.type = "text/javascript";

	if (script.readyState){  //IE
		script.onreadystatechange = function(){
			if (script.readyState == "loaded" || script.readyState == "complete") {
				script.onreadystatechange = null;
				callback();
			}
		};
	} else {  //Others
		script.onload = function(){
			callback();
		};
	}
	
	script.src = url;
	document.getElementsByTagName("head")[0].appendChild(script);
}

try {
	if(!jQuery) {
		loadScript("//service.uan.edu.co/js/jquery-1.9.1.min.js", function(){
			cargarScriptsCurriculim();
		});
	} else {
		cargarScriptsCurriculim();
	}
} catch(e) {
	loadScript("//service.uan.edu.co/js/jquery-1.9.1.min.js", function(){
		cargarScriptsCurriculim();
	});
}

document.write(
	'<div id="divContenedorCurriculum" style="min-width: 520px;">' +
	'	<div align="center" id="divCargando">' +
	'		<br/><br/><br/>' +
	'		<img src="//service.uan.edu.co/images/ajax-loader2.gif" /><br/>' +
	'		<strong class="sub-titulo">Cargando...</strong>' +
	'		<br/><br/><br/>' +
	'	</div>' +
	'	<div id="divContenedorPrograma"></div>' +
	'	<div id="divContenedorMateria"></div>' +
	'</div>'
);

function cargarScriptsCurriculim() {
	jQuery.getScript("//service.uan.edu.co/js/jquery-ui-1.10.2.custom.min.js", function(data, textStatus, jqxhr) {
		jQuery.getScript("//service.uan.edu.co/js/jquery.nicescroll.min.js", function(data, textStatus, jqxhr) {
			jQuery.getScript("//service.uan.edu.co/js/jquery.jqGrid.min.js", function(data, textStatus, jqxhr) {
				jQuery.getScript("//service.uan.edu.co/js/grid.locale-es.js", function(data, textStatus, jqxhr) {
					jQuery.getScript("//service.uan.edu.co/js/jquery.PrintArea.js", function(data, textStatus, jqxhr) {
						jQuery.noConflict();
						scriptsLoadedCurriculim();
					});
				});
			});
		});
	});
}

function getProgramContent(parametro) {
	//limpio el contenedor
	jQuery("#divContenedorCurriculum #divContenedorPrograma").html("");
	jQuery("#divContenedorCurriculum #divContenedorPrograma").append("<div class='titulo'>"+ jQuery("#mayorName" + parametro).attr("value") +" [ PE - "+ jQuery("#idProgram" + parametro).attr("value") +"]</div>");
	jQuery.getScript("//service.uan.edu.co/common/toWebPage/programContent.jsp?idProgram=" + jQuery("#idProgram" + parametro).attr("value") + "&mayorName=" + jQuery("#mayorName" + parametro).attr("value"), function(data, textStatus, jqxhr) {});
}

function scriptsLoadedCurriculim(){

	jQuery("#divContenedorCurriculum").append('<div id="contenedorTabla"><table id="tablaPaginar"></table></div>');
	
	var datosTabla = new Array();
	var campus;
	var alineacion = "justify";
	var altoTabla = 300;
	var idCampus = -1;
	var contadorArray = 0;
	
	for ( var i = 0 ; i < campusList.length ; i++ ) {
		campus = campusList[i];
		
		if(idCampus != campus.id_campus){
			datosTabla[contadorArray] = {
				"sede" : "<strong class='sub-titulo'>" + campus.campus_name + "</strong> [<strong><span class='texto-pequeno capitalize'>" + campus.city_name.toLowerCase() + "</span></strong>]",
				"snies" : "[" + campus.snies + "]",
				"plan" : "<a class='enlace capitalize' href='javascript:void(0);' onclick='getProgramContent(" + i + ")'>plan de estudios [" + campus.id_program + "]</a>"+
						 "<input type='hidden' id='idProgram" + i + "' name='idProgram' value='" + campus.id_program  + "' readonly='readonly' />" +
						 "<input type='hidden' id='mayorName" + i + "' name='mayorName' value='" + campus.mayor_name  + "' readonly='readonly' />"
			};
			
			contadorArray++;
			idCampus = campus.id_campus;
		}
	}
	
	if( datosTabla.length < 13) {
		altoTabla = "auto";
	}
	
	jQuery("#divContenedorCurriculum #tablaPaginar").jqGrid({
		data: datosTabla,
		datatype: 'local',
		autowidth: true,
		height: altoTabla,
		colNames:['Sede', 'SNIES', 'Plan'],
		colModel:[
			{name: 'sede', align:'left', resizable: false },
			{name: 'snies', align: 'center', resizable: false },
			{name: 'plan', align: 'center', resizable: false }
		], 
		viewrecords: true,
        emptyrecords: "No hay valores planes de estudio...",
		loadtext: "Cargando...",
		scrollOffset: 11,
		rowNum: datosTabla.length,
		gridComplete: function(){
			jQuery("#divContenedorCurriculum .ui-jqgrid-bdiv").getNiceScroll().resize();
			jQuery("#divContenedorCurriculum #tablaPaginar td").removeAttr("title");
			
			jQuery("#divContenedorCurriculum #tablaPaginar").unbind('mouseover');
			jQuery("#divContenedorCurriculum #tablaPaginar").unbind('mouseout');
		}
	});
	
	jQuery("#divContenedorCurriculum .ui-jqgrid-bdiv").niceScroll({
		cursorcolor : "#0d0b43",
		cursoropacitymin : 1,
		dblclickzoom : false,
		cursorwidth: 5
	});
	
	jQuery(".nicescroll-rails div").css("margin-right", "2px");	
	jQuery("#divContenedorCurriculum #divCargando").remove();
	jQuery(".ui-state-default").css("border", "0px");
}