//window.onload = initCalendars;
window.addEvent('domready', function() {
	 	
	var form = new FormCheck('book');
	form.options.submitByAjax = true;
	form.options.onAjaxSuccess = succesStore;
	form.options.onAjaxFailure = ajaxError;
	//form.submitByAjax = mySubmitByAjax;
	//form.options.display.showErrors = 1;
	//addRow();
	loadCountries();
	loadMensajes();
	$('book').reset();
});


function addErrorRow(Text, style)
{
	var cellLeft = $('messageCell');
	if(! cellLeft)
	{
		var tbl = document.getElementById('marco');
		 var lastRow = tbl.rows.length;
		 // if there's no header row in the table, then iteration = lastRow + 1
		 //var iteration = lastRow;
		 var row = tbl.insertRow(0);
		 
		 // left cell
		 cellLeft = row.insertCell(0);
		 cellLeft.id = "messageCell";
	}	 
	 
	 
	 if(style == 'SAVED_OK')
	 {
		 cellLeft.innerHTML = '<div class="correct">'+ Text +'</div>';
	 }
	 else
		 cellLeft.innerHTML = '<div class="error">'+ Text +'</div>';
}

function removeErrorRow()
{
	var cellLeft = $('messageCell');
	if(cellLeft)
	{
		var tbl = document.getElementById('marco');
		tbl.deleteRow(0);
	}
}

//	Ajax cargar pais
function succesStore(response)
{
	
	var resp=JSON.decode(response);
	if(resp.responce == 'SAVED_OK')
	{
		//
		window.scrollTo(0,0);
		$('book').reset();
		removeErrorRow();
		//addErrorRow(resp.msg, resp.responce);
		//alert(resp.msg);
		Sexy.initialize();
		//Sexy.info(resp.msg);
		var lang = getLang();
		if(lang == 'en')
			Sexy.alert('<div class="textAlert">'+resp.msg+'</div>', {textBoxBtnOk: 'Close'});
		else
			Sexy.alert('<div class="textAlert">'+resp.msg+'</div>', {textBoxBtnOk: 'Cerrar'});
		// reload mensage after add
		loadMensajes();
		
	}
	else
	{
		addErrorRow(resp.msg, resp.responce);
		$('button').disabled = false;
	}
	//alert('ok');
}

function ajaxError(result)
{
	//alert('Error conecting to the site');
	Sexy.initialize({BoxStyles:{'width':740}});
	Sexy.alert('<div class="textAlert">Error conecting to the site</div>');
}
//LLamada de paises
function loadCountries(){
	oXML = AJAXCrearObjeto();
	oXML.open('get', getFixURL('js/countries.xml'));
	oXML.onreadystatechange = leerDatos;
	oXML.send(''); 
}

//	Cuando retorna el ajax
function leerDatos()
{
	if (oXML.readyState == 4) 
	{
		var xml = oXML.responseXML.documentElement;
		for (i = 0; i < xml.getElementsByTagName('country').length; i++)
		{
			var item = xml.getElementsByTagName('country')[i];
			//var txt = item.getElementsByTagName('GEMEINDE')[0].firstChild.data;
			//document.selectForm.stateList.options[i] = new Option(value, value, false, false);
			addOption($('cmb_pais'), item.textContent);
		}
		$('button').disabled = false;
		$('cmb_pais').disabled = false;
	}
} 

function clearSelect(list) 
{
	for(var i = 0; i < list.options.length; i++) 
	{
		list.options[i] = null;
	}
}
//	Crear objeto Ajax
function AJAXCrearObjeto()
{
	var obj;
	if(window.XMLHttpRequest) 
	{ // no es IE
		obj = new XMLHttpRequest();
	} 
	else 
	{ // Es IE o no tiene el objeto
		try {
			obj = new ActiveXObject("Microsoft.XMLHTTP");
		}
		catch (e) {
		alert('El navegador utilizado no está soportado');
		}
	}
	return obj;
}

//	Agregar en el combo
function addOption(sel, val) {
  var opt = document.createElement('option');
  opt.value = val;
  opt.text = val;
  sel.appendChild(opt);
}
var oXML2;
function loadMensajes()
{
	$('comentaries').set('class', 'loading');
	$('comentaries').innerHTML = "Loading...";
	oXML2 = AJAXCrearObjeto();
	oXML2.open('get', getFixURL('PHPLibrary/getMensajes.php') );
	oXML2.onreadystatechange = htmlMensajes;
	oXML2.send(''); 
}

function getFixURL(url)
{
	var redirect = url;
	var lang = getLang();
	if(lang == 'es')
			redirect = "../" + redirect;
	return redirect;
}

function getLang()
{
	var url = window.location.toString();
	var section = url.split("/");
	if(section.indexOf("ESP") != -1)
		return 'es';
	return 'en';
}

function htmlMensajes()
{
	if (oXML2.readyState == 4) 
	{
		$('comentaries').set('class', '');
		var resp=JSON.decode(oXML2.responseText);
		if(resp.msg == 'LOADING_OK')
		{
			var html = "";
			for ( var counter = 0; counter < resp.html.length; counter++) {
				var message = resp.html[counter];
				html += " <div class=\"timestamp\"><p>";
				html += message.date.date; 
				html += "<span> ";
				html += message.txt_name;
				html += " </span>";
				//html += message.date.time;
				html += "</p></div>";
				
				html += "<div class=\"posts\"><p>";
				html += message.txt_message;
				html += "</p></div><div class=\"clear\"></div><div class=\"separador\"></div>";
			}
			$('comentaries').innerHTML = html;
		}
		else
		{
			if(resp.msg == 'LOADING_ERROR')
			{
				$('comentaries').innerHTML = "There is no Messages";
			}
			else
			{
				$('comentaries').innerHTML = resp.msg;
			}
		}
		
		
		
	}
	
}