/*
JavaScript Document
www.celeste.com.mx
Aleckz F. (aleckzf@gmail.com)
*/

var Articulo = Class.create();
Articulo.prototype = {
	initialize: function (id, jer, pic, enc, sub, img) {
		this.id = id;
		this.jer = jer;
		this.pic = pic;
		this.enc = enc;
		this.sub = sub;
		this.img = img;
	},
	poblar: function () {
		var contenedor = $('articulos_principal');
		var wrap = document.createElement('div');
		wrap.addClassName('articulo_ext');
		var destino = 'featured_content.php?id='+this.id+'&jer'+this.jer;
		
		//MOUSEOVER IMG//
		var img = document.createElement('img');
		img.src = this.img;
		if(this.jer == '1') {
			$('bloque_1').innerHTML = '';
			$('bloque_1').appendChild(img);
		}
		Event.observe(wrap,'mouseover',function(){$('bloque_1').innerHTML='';$('bloque_1').appendChild(img);});
		
		//PIC//
		var picDiv = document.createElement('div');picDiv.addClassName('articulo_ext');
		var pic = document.createElement('img');
		pic.src = this.pic;
		var picLink = document.createElement('a');
		picLink.setAttribute('href', destino);
		picLink.appendChild(pic);
		wrap.appendChild(picLink);
		
		//ENC//
		var encDiv = document.createElement('div');
		encDiv.addClassName('txt_articulo_ext_enc');
		var encLink = document.createElement('a');
		encLink.setAttribute('href', destino);
		encLink.innerHTML=this.enc;
		encDiv.appendChild(encLink);
		wrap.appendChild(encDiv);
		
		//SUB//
		var subDiv = document.createElement('div');
		subDiv.addClassName('txt_subenc');
		var subLink = document.createElement('a');
		subLink.setAttribute('href',destino);
		subLink.innerHTML = this.sub;
		subDiv.appendChild(subLink);
		wrap.appendChild(subDiv);
		
		//ANEXAR//
		contenedor.appendChild(wrap);
	}
}

var Articulos = new Array();

function procesarDatos(datos) {
	var dat = datos;
	for (var i=0; i<= dat.articulo.size(); i++) {
		Articulos[i] = new Articulo(dat.articulo[i].id, dat.articulo[i].jer, dat.articulo[i].pic.substring(18).replace('">',''), dat.articulo[i].enc, dat.articulo[i].sub, dat.articulo[i].img.substring(18).replace('">',''));
		Articulos[i].poblar();
	}
}

function reqDatos () {
	new Ajax.Request('currentdat.php', {
			method:'post',
			encoding:'iso-8859-1',
			onComplete:function (transport) {procesarDatos(transport.responseText);}
	})	
}

function inicializar() {
	reqDatos();
}

Event.observe(window, 'load', inicializar);