var mainUrl = "http://www.pr.gov/CitizenPortal/";
var IE = "Microsoft Internet Explorer";

var WebURL = "http://www2.edicion.gobierno.pr";
var spList =  "";

var xmlData = null;
var Category = "Tema";
var Agency = "agen" ;
var SubCat = "scat";
//var qs;
var ci = "Ciudadanos";
var em = "Empleados Publicos";
var ep = "Empresas";
var ol = 1;
var olTitle = "Servicios En Línea";
var tList = new Array();

$(document).ready(function () {
	
		//Add Date to the top of the Page
		$('#Fecha').append(GetCurrentDate());
		
		LoadDoc('TransactionList');
		
		
		//On Theme Menu Hover
		$('#ByThemeMenu li img').hover(function(){			
			$('#ThemeTitle').text($(this).attr("alt"));
			$('#ThemeTitle').css('visibility','visible');
		},
			function() { $('#ThemeTitle').css('visibility','hidden');
		});
		
		
		//On Theme Menu Click
		$('#ByThemeMenu li img').click(function(){			
			$('#ByThemeTitle').text($(this).attr("alt"));
		});
		
});

function AddTitle(text) {
	$('#TitleAdd').append(text);
}

function Show(id)
{
	document.getElementById(id).style.display = "block";
	
	if(id == "cMS"){
		document.getElementById('cBA').style.display = "none";
		document.getElementById('cBT').style.display = "none";					
	}
	else if(id == "cBA"){
		document.getElementById('cMS').style.display = "none";
		document.getElementById('cBT').style.display = "none";		
	}
	else if(id == "cBT") {
		document.getElementById('cMS').style.display = "none";
		document.getElementById('cBA').style.display = "none";
	}		
}

/* Old Method
function LoadDoc(xFile)
 { 	
	
	$.ajax({
		
		type: "GET",
		url: xFile,
		contentType:":application/xml",
		dataType: "text/xml",
		charset:"utf-8",
		success: function(xml) { //On Success	
			$('#loading').css("display","block");
			xmlData = xml;	     //Fill to variable to use it later and make just one call to server!.
			ListOperations(xmlData,"#tList"); 			 
			 $('#loading').css("height","1px;");
			 $('#loading').css("display","none");
		}
	});  
 }  */	
 
function LoadDoc(ListName)
{
	$().SPServices({
		operation: "GetListItems",
		async: false,
		webURL: WebURL,
		listName:  ListName,
		completefunc: function(xData, Status) {							
			//alert(xData.responseText);
			 xmlData = xData;
			 ListOperations(xData,"#tList"); 			 
			 $('#loading').css("height","1px;");
			 $('#loading').css("display","none");

		}						
	}); 
}

