var tools = [
		// col 1
		[
			{			
				"description":{"longDesc":"Crear cuenta de acceso @Ufasta","shortDesc":"Crear cuenta de acceso @Ufasta"},
				"link":"/serviciosweb/",
				"linkTarget":"_self",
				"image":{"src":"\/imagenes\/popuptools\/ico_crear_cuenta.gif","alt":"Portal Icon"}
			},						
			{
				"description":{"longDesc":"Acceder a la cuenta @Ufasta","shortDesc":"Correo electrónico"},
				"link":"/serviciosweb/",
				"linkTarget":"_self",
				"image":{"src":"\/imagenes\/popuptools\/ico_correo.gif","alt":"Portal Icon"}				
			},
			{
				"description":{"longDesc":"Buscar material bibliográfico","shortDesc":"Búsqueda en Biblioteca"},
				"link":"/MediatecaWeb/catalogo/default.asp",
				"linkTarget":"_self",
				"image":{"src":"\/imagenes\/popuptools\/ico_folder.gif","alt":"Portal Icon"}				
			},
			{
				"description":{"longDesc":"Buscar por palabras claves","shortDesc":"Búsqueda en el Sitio"},
				"link":"/BuscadorWeb/buscador.asp",
				"linkTarget":"_self",
				"image":{"src":"\/imagenes\/popuptools\/ico_search.gif","alt":"Portal Icon"}				
			},
			{
				"description":{"longDesc":"Fotos de UFASTA","shortDesc":"Galería de Fotos"},
				"link":"/acerca_fasta/galeria_fotos.asp",
				"linkTarget":"_self",
				"image":{"src":"\/imagenes\/popuptools\/ico_fotos.gif","alt":"Portal Icon"}				
			}			
		],
		//col2
		[					
			{
				"description":{"longDesc":"SiufWeb y Educación a Distancia","shortDesc":"Campus Virtual"},
				"link":"/AccesoAlumnosDocentes/acceso_alumnos_docentes.asp",
				"linkTarget":"_self",
				"image":{"src":"\/imagenes\/popuptools\/ico_lock.gif","alt":"Portal Icon"}				
			},
			/*
			{
				"description":{"longDesc":"Cartelera de noticias","shortDesc":"Cartelera virtual"},
				"link":"/Prensa/Cartelera.asp",
				"image":{"src":"\/imagenes\/popuptools\/ico_cartelera.gif","alt":"Portal Icon"}				
			},	
			*/
			{
				"description":{"longDesc":"Reportar problemas del Sitio","shortDesc":"Reporte de problemas"},
				"link":"/reporteProblemasSitio/reporte_problemas_sitio.asp",
				"linkTarget":"_self",
				"image":{"src":"\/imagenes\/popuptools\/ico_gear.gif","alt":"Portal Icon"}				
			},		 
			{
				"description":{"longDesc":"Servicios del Depto. de Informática","shortDesc":"Departamento de Informática"},
				"link":"/dptoinfo/index.asp",
				"linkTarget":"_self",
				"image":{"src":"\/imagenes\/popuptools\/ico_inform.gif","alt":"Portal Icon"}				
			},
			{
				"description":{"longDesc":"Inscripciones a actividades deportivas","shortDesc":"Deportes"},
				"link":"/Deportes/inscripciones.asp",
				"linkTarget":"_self",
				"image":{"src":"\/imagenes\/popuptools\/ico_depor.gif","alt":"Portal Icon"}				
			},
			{
				"description":{"longDesc":"Ofertas de empleo","shortDesc":"Oportunidades UFASTA"},
				"link":"http://pasantias.ufasta.edu.ar/verOfertas.cfm",
				"linkTarget":"_blank",
				"image":{"src":"\/imagenes\/popuptools\/ico_empleos.gif","alt":"Portal Icon"}				
			}				
			
		],
		//col3
		[					
			{
				"description":{"longDesc":"Blogs de ufasta.edu.ar","shortDesc":"Blogs"},
				"link":"http://blogs.ufasta.edu.ar/",
				"linkTarget":"_blank",
				"image":{"src":"\/imagenes\/popuptools\/ico_blog.gif","alt":"Portal Icon"}				
			},
		 	{
				"description":{"longDesc":"Servicios de la Mutual","shortDesc":"Mutual D' Agostino"},
				"link":"http://www.mutualdagostino.com.ar/mutual/Categorias/",
				"linkTarget":"_blank",
				"image":{"src":"\/imagenes\/popuptools\/ico_mutual.gif","alt":"Portal Icon"}				
			},
		 	{
				"description":{"longDesc":"Twitter","shortDesc":"Seguinos"},
				"link":"http://www.twitter.com/ufasta",
				"linkTarget":"_blank",
				"image":{"src":"\/imagenes\/popuptools\/ico_twitter.gif","alt":"Portal Icon"}				
			},
		 	{
				"description":{"longDesc":"Facebook","shortDesc":"Hacete Fan"},
				"link":"http://www.facebook.com/pages/Mar-del-Plata-Argentina/Universidad-FASTA/290613420052",
				"linkTarget":"_blank",
				"image":{"src":"\/imagenes\/popuptools\/ico_facebook.gif","alt":"Portal Icon"}				
			},
			{
				"description":{"longDesc":"Conoce las ofertas","shortDesc":"Pasantías UFASTA"},
				"link":"http://pasantias.ufasta.edu.ar/verofertas.cfm?ofertas=practicas",
				"linkTarget":"_blank",
				"image":{"src":"\/imagenes\/popuptools\/ico_pasantias.gif","alt":"Portal Icon"}				
			}			
		]
	]


