PWC.Utils.addEvent(window,"load",function(evt){
    PWC.oTags = [];
    PWC.oTags["principal"] = new PWC.TagsObject("principal");
    PWC.oTags["principal"]._init();
    PWC.oTags["principal"].urlHandler = rutaHandler;
    PWC.oTags["principal"].onLoad = function(){
    }
    PWC.oTags["principal"].load("pg=getTags&id="+ idTag);
});
PWC.TagsObject = function(indice){
    var self = this;
	self.indice = indice;
    self.xml = null;
    self.xf = PWC.Utils._xml;
    self.divID = "blog_post_list"; // div principal contenedor de msgs y formulario
    self.divPagingID = "blog_post_paging";
    self.divMainID = "fullBlogPostList";
    self.mainDiv = null;
	self.divpage = null;
	self.txtdiv = null;
    self.currentvars = "";
    self.pagina = 1;
    self.numpages = 1;
    self.xpagina = 10;
	self.nresultados = 0;
	self.urlHandler = "";
	self.guid = "";
    self.nmaximo = 11;
    self.autorNode = null;
    self.onLoad = function(){};
    self._init = function(){
        self.divpage = document.getElementById(self.divPagingID);
        self.txtdiv = document.getElementById(self.divID);
        self.mainDiv = document.getElementById(self.divMainID);
    }
    self.p = function(pindex){
		if(self.nresultados == 0)return;
        var pnum = Math.ceil(self.nresultados/self.xpagina);
		if(pindex < 1)pindex = 1;
		else if(pindex > pnum)pindex = pnum;
		self.pagina = pindex;
        self.load(self.currentvars);
    }
	self.PrintResults = function(obj){
	    obj.innerHTML = self.nresultados;
	}
    self.setpaging = function(pnum){
        var divpage = self.divpage;
        pnum = Math.ceil(pnum/self.xpagina);
        var mitad = Math.ceil(self.nmaximo / 2);
        var htm = "<span class='pages'>Page " + self.pagina + " of " + pnum + "</span>";
        htm += '<a href="#" title="&laquo; Primera" onclick="PWC.oTags[\''+self.indice+'\'].p(1);return false;">&laquo; Primera</a>';
        var ultima = 1;
        if(self.pagina < mitad){
            ultima = (pnum < self.nmaximo)?pnum:self.nmaximo;
            for(var i = 1;i <= ultima;i++){
                var clase = "";
                if(self.pagina == i)clase ='class="current"';
                htm += '<a href="#" onclick="PWC.oTags[\''+self.indice+'\'].p('+i+');return false;" title="'+i+'"><span '+clase+'>'+i+'</span></a>';
            }
        }else{
            var inicio = (self.pagina - (mitad))+1;
            var nfinal = (self.pagina + (mitad))-1;
            for(var i = inicio;i <= self.pagina-1;i++){
                htm += '<a href="#" onclick="PWC.oTags[\''+self.indice+'\'].p('+i+');return false;" title="'+i+'">'+i+'</a>';
            }
            for(var i = self.pagina;i <= nfinal;i++){
                var clase = "";
                if(self.pagina == i)clase ='class="current"';
                if(i > pnum)break;
                htm += '<a href="#" title="'+i+'" onclick="PWC.oTags[\''+self.indice+'\'].p('+i+');return false;" ><span '+clase+'>'+i+'</span></a>';
            }
        }
        htm += '<a href="#" title="&Uacute;ltima &raquo;" onclick="PWC.oTags[\''+self.indice+'\'].p('+pnum+');return false;">&Uacute;ltima &raquo;</a>';
        divpage.innerHTML = htm;
    }
    self.parse = function(){
        var x = self.xml.documentElement;
        var config = x.getElementsByTagName("configuracion")[0];
        var tpaginas = Number(self.xf._subnodevalue(config,"conteo"));
        //alert(tpaginas);
		self.nresultados = tpaginas;
        self.setpaging(tpaginas);
        var posts = x.getElementsByTagName("articulos")[0];
        self.txtdiv.innerHTML = "";
		self.txtdiv.style.display = "none";
        var lcapa = self.layer(posts,"");
        self.txtdiv.appendChild(lcapa);
		$(self.txtdiv).fadeIn("slow");
    }
    self.load = function(vars){
        self.currentvars = vars;
        vars += "&pagina="+self.pagina;
        var _xml = new PWC.MyServer();
        _xml.url = self.urlHandler;
        //alert(vars);
        _xml.vars = vars;
        var capatop = self.txtdiv;
        capatop.innerHTML = "Cargando..";
        _xml.onFinish = function(){
            self.xml = _xml.responseXML;
            self.parse();
            self.onLoad();      
        }
        _xml._get(); 
    }
    self.layer = function(nodo,clase){
        var capa = document.createElement("div");
        capa.className = clase;
        var posts = nodo.getElementsByTagName("articulo");
        var htm = '';
        for(var i=0;i<posts.length;i++){
            var post = posts[i];
            var postID = post.getAttribute("id");
			var srcImage =  self.xf._subnodevalue(post,"rutaThumbnail");
            var titulo = self.xf._subnodevalue(post,"titulo");
            var texto = self.xf._subnodevalue(post,"descripcion");
            var urlDetalle = rutaGlobal + "Articulos/"+postID+".htm";
			htm += '<div class="blogpost">';
            htm += '<div class="floatR">';
            htm += '<h2><a href="'+urlDetalle+'">'+titulo+'</a></h2>';
            htm += '<p>'+texto+'</p>';
            htm += '<p class="read_more"><a href="'+urlDetalle+'" title="Leer m&aacute;s... [ + ]">Leer m&aacute;s... [ + ]</a></p>';
            htm += '</div>';
            htm += '<div class="floatL"><a href="'+urlDetalle+'"><img src="'+srcImage+'" alt="image" width="156"/></a></div>';
            htm += '</div>';
		}
		capa.innerHTML = htm;
		return capa;
	}

}