var xmlHttp;
var myid =0;
var myBloque = '';
function createXMLHttpRequest() 
{
    if (window.ActiveXObject) 
    {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } 
    else if (window.XMLHttpRequest) 
    {
        xmlHttp = new XMLHttpRequest();
    }
}

	var starImages = new Array("../especial1/suenodenavidad/images/0stars.png",
	"../especial1/suenodenavidad/images/1stars.png",
	"../especial1/suenodenavidad/images/2stars.png",
	"../especial1/suenodenavidad/images/3stars.png",
	"../especial1/suenodenavidad/images/4stars.png",
	"../especial1/suenodenavidad/images/5stars.png");
	var nullStarMessage = "../especial1/suenodenavidad/images/0stars.png"	
	var savedRatings = new Array();
	var changedRatings = new Array();
	var starTwinkler = new Array();
	var msgTwinkler = new Array();
	var isRatingsBarChanged = false;
	var delayTime = 500;
	var allImages = new Array();
function preloadImages()
{
	for (i=0; i < preloadImages.length ;i++)
	{
	allImages[i] = new Image();
	allImages[i].src = preloadImages.arguments[i];
	}
}
preloadImages(starImages);


function SaveRatingAjax(id, cid, ratingType, ratingValue)
{
alert
	rating = ratingValue;		
	var submitURL = ''	+ '../template/ratingSubmit.aspx?' + 'id=' + id + '&cid=' + cid + '&Rating=' + ratingValue + '&ms=suenodenavidad';
	myid = id;
	isRatingsBarChanged = true;
	
		createXMLHttpRequest();		
		xmlHttp.onreadystatechange = handleStateChange;
		xmlHttp.open("GET", submitURL, true);
		xmlHttp.send(null);
}
function handleStateChange() 
{
     if(xmlHttp.readyState == 4) 
    {    
        if(xmlHttp.status == 200) 
        {  
        var myVotes = document.getElementById("lblVotes" + myid + myBloque).innerHTML;              
        myVotes = eval(parseInt(myVotes,10) + parseInt(1,10));        
        
			document.getElementById("ltlstars" + myid + myBloque).innerHTML  = '<IMG src=../especial1/suenodenavidad/images/' + rating + 'stars.png>';
			document.getElementById("ltlMessage" + myid + myBloque).innerHTML  = '<span class="font11">Tu voto fue: </span>';
			document.getElementById("mytrating" + myid + myBloque).innerHTML = '<IMG src="../especial1/suenodenavidad/images/' + xmlHttp.responseText + 'stars.png">';						
			document.getElementById("lblVotes" + myid + myBloque).innerHTML = myVotes + '&nbsp;'; 
	    }
        else
        {
        alert("Error in AJAX");
        }
    }
}
function SwapStars(id, rating, bloque)
{
	if (rating == undefined)
	{
		rating = 0;
	}
	
	document.images["stars." + id + bloque].src = starImages[rating];
	
}

function SaveStarsAjax(id, cid, rating, bloque)
{
 
   myBloque= bloque;
   	if ((rating==1)||(rating==2)||(rating==3)||(rating==4)||(rating==5))
	{
	savedRatings[id] = rating;
	changedRatings[id] = 1;
	SaveRatingAjax(id, cid, 'onetofive', rating);	
	}
	else
	{
	alert("Valor fuera de rango, Valores posibles 1/2/3/4/5. Valor Actual: " + rating);
	}
}

function StarMouseOver(id, rating, bloque)
{
	if (starTwinkler[id] != 0)
	{
	window.clearTimeout(starTwinkler[id]);
	starTwinkler[id] = 0;
	}
  
  SwapStars(id, rating, bloque);
}
function StarMouseOut(id, bloque)
{
	
	starTwinkler[id] = window.setTimeout("SwapStars('"+id+"',0,'" + bloque + "')", delayTime);	
}
function DisplayStarsAjax (id, cid, rating)
{

	var starID = "stars." + id;
	starTwinkler[id] = 0;
	msgTwinkler[id] = 0;
	document.write("<map name='starmap" + id +"'>");
	var i = 0;
	for (i = 1; i < 6; i++) 
	{
	document.write("<area shape=rect " + 
	"coords='" + starMap[i] + "' " +
	"onMouseOver=\"StarMouseOver('" + id + "'," + i + ");\" " +
	"onMouseOut=\"StarMouseOut('" + id + "');\" " +
	"onClick=\"SaveStarsAjax('" + id + "','" + cid + "'," + i + ");" +
	"\" >");
	}
	
	document.write("</map>");
	document.write("<img vspace=2 title = 'Califica' src='" + starImages[rating] + "'");
	document.write(" border=0 usemap='#starmap" + id);
	document.write("' id='" + starID + "'>");
}