////////////////////////////////////
// Enrique Meléndez Estrada
// creado : 02/09/2004
// version : 27/02/2006
////////////////////////////////////

/** 
	hace falta declarar como globales estas variables de Google Maps/Search, para que funcione en IE6.0 (manda huevazos)
**/
var map;
var marker; 
var map2;
var marker2;
var searchControl;
var localSearch;		

// $(document).ready(...);
$(function(){
	//
	// If browser is IE, disable BackgroundImageCache
	//
		if (jQuery.browser.msie) {
			try { document.execCommand( "BackgroundImageCache", false, true); } 
			catch(err){}
		};
	$('#ITAtitulo li > a')
		.each(function(){
			var $t = $(this);
			$t.attr("title", $t.text());
		})
		;
	//
	// rel = "_blank" -> target = "_blank"
	//
	$('a[rel=_blank]').attr('target','_blank');
	//
	// seleccion idioma
	//
	$("#ITAlang")
		.find("select")
			.bind("change",function(){$(this).parents("form").submit(); $("body").css("cursor","wait");})
			.end()
		.find("input")
			.hide();
	//
	// MENU SUPERIOR HORIZONTAL
	//
	$('#ITAmenu')
		.attr('id','ITAmenu_javascript')
		.find('div.registro > ul')
			.addClass("jd_menu")
			.jdMenu()
			.find(' > li li')
				.css({opacity:'0.9'})
				.filter(function(index) { return !($("ul", this).length == 0);})
					.addClass("subMenu");
				;
	// Add menu hiding on document click
	$(document).bind('click', function() {
		$('#ITAmenu ul.jd_menu').jdMenuHide();
	});
	
	//
	// ANIMACION PORTADA
	//
	var o = $('#ITAcontenido div.PORTADA_SECCIONES>div.body')
	if (o.length) {
		$("div.registro > div.texto",o).prepend('<img style="position:absolute;left:600px" src="lib_temas/ita/lib_img/imagen_FondoTexto.jpg"></img>');
		$("div.registro:eq(0)>div.texto",o).prepend('<img style="position:absolute;left:0px" src="lib_temas/ita/lib_img/imagen_CentroTecnologico.jpg"></img>');
		$("div.registro:eq(1)>div.texto",o).prepend('<img style="position:absolute;left:0px" src="lib_temas/ita/lib_img/imagen_Actividad.jpg"></img>');
		$("div.registro:eq(2)>div.texto",o).prepend('<img style="position:absolute;left:0px" src="lib_temas/ita/lib_img/imagen_Actualidad.jpg"></img>');
		$("div.registro:eq(3)>div.texto",o).prepend('<img style="position:absolute;left:0px" src="lib_temas/ita/lib_img/imagen_Enlaces.jpg"></img>');
		$("div.registro:eq(4)>div.texto",o).prepend('<img style="position:absolute;left:0px" src="lib_temas/ita/lib_img/imagen_Cursos.jpg"></img>');
		$("div.registro:eq(5)>div.texto",o).prepend('<img style="position:absolute;left:0px" src="lib_temas/ita/lib_img/imagen_BecasEmpleo.jpg"></img>');
		
		 o.innerfade({
			animationtype: 'fade',
			speed: 'slow',
			timeout: 5000,
			type: 'sequence',
			containerheight: '360px'
		});
	}
	else{
		$('#ITAcontenido')
			.children('div[@class*=DESCARGAS_]').addClass('DESCARGAS').end()
			.children('div[@class*=IMAGENES_]').addClass('IMAGENES').end()
			.children('div[@class*=ENLACES_]').addClass('ENLACES_DE_INTERES').end()
			.children('div[@class*=TEXTO_HTML_]').addClass('TEXTO_HTML').end()
			.find('a[@href*=rss]').addClass('rss')
			;
	}
	

	//
	// INDICE
	//
	var $Index = $('> div.CURSOS > div.header, > div.ACTUALIDAD > div.header,> div.ACTUALIDAD_ARCHIVOS > div.header, > div.BECASYEMPLEO > div.header, > div.PROYECTOS > div.header,  div.TEXTO_HTML h2', '#ITAcontenido');
	if ($Index.length){
		$('#ITAcontenido').prepend('<div class="tipoDIV INDICE"><div class="header">'+_indice+'</div><div class="body" id="ITAindex"></div></div>');
		var $ITAindex = $("#ITAindex");
		$Index.each(function(index){
			$ITAindex.append('<div class="registro"><div class="tipo202 link"><a class="index" href="#index'+index+'">'+$(this).html()+'</a></div></div>')
			$(this).prepend('<a name="index'+index+'"></a>');
			})
			;
	};
	
	//
	// HOVER A LISTADOS
	//
	$('div.ACTUALIDAD, div.ACTUALIDAD_ARCHIVOS, div.BECASYEMPLEO, div.CURSOS, div.PROYECTOS', '#ITAcontenido')
		.find("div.registro")
			.bind('click', function(){ 
				var $a = $('a:first', this); 
				if ($a.attr('target')=="_blank")
						window.open($a.attr("href"));
				else	document.location.href = $a.attr("href");
				})
			.hover(function(){$(this).css({backgroundColor:'#e1f0f7', cursor: 'pointer'})},function(){$(this).css({backgroundColor:''})} )
			;
	//
	// PLUGIN MEDIA : INSCRUSTAR VIDEOS
	//
	//$('#ITAcontenido a.media').media({type:'swf'});
	$('#ITAcontenido a')
		.filter('[href$=.flv]') // tipo flv, guardados en nuestro servidor
			.media({width: '100%', height: 241, bgColor:'transparent',autoplay: false, flashvars:     {autostart: false}})
			.end()
		.filter('[href*=youtube],[href*=video.google]') // guardados en youtube.com
			//.each(function(){this.href += "&hl=es&fs=1&rel=0&border=1&autoplay=1"})
			.each(function(){this.href += "&hl=es&fs=1&rel=0"})
			.media({
				width: '100%', 
				height: 232, 
				bgColor:'transparent',
				autoplay: false, 
				type:'swf',
				params:{allowfullscreen:'true', allowscriptaccess:'always'}
				})
				;
	//
	// FORMULARIOS DE INSCRIPCION, COMO IFRAMES INCRUSTADOS...
	//
	$('#ITAcontenido div.TEXTO_HTML a.thickbox')
		.unbind('click')
		.bind('click',function(e){
			var $f = $('#ITAform');
			// si existe, ve directamente allí...
			if ($f.length)
				{ document.location.href = "#ITAform"; return false; };
			$('<iframe src="'+ this.href +'" style="width:100%;border:0 dashed #C3D7F0;height:0" frameborder="0" scrolling="no"></iframe>')
				//.hide()
				.bind('load',function(){ 
					var $e = $(this).contents()
						.find("#ITAtitulo,#ITAFORM").css({position: 'relative', border: '0 none transparent',overflow:'visible'})
						;
					$e.length && $(this)
						.animate({height: ($e[1].scrollHeight + $e[0].clientHeight+5)+'px',borderTopWidth:'1px',borderBottomWidth:'1px'},1000, function(){document.location.href = "#ITAform";})
						.siblings('img').hide()
						;
					})
				.insertAfter(this)
				;
			$(this)
				.after('<img style="margin-left:10px" src="lib_temas/ita/lib_img/loadingAnimation.gif" />')
				.after('<a id="ITAform" name="formulario"></a>');
			
			return false;
	
		});
		;
	//<object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/yuWuwaQRf38&hl=es&fs=1&rel=0&border=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/yuWuwaQRf38&hl=es&fs=1&rel=0&border=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="349"></embed></object>
	//<embed id="VideoPlayback" src="http://video.google.com/googleplayer.swf?docid=8538357420660710509&hl=es&fs=true" style="width:400px;height:326px" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash"> </embed>
	//
	// GOOGLE MAPS
	//
	var $mapa = $('#map');
	if ($mapa.length) {
		if (GBrowserIsCompatible()) {
			var sMapHTML = '<center><strong>Instituto Tecnol&oacute;gico de Arag&oacute;n (ITA)</strong><br /><br />C/ Mar&iacute;a de Luna, n&ordm; 7. 50018 Zaragoza<br />Centralita: <strong><em>976 010 000<br /></em></strong>Fax: 976 011 888 - 976 011 889<br />e-mail: <a href="mailto:ita@ita.es">ita@ita.es</a><br /><br /><a target="_blank" style="font-size:90%" href="http://maps.google.com/maps?f=l&hl=es&q=instituto+tecnologico+de+aragon&near=Calle+de+Mar%C3%ADa+de+Luna,+50018+Zaragoza,+Spain&layer=&ie=UTF8&t=h&om=1&cid=41682497,-887639,9383895890218345865&z=18&ll=41.682544,-0.8872&spn=0.002828,0.004989&iwloc=A">Ver en otra ventana</a></center>';
			$mapa.height(350);
			map = new GMap2($mapa.get(0));
			map.addControl(new GLargeMapControl());
			map.addControl(new GMapTypeControl());
			map.setCenter(new GLatLng(41.681674,-0.887652), 13);
			marker = new GMarker(map.getCenter());
			map.addOverlay(marker);
			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowHtml(sMapHTML);});
			marker.openInfoWindowHtml(sMapHTML);
		};
		$("document").unload(function(){GUnload();});
	};
	$mapa2 = $('#map2');
	if ($mapa2.length) { 
		if (GBrowserIsCompatible()) {
			var sMapHTML2 = '<div><center><strong>ITA sede Walqa (Huesca) </strong><br /><br />Desarrollo de la Sociedad de la Informaci&oacute;n<br />Parque Tecnol&oacute;gico Walqa<br />Edificio Uno. Ctra. Zaragoza, N 330a, km 566.<br /> 22197 Cuarte (Huesca)<br />Tel&eacute;fono : <em><strong>974 215491</strong></em><br /><br /><a target="_blank" style="font-size:90%" href="http://maps.google.com/maps?f=l&hl=es&q=parque+tecnologico+walqa&near=Huesca&layer=&ie=UTF8&z=17&ll=42.106796,-0.458786&spn=0.00562,0.009978&t=h&om=1&iwloc=A">Ver en otra ventana</a></center></div>';
			
			$mapa2.height(350);
			map2 = new GMap2($mapa2.get(0));
			map2.addControl(new GLargeMapControl());
			map2.addControl(new GMapTypeControl());
			map2.setCenter(new GLatLng(42.106796,-0.458786), 13);
			marker2 = new GMarker(map2.getCenter());
			map2.addOverlay(marker2);
			GEvent.addListener(marker2, "click", function() {
				marker2.openInfoWindowHtml(sMapHTML2);});
			marker2.openInfoWindowHtml(sMapHTML2);
		};
		$("document").unload(function(){GUnload();});
	};

	//
	// GOOGLE SEARCH
	//
	/*
	var $search = $('#searchcontrol');
	if ($search.length){
	    //<![CDATA[    
			GSearch.setOnLoadCallback(function(){
				// Create a search control      
				searchControl = new GSearchControl();      
				// Add in a full set of searchers      
				localSearch = new GlocalSearch();      
				searchControl.addSearcher(localSearch);      
				searchControl.addSearcher(new GwebSearch());      
				//searchControl.addSearcher(new GvideoSearch());      
				//searchControl.addSearcher(new GblogSearch());      
				// Set the Local Search center point      
				localSearch.setCenterPoint("Zaragoza, Spain");      
				// Tell the searcher to draw itself and tell it where to attach      
				searchControl.draw($search.get(0));      
				// Execute an inital search      
				searchControl.execute("Google");	
			});    
			//]]>
	}
	*/
	//
	// AJAX: PROYECTOS RELACIONADOS (CON ESTA PANTALLA)
	//
	$.ajax({
		type:	"post",
		url:	"lib_asp/ITAjax_proyectos_relacionados.asp",
		data:	"",
		dataType:"html",
		success: function(response) {
			if (!!response)
				$(response).insertBefore("#ITAcontenido > div.TEXTO_HTML:first");
			},
		error: function(response){}
	});
	//
	// OCULTAR LISTADOS DERECHA VACIOS (documentos, enlaces, proyectos relacionados...)
	//
	$('div.body:empty')
		.parent()
		.add('#ITAcontenido > div.TEXTO_HTML div.Resumen:empty')
			.hide();
	
	//
	// PROYECTOS: cambiar maquetacion por usuario
	//
	var $proyectos = $("#ITAcontenido > div.PROYECTOS");
	if ($proyectos.length){
		$('<select><optgroup label="Filtrar Por"></optgroup><option value="" >Ver Todos los proyectos...</option></select>')
			.add($('<img class="layoutNormal" title="vista en lista completa" src="/lib_ITAtools/icons/application_side_boxes.png"></img>')
					.bind('click', function(){$proyectos.removeClass("layoutCell layoutLine")}))
			.add($('<img class="layoutCell" title="vista en mosaico" src="/lib_ITAtools/icons/application_view_tile.png"></img>')
					.bind('click', function(){$proyectos.removeClass("layoutLine").addClass("layoutCell")}))
			.add($('<img class="layoutLine" title="vista en lista reducida" src="/lib_ITAtools/icons/application_view_list.png"></img>')
					.bind('click', function(){$proyectos.removeClass("layoutCell").addClass("layoutLine")}))
			.css({float: "right", cursor: "pointer", marginLeft: "5px", fontFamily: "arial", fontSize: "8pt"})
			.prependTo('#ITAcontenido > div.PROYECTOS_ACTIVOS > div.header')
			;
		$.ajax({
			type:	"post",
			url:	"lib_asp/ITAjax_proyectos_filtrarpor.asp",
			data: "",
			dataType:"html",
			success: function(response) {
				var $header = $("#ITAcontenido > div.PROYECTOS > div.header");
				if (!!response)
					$header.find("> select")
						.append(response)
						.bind("change", function(){
							$proyectos.find("> div.body > div.registro")
								.show()
								.filter(':not(:has(a.'+$(this).val()+'))')
									.hide();
							})
						.find("option")
							.each(function(index){
								if(!index) return; // salto el primero
								var $this = $(this);
								var $p = $proyectos.find("a."+$this.val())
								var num = $p.length; // numero de proyectos de ese tipo (etiqueta)
								if (num){ // si existe algun proyecto con ese tipo entonces...
									var t = $this.text();
									$this.text(t +" ["+num+"]"); // añado dicho numero al titulo
									// añado el tipo (etiqueta) a cada proyecto
									$p.after('<span class="palabras-clave">'+t+' /</span>');
								} else { $this.remove();} //caso 0 proyectos, borro option
							})
							.end()
						.find("optgroup:empty") // caso de optgroup sin hijos, los borro
							.remove();
				//fallo en css en IE...hay que "tocar" el CSS
				$header.find("> img.layoutNormal").trigger("click");
				},
			error: function(response){}
		});
	};	
	//
	// logo FONDO SOCIAL EUROPEO
	//
	$('#logo-ue-feder')
		.bind('click', function(){ window.open('http://portal.aragon.es/portal/page/portal/FONDOS_ESTRUCTURALES/PERIODOPROGRAMACION2007');})
		.attr('title','ir a Fondo Social Europeo')
		;
});

