/** XHConn - Simple XMLHTTP Interface - bfults@gmail.com - 2005-04-08        **
** Code licensed under Creative Commons Attribution-ShareAlike License      **
** http://creativecommons.org/licenses/by-sa/2.0/                           **/
function XHConn()
{
	var xmlhttp, bComplete = false;
	try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
	catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
	catch (e) { try { xmlhttp = new XMLHttpRequest(); }
	catch (e) { xmlhttp = false; }}}
	if (!xmlhttp) return null;
	this.connect = function(sURL, sMethod, sVars, fnDone)
	{
		if (!xmlhttp) return false;
		bComplete = false;
		sMethod = sMethod.toUpperCase();

		try {
			if (sMethod == "GET")
			{
				xmlhttp.open(sMethod, sURL+"?"+sVars, true);
				sVars = "";
			}
			else
			{
				xmlhttp.open(sMethod, sURL, true);
				xmlhttp.setRequestHeader("Method", "POST "+sURL+" HTTP/1.1");
				xmlhttp.setRequestHeader("Content-Type",
				"application/x-www-form-urlencoded");
			}
			xmlhttp.onreadystatechange = function(){
				if (xmlhttp.readyState == 4 && !bComplete)
				{
					bComplete = true;
					fnDone(xmlhttp);
				}};
				xmlhttp.send(sVars);
		}
		catch(z) { return false; }
		return true;
	};
	return this;
}


function updateRating(obj, rating, idRating, content)
{
	var contenedor;
	var id = obj.title;
	var fullId = obj.id;
	var idName = fullId.substr(0, fullId.indexOf('_'));
	var totalRating = rating;
	var votar = 'si';
	document.getElementById('div_votar').innerHTML = '<br><img src="img/cargando.gif">';
	var myConn = new XHConn();
	if (!myConn) alert("XMLHTTP no esta disponible. Inténtalo con un navegador más actual.");
	var peticion = function (oXML) 
	{  document.getElementById('div_votar').innerHTML = oXML.responseText; 
	};
	myConn.connect("rating/example.php", "GET", "id="+id+"&idName="+idName+"&idRating="+idRating+"&votar=votar&content="+content, peticion);
}



/*
function updateRating(obj, rating, idRating, content)
{

	var contenedor;
	var id = obj.title;
	var fullId = obj.id;
	var idName = fullId.substr(0, fullId.indexOf('_'));
	var totalRating = rating;
	//alert ('id='+id+'&idName='+idName+'&idRating='+idRating+'&votar=si&content='+content);
	contenedor = document.getElementById('div_votar');
	ajax=get_xmlhttp();
	ajax.open("GET", "rating/example.php", true);
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

	ajax.onreadystatechange=function() {
		if (ajax.readyState==4) {
			contenedor.innerHTML = ajax.responseText;
		}
		ajax.send("id="+id+"&idName="+idName+"&idRating="+idRating+"&votar=si&content="+content);
	}
}
*/
function changeover(obj, rating) {

	var imageName = obj.src;
	var id = obj.title;
	var index = imageName.lastIndexOf('/');
	var filename = imageName.substring(index+1);
	var fullId = obj.id;
	var idName = fullId.substr(0, fullId.indexOf('_'));
	var totalRating = rating;

	for(i=0; i<id; i++) {
		var num = i+1;

		if (num%2 == 0) {
			document.getElementById(idName+'_'+num).src = 'rating/_even1.jpg';
		}
		else {
			document.getElementById(idName+'_'+num).src = 'rating/_odd1.jpg';
		}
	}
}


function changeout(obj, rating) {

	var imageName = obj.src;
	var id = obj.title;
	var index = imageName.lastIndexOf('/');
	var filename = imageName.substring(index+2);
	var fullId = obj.id;
	var idName = fullId.substr(0, fullId.indexOf('_'));
	var totalRating = rating;

	for(i=0; i<10; i++) {
		var num = i+1;

		if (num%2 == 0)
		{
			document.getElementById(idName+'_'+num).src = 'rating/even1.jpg';
		}
		else
		{
			document.getElementById(idName+'_'+num).src = 'rating/odd1.jpg';
		}
	}
}

function displayStarsResult(rating, idName, idRat) {
	var idRating = '"'+idRat+'"';
	alert (idRating);
	document.write('<center><br><span class="texto_articulo"> Votaciones:</span>&nbsp;&nbsp;&nbsp;&nbsp;');

	for(i=0; i < 10; i++ ) {
		if(i%2 ==0) {
			if(i < rating) {
				document.write('<img src="rating/__odd1.jpg" id="'+idName+'_'+(i+1)+'" title="'+(i+1)+'" onmouseout="changeout(this, '+rating+')" onmouseover="changeover(this, '+rating+')" onclick="updateRating(this, '+rating+', "'+idRating+'");changeout(this, '+rating+')" />');
			}
			else {
				document.write('<img src="rating/odd1.jpg" id="'+idName+'_'+(i+1)+'" title="'+(i+1)+'" onmouseout="changeout(this, '+rating+')" onmouseover="changeover(this, '+rating+')" onclick="updateRating(this, '+rating+', "'+idRating+'");changeout(this, '+rating+')" />');
			}
		}
		else {
			if(i < rating) {
				document.write('<img src="rating/__even1.jpg" id="'+idName+'_'+(i+1)+'" title="'+(i+1)+'" onmouseout="changeout(this, '+rating+')" onmouseover="changeover(this, '+rating+')" onclick="updateRating(this, '+rating+', "'+idRating+'");changeout(this, '+rating+')" />');
			}
			else {
				document.write('<img src="rating/even1.jpg" id="'+idName+'_'+(i+1)+'" title="'+(i+1)+'" onmouseout="changeout(this, '+rating+')" onmouseover="changeover(this, '+rating+')" onclick="updateRating(this, '+rating+', "'+idRating+'");changeout(this, '+rating+')" />');
			}
		}
	}

	if (displayRating == '') {
		document.write('<br /><div class="ratingText" id="'+idName+'_showrating" >'+displayRating+'</div>');
	}
	else {
		document.write('<br /><div class="ratingText" id="'+idName+'_showrating" >'+totalRating+'</div>');
	}
	document.write('</center>');
}

function displayStars(rating, idName, idRat) {
	var idRating = '"'+idRat+'"';
	document.write('<center>');

	for(i=0; i < 10; i++ ) {
		if(i%2 ==0)
		{
			document.write('<img src="odd1.jpg" id="'+idName+'_'+(i+1)+'" title="'+(i+1)+'" onmouseout="changeout(\'newid\', '+rating+')" onmouseover="changeover(this, '+rating+')" onclick="updateRating(this, '+rating+', "'+idRating+'");changeout(this, '+rating+')" />');
		}
		else
		{
			document.write('<img src="even1.jpg" id="'+idName+'_'+(i+1)+'" title="'+(i+1)+'" onmouseout="changeout(\'newid\', '+rating+')" onmouseover="changeover(this, '+rating+')" onclick="updateRating(this, '+rating+', "'+idRating+'");changeout(this, '+rating+')" />');
		}

	}
}