// JavaScript Document

var myglobalFlag=0;
var xmlhttp;
var selected;
//inicializa los request para AJAX
function initXMLHTTP(){
	if (xmlhttp!=null && xmlhttp.readyState!=0 && xmlhttp.readyState!=4){//reinicializa la variable
			xmlhttp.abort();
	}
	try {
		xmlhttp=new XMLHttpRequest();
	}
	catch(error){
		try{
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch(error){
			return false;
		}
	}
}

function show_Content(content){
	initXMLHTTP();
	var url='http://www.srcalavera.com/my_abuelita/php/abuelita.php';
	var sendPOST = content+'=yes';
	//alert(sendPOST);
	xmlhttp.open('POST',url, true);
	xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');//Es necesario para hacer que los campos aparezcan en la variable global POST
	xmlhttp.setRequestHeader('Content-length',sendPOST.length);
	xmlhttp.setRequestHeader('Connection','close');
	xmlhttp.onreadystatechange=function(){//funcion anonima
		var response=xmlhttp.responseText.split("|");
		//alert(xmlhttp.reponseText);
		//alert(response[0]+response[1]+response[2]);
		if(response[0]==0){
			document.getElementById('content').style.width='500px';
			document.getElementById('content').innerHTML =response[1];
		}
		else if(response[0]==2){//encontro un duplicado
			document.getElementById('content').innerHTML =response[1];
			var dynamic_content = document.getElementById('dynamic_content');
			var content = document.getElementById('content');
			content.style.width='650px';
			dynamic_content.style.paddingLeft='0px';
			dynamic_content.style.width='650px';
			dynamic_content.style.height='526px';
		}
		else{
			document.getElementById('content').style.width='500px';
			}
	};
	xmlhttp.send(sendPOST);
}

function show_Title(content){
	var text = document.getElementById('link_text');
	switch (content){
		case 'book_cover':
			text.innerHTML="My Abuelita";
			break;
		case 'illustrating':
			text.innerHTML='Making My Abuelita';
			break;
		case 'praise':
			text.innerHTML='';
			break;
		case 'for_you':
			text.innerHTML='For you';
			break;
		case 'photo_album':
			text.innerHTML = "Frida's Photoalbum";
			break;
		case 'stores':
			text.innerHTML = 'Where to find My Abuelita';
			break;
		case 'clear':
			text.innerHTML = ' ';
		default:
			break;
	}
}

function clear(){
	var text = document.getElementById('link_text');
	text.innerHTML =''
}

function next(counter){
	var photos=document.getElementById('photos');
	var image = counter+1;
	image_source='';
	switch(image){
		case 1:
			image_source = "images/bath_time.jpg";
			break;
		case 2:
			image_source = "images/breakfast.jpg";
			break;
		case 3:
			image_source = "images/cat.jpg";
			break;
		case 4:
			image_source = "images/halloween.jpg";
			break;
		case 5:
			image_source = "images/hanging_out.jpg";
			break;
		case 6:
			image_source = "images/dog.jpg";
			break;
		case 7:
			image_source = "images/frida_frida.jpg";
			counter=-1;
			break;
		default:
			break;
	}
	counter++;
	photos.innerHTML='<img src="'+image_source+'"/>';
  	photos.onclick= function(){next(counter);};
}