var dss = document.styleSheets;
var sPlantillasAsp ="lib_asp/plantilla.asp?ID=";
var sCSSbutton =	"font-family:verdana; font-size:7.5pt";
var sCSSdiv=		"display:block; position:absolute; z-index:50; top:0;right:0";
var sCSSiframe =	"position:absolute;top:-10px;height:1px;width:1px";

function ITAcms_CambiarCSS(iFicheroCSS)
{
	// sólo cambia el CSS, si no estaba previamente ACTIVADO
	// !!! NO FUNCIONA EN MOZILLA
	// SI iFicheroCSS no es un número y es el ID...
	
	if (dss[iFicheroCSS].disabled !=false)
		{
		ITAcms_desactivarTodosCSS();
		dss[iFicheroCSS].disabled = false;
		}
}

function ITAcms_desactivarTodosCSS()
{
	var iCont = dss.length;
	for (var i=0; i<iCont; i++)
		if (dss[i].className == "ITAcms_theme")
			dss[i].disabled = true;
}

function ITAcms_getBotonesCSS()
{
	var iCont = dss.length;
	sHTML =	'<button style="'+sCSSbutton+'" onclick="ITAcms_verHTML()">Ver HTMLs</button>';
	sHTML +=	'<select style="'+sCSSbutton+'" onchange="ITAcms_CambiarCSS(this.value)">';
	for (var i=0; i<iCont; i++)
		sHTML +='<option '+(!i ?'selected':'')+' value="'+i+'">'+ dss[i].title +'</option>';
	document.write('<div style="'+sCSSdiv+'">'+ sHTML + '</select></div>');
}

function ITAcms_getImgPutOnclick(oDiv)
{
	var cImg = oDiv.getElementsByTagName("img");
	for (var i=0;i<cImg.length ;i++)
		cImg[i].onclick = function _openImg(){window.open(this.src)};
}

function ITAcms_verHTML()
{
	var w= window.open("about:blank","_blank");
	var s="";
	for (var i in _aTarget)
		s+='<span style="padding:2px;background-color:#fff;color:#007;font:bold 20px verdana">#'+_aTarget[i]+'</span><pre class="html" style="font:normal 12px \'new courier\'; background-color:#eee; display:block; margin-bottom:10px; border:2px solid #007; padding:5px">'+document.getElementById(_aTarget[i]).innerHTML.split("<").join("&lt;").split(">").join("&gt;")+'</pre>';
	w.document.write(s);
	w.document.close();
}