/**
* @author Judas 2008©
*/
var recetas;
var image_width = 235;
var image_height = 155;
var thumb_width = 50;
var thumb_height = 32;

function loadRecipie(_index, url, idioma){
	var infoHolder = document.getElementById("platillo-info");
	var readMore = document.getElementById('recipe-read-more');
	
	infoHolder.innerHTML = "<b>"+recetas[_index].nombre+"</b><br/>"+recetas[_index].contenido+"<br/>";
	if(idioma == "es")
		readMore.innerHTML = '<a href="'+url+'" class="read-more">Ver receta</a>';
	else
		readMore.innerHTML = '<a href="'+url+'" class="read-more">See recipe</a>';
	
	var slide_y = $("photo-holder").getStyle("margin-top");
	var myFx = new Fx.Tween("photo-holder", {transition: Fx.Transitions.Cubic.easeOut, duration : 950});
	myFx.start("margin-top", slide_y, -(image_height * _index));
}
function parseRecipies(obj){
	recetas = obj;
	
	var slider = document.getElementById("slide-holder");
	var photoHolder = document.getElementById("photo-holder");
	slider.innerHTML = "";
	photoHolder.innerHTML = "";
	
	for(var i = 0; i<obj.length; i++){
		slider.innerHTML +=  "<a href='javascript:;' onclick=\"loadRecipie("+i+", '"+recetas[i].liga+"', '"+recetas[i].idioma+"')\"><img src='"+recetas[i].imagen+"' width='"+thumb_width+"' height='"+thumb_height+"' alt='Imágen de prueba' border='0'  /></a>";
		photoHolder.innerHTML +=  "<a href=\""+recetas[i].liga+"\"><img src='"+recetas[i].imagen+"' width='"+image_width+"' height='"+image_height+"' border='0' alt='"+recetas[i].nombre+"' /></a>";
	}
	
	loadRecipie(0, recetas[0].liga, recetas[0].idioma);
}

function loadProduct(product, lang){
	var xmlFile = "";
	var id = "";
	var productos = "";
	
	switch(product){
		case "amarilla":
			xmlFile = "maseca-amarilla"+lang+".xml";
			id = "2";
			productos = "Maseca© Amarilla";
			break;
		case "regular":
			xmlFile = "maseca-regular"+lang+".xml";
			id = "1";
			productos = "Maseca© Regular";
			break;
		case "tamales":
			xmlFile = "maseca-tamales"+lang+".xml";
			id = "3";
			productos = "Maseca© para Tamales";
			break;
		case "tortillas":
			xmlFile = "selecta-tortilla-mix"+lang+".xml";
			id = "4";
			productos = "Maseca© Tortillas";
			break;
		case "selecta":
			xmlFile = "selecta-usos-multiples"+lang+".xml";
			id = "5";
			productos = "Maseca© Usos Múltiples";
			break;
	}
	
	var product_ajx = new AjaxObject("productos/productos-json.php", "text", "POST");
	product_ajx.params = "file="+xmlFile;
	product_ajx.onLoad = function(){
		//alimentámos el DOM con la información del producto seleccionado
		var producto = eval(this.response);
		document.getElementById("product-title").innerHTML = producto.nombre;
		$('product-content-text').fade(0);
		setTimeout(function(){
			$('product-content-text').fade(1);
			document.getElementById("product-content-text").innerHTML = producto.descripcion;
			
			if(lang == "")
				var idioma = "es";
			else
				var idioma = "en";
			
			
			var galeria_ajx = new AjaxObject("productos/galeria.php", "text", "POST");
			galeria_ajx.params = "lang="+idioma+"&id="+id+"&producto="+productos;
			galeria_ajx.onLoad = function(){
				r = this.response.split("|x|");       
 				document.getElementById('product-gallery').innerHTML = r[0];
				/*var el = document.createElement('script');
			    el.setAttribute('language', 'JavaScript');
			    el.setAttribute('src', r[1]);
			    document.body.appendChild(el);*/
				//eventload(r[1]);
				var head = document.getElementsByTagName('head')[0];
				var script_el = createScriptNode(r[1]);
				head.appendChild(script_el);
			}
			galeria_ajx.sendAndLoad();
			
		}, 1000);
	}
	product_ajx.sendAndLoad();
}
function eventload(src)
{
   alert('STARTING');
   var head= document.getElementsByTagName('head')[0];
   var script= document.createElement('script');
   script.type= 'text/javascript';
   script.onreadystatechange= function () { alert('READYSTATECHANGE event: '+this.readyState);}
   script.onload= function () { alert('LOAD event');}
   script.src= src;
   head.appendChild(script);
}
function trylfunc()
{
   try {parseRecipies2()} catch (e) {alert('cannot run loaded function');}
}
function createScriptNode(str){
	var e=document.createElement("script");
	e.type = "text/javascript";
	if("text" in e)e.text=str;
	else if("textContent" in e)e.textContent=str;
	else if("innerHTML" in e)e.innerHTML=str;
	else e.appendChild(document.createTextNode(str));
	return e;
}