function ListOperations(xml,id,filter)
{
	var flag = 1;
	var rColor = null;
	var Cat = null;
	var web = null;
	
			ClearResults(id);
			
			//if (navigator.appName == IE){ xml = parseXml(xml); }
			
			//Old XML Method changed by New Sharepoint List Method by: Waldemar Medina - 9/14/2010
			/* $(xml).find('Transaction').each(function(){
				var ATG = $(this).find('ATG').text();
				var agencia = $(this).find('agencia').text();
				var TransacName = $(this).find('TransacName').text();
				var SubCategoria = $(this).find('SubCategoria').text();
				var CatClientela = $(this).find('CatClientela').text();
				var ThemeID = $(this).find('ThemeID').text();
				var Siglas = $(this).find('Siglas').text();
				var ServicioEnLinea = $(this).find('ServicioEnLinea').text(); */				
				
				
			$(xml.responseXML).find("[nodeName=z:row]").each(function(i){
			
				//alert("Entro");
				
				var ATG = $(this).attr('ows_LinkTitle');
				var agencia = $(this).attr('ows_Agencia');
				var TransacName = $(this).attr('ows_TransacName');
				var SubCategoria = $(this).attr('ows_SubCategoria');
				var CatClientela = $(this).attr('ows_CatClientela');
				var ThemeID = $(this).attr('ows_ThemeID');
				var Siglas = $(this).attr('ows_Siglas');
				var ServicioEnLinea = $(this).attr('ows_ServicioEnLinea'); 
        		
        		if(CatClientela == ci) {Cat = "1";}	
				else if(CatClientela == ep) {Cat = "2";}	
				else if(CatClientela == em) {Cat = "3";}
				
				if(ServicioEnLinea == ol){web = '<span class="tOnline" title="Transacción al instante"></span>'}									
				else{web = "";}
									

				if(flag == 1) {rColor= "even"; flag = 0;} else {rColor = "odd"; flag = 1;}
				var div ='<div class="sLitems ' +rColor + '" id="Trans_'+ATG+'"></div>';				
				
				var toAppend = 	'<span class="cServ"><a title="'+ CatClientela + '" class="color' + Cat  + '"></a></span>'+'<span class="cAgen" title="' + agencia +'">'+Siglas+'</span><span class="cForm"> <a href="' +mainUrl +ATG+'.htm?TRX='+ATG + '">'+TransacName+'</a></span>'+web;
					
		
				if(filter == undefined)	 //Filter by URL Parameters
				{
					if($.getUrlVar(Category) != undefined){ //Por Tema desde el URL
						if(SubCategoria == GetCategory(parseInt($.getUrlVar(Category))))
							
							Append( div,toAppend,id,GetCategory(parseInt($.getUrlVar(Category))) );
							//$(div).html(toAppend).appendTo(id);					
					}
					else if($.getUrlVar(Agency) != undefined){
						if(Siglas == $.getUrlVar(Agency))
//							document.write(Siglas + " <-->"  + $.getUrlVar(Agency) +  " <BR>" );
							Append(div,toAppend,id,$.getUrlVar(Agency));
												
					}
					else if($.getUrlVar(SubCat) != undefined){
						var filtro;
						
						//Set Titles
						if($.getUrlVar(SubCat) == "b"){ filtro = ci; }
						if($.getUrlVar(SubCat) == "c"){ filtro = em; }
						if($.getUrlVar(SubCat) == "d"){ filtro = ep; }
						
						if(CatClientela == filtro){	 Append(div,toAppend,id,filtro);  }
											
					}				
					else{ 
						Append(div,toAppend,id);
					}
				}				
				else //Filtro  por Categorias, Tema
				{				
					if(filter == ci || filter == ep || filter == em || filter == ol)//Por Categorias
					{ 
						if(filter == ol) //En Linea
						{ 
							if(ServicioEnLinea == filter){
								Append(div,toAppend,id,olTitle);}							
						}
						else {// El resto  
							if(CatClientela == filter)
								Append(div,toAppend,id,filter);								
						}
					}
					else { //Por Tema
						if(SubCategoria == filter)
							Append(div,toAppend,id,filter);
					}
				}	
				
			});	
			
	
	//xml.responseXML.cache();	
}

function Append(parent, content, on, title)
{
	$(parent).html(content).appendTo(on);
	$('#ByThemeTitle').text(title);
}

function GetCategory(cat)
{		
	switch (cat) {
		case 1:  return 'Recreación y Deportes / Turismo Interno'; break;
		case 2:  return 'Bienestar Social y Asuntos de Interés General'; break;
		case 3:  return 'Contribuciones / Impuestos/ Exenciones'; break;
		case 4:  return 'Querellas y Reclamaciones'; break;
		case 5:  return 'Patronos y Empleados / Asuntos Laborales '; break;
		case 6:  return 'Operación y Licenciamiento de Negocios y Corporaciones'; break;
		case 7:  return 'Empleados Públicos'; break;
		case 8:  return 'Educación / Cultura / Arte'; break;
		case 9:  return 'Seguridad y Orden/Justicia'; break;
		case 10: return 'Licencias Profesionales / Técnicas'; break;
		case 11: return 'Consultas y Orientaciones Generales'; break;
		case 12: return 'Infraestructura y Transportación'; break;
		case 13: return 'Permisología'; break;
		case 14: return 'Agricultura / Recursos Naturales y Ambientales'; break;
		case 'ci': return ci; break;
		case 'ep': return ep; break;
		case 'em': return em; break;
		case 'ol': return ol; break;
		default: return null;
	}	
}

				
function ClearResults(id)
{
	$(id).val('');$(id).text('');	
}

