if (document.images){
  pic1 = new Image(220,19); 
  pic1.src = template_dir+"/images/rating/rating_loading.png"; 

  pic2 = new Image(25,75); 
  pic2.src = template_dir+"/images/rating/rating_star.png"; 

  pic3 = new Image(25,75); 
  pic3.src = template_dir+"/images/rating/rating_star_2.png"; 
  
  pic4 = new Image(16,13); 
  pic4.src = template_dir+"/images/rating/rating_tick.gif";
  
  pic5 = new Image(14,14); 
  pic5.src = template_dir+"/images/rating/rating_warning.gif";
}

// AJAX ----------------------------------------

var xmlHttp;

function GetXmlHttpObject(handler)
{ 
   var objXMLHttp=null
   if (window.XMLHttpRequest)
   {
       objXMLHttp=new XMLHttpRequest()
   }
   else if (window.ActiveXObject)
   {
      objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
   }
   return objXMLHttp
}


// Calculate the rating
function rate(rating,id,show5,showPerc,showVotes){

	xmlHttp = GetXmlHttpObject();
	
	if(xmlHttp === null){
		alert ("Your browser does not support AJAX!");
		return;
	  }

	xmlHttp.onreadystatechange = function(){
		
		var loader = document.getElementById('loading_'+id);
		var uldiv = document.getElementById('ul_'+id);
	
		if (xmlHttp.readyState == 4){ 
			
			//loader.style.display = 'none';
			var res = xmlHttp.responseText;
			//alert (res);	
			
			if(res == 'already_voted'){
				
				loader.style.display = 'block';
				loader.innerHTML = '<span style="padding-left: 10px;">U hebt al een beoordeling gegeven.</span>';
				
			} else {
				
				loader.style.display = 'block';
				loader.innerHTML = '<span style="padding-left: 10px;">Bedankt voor uw beoordeling.</span>';

				if(show5 === true){
					var out = document.getElementById('outOfFive_'+id);
					var calculate = res/20;
					out.innerHTML = Math.round(calculate*100)/100; // 3.47;
					//out.innerHTML = Math.round((calculate*2),0)/2; // 3.5;
				} 
				var newPerc;
				if(showPerc === true){
					var perc = document.getElementById('percentage_'+id);
					//var newPerc = Math.round(Math.ceil(res/5))*5;
					newPerc = res;
					perc.innerHTML = newPerc+'%';
				}
				
				else if(showPerc === false){
					newPerc = res;
				}
				
				if(showVotes === true){
					var votediv = document.getElementById('showvotes_'+id).firstChild.nodeValue;
					var splitted = votediv.split(' ');
					var newval = parseInt(splitted[0], 10) + 1;
					if(newval == 1){
						document.getElementById('showvotes_'+id).innerHTML = newval+' Vote';
					} else {
						document.getElementById('showvotes_'+id).innerHTML = newval+' Votes';
					}
				}
				
				var ulRater = document.getElementById('rater_'+id);
				ulRater.className = 'star-rating2';
				
				var all_li = ulRater.getElementsByTagName('li');
				
				// start at 1 because the first li isnt a star
				for(var i=1; i<all_li.length; i++){
					
					all_li[i].getElementsByTagName('a')[0].onclick = 'return false;';
					all_li[i].getElementsByTagName('a')[0].setAttribute('href','#');
					
				}
				

			}
		} else  {
			loader.innerHTML = '<img src="'+wb_url+'/modules/ajaxstarrating/images/rating_loading.png" alt="loading" />';	
		}
	
	};
	var url = wb_url+'/modules/ajaxstarrating/view.php';
	var params = "id="+id+"&rating="+rating+"&action=vote";
	xmlHttp.open("POST",url,true);
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlHttp.setRequestHeader("Content-length", params.length);
	xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(params);
}