function addEvent( obj, type, fn ) {
	if (obj.addEventListener) {
		obj.addEventListener( type, fn, false );
		EventCache.add(obj, type, fn);
	}
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
		EventCache.add(obj, type, fn);
	}
	else {
		obj["on"+type] = obj["e"+type+fn];
	}
}

var EventCache = function(){
	var listEvents = [];
	return {
		listEvents : listEvents,
		add : function(node, sEventName, fHandler){
			listEvents.push(arguments);
		},
		flush : function(){
			var i, item;
			for(i = listEvents.length - 1; i >= 0; i = i - 1){
				item = listEvents[i];
				if(item[0].removeEventListener){
					item[0].removeEventListener(item[1], item[2], item[3]);
				};
				if(item[1].substring(0, 2) != "on"){
					item[1] = "on" + item[1];
				};
				if(item[0].detachEvent){
					item[0].detachEvent(item[1], item[2]);
				};
				item[0][item[1]] = null;
			};
		}
	};
}();

	
function CargarPopup(){

	// loop through each tool menu (each will be a UL)
	
	var popup = document.getElementById('appeartools')

	for (var i = 0; i < tools.length; ++i){
		
		var ul = document.createElement('ul')
		ul.className = 'col1'
		for (var j = 0; j < tools[i].length; ++j){
			var li = document.createElement('li')
			var a = document.createElement('a')
			
			var tool = tools[i][j]
			a.href = tool.link
			a.target = tool.linkTarget
			
			var img = document.createElement('img')
			img.src = tool.image.src
			img.alt = tool.image.alt

			
			var description = document.createElement('span')
			description.className = 'description'
			var shortDescription = document.createElement('em')
			shortDescription.innerHTML = tool.description.shortDesc
			var longDescription = document.createElement('span')
			longDescription.innerHTML = tool.description.longDesc	
			
			// create DOM tree
			li.appendChild(a)
			a.appendChild(img)
			description.appendChild(shortDescription)
			description.appendChild(longDescription)
			a.appendChild(description)
			ul.appendChild(li)
		}
		
		popup.appendChild(ul) 	

	} 
	
}
 
CargarPopup();