function parseXml(xml)
{
	if (jQuery.browser.msie)
	{
		var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.loadXML(xml);
		xml = xmlDoc;
	}
	return xml;
}

function GetCurrentDate()
{
	var DayOfWeek = new Array("domingo", "lunes", "martes", "miercoles", "jueves", "viernes" , "sabado");
	var months = new Array(	"enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre",	"octubre", "noviembre", "diciembre");
	var currentTime = new Date();
	var month = currentTime.getMonth();
	var day = currentTime.getDate();
	var year = currentTime.getFullYear();
	var dow = currentTime.getDay();
	var myDate =  DayOfWeek[dow] + " " + day + " de "+ months[month]  + " de "+ year;
	return myDate;
}

function FilterBy(num)
{		
	ListOperations(xmlData,"#tList",GetCategory(num));
}


//Extension de jquery para tomar parametros de URL
$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});


// ----------------------------------------------------------------------------------------------------------------------

function AddToList(data, id)
{
	var tArray = new Array();
	
			$(data.responseXML).find("[nodeName=z:row]").each(function(i){
        		var aName =  $(this).attr("ows_LinkTitle");
        		var aPrifa =  $(this).attr("ows_Column15");
        		var Acro = $(this).attr("ows_Column16");
        		var Icon = $(this).attr("ows_Column24");
        		        		
				tArray.push([aName,aPrifa,Icon, Acro]);				
    		});			
			
			
			tArray.sort();
			
			//alert(tArray.length);
			
			var LastLetter = "";
			var flag = 1;
			var lookfor = "Agency";
			var TargetUrl = "http://www2.edicion.gobierno.pr/Directorios/Pages/InfoAgencia.aspx?";
			var ImageLocationURL = "http://www.gobierno.pr";
			

				$(tArray).each(function(i){
				
					
	  		        	if(flag == 1) {addTo= id; flag = 0;} else {addTo = id; flag = 1;}	
	   		        	
	   		        	//Add Alphabet Letter to the Agency Alphabet Menu or to the Corresponding Agency List
	   		        	if(  this[0].substr(0,1) != LastLetter  )
						{
							LastLetter = this[0].substr(0,1);							
							$('#AlphaMenu').append('<li><a href="#'+ LastLetter +'">'+LastLetter + '</a>&nbsp;&nbsp;</li>'  )
							//$(addTo).append("<div> waldemar</div>");
     						$('<div class="items Letra" style="width: 100%; id="Anchor_'+LastLetter+'"></div>').html('<a class="Alfabeto" style="float:left;"  Name="' + LastLetter + '">'+LastLetter+'</a><a style="float:right;" href="#Menu_Alfabetico">Volver Arriba</a>').appendTo(addTo) ;
						}		
					
						if(flag == 0)
							var cssAlterno = "class = 'OddRow'";
						else(cssAlterno = "")	
						
     					var IconSrc  = "<div id='icon' style='float:left; '><img style='height:31px; width:41px;'  src='" +ImageLocationURL + this[2] + "' /></div>";
						var MainLink = "<div style='float:left; padding:7px 0 0 7px;'  "+ cssAlterno + " ><a href='" +TargetUrl+ "PRIFA="+ this[1] + "' >" + this[0] +  "</a></div>";
					    var Acronim  = "<div style='float:left; width:75px; padding:7px 0 0 7px;  text-align:center; '>"+ this[3]  + "</div>"; 
	   		        	$(id).append("<div " + cssAlterno + " style='width=100%; margin-bottom:10px;'>" + IconSrc + Acronim + MainLink + "</div>");	  
								
				});							
}