// JavaScript Document
// Voiting teplate 
var startRating=Class.create();

startRating.prototype={
	
	CLASSRATES:["one-star","two-stars","three-stars","four-stars","five-stars"],
	placeHolder:'numberDisplay',
	voteUrl:null,
	rating:0,
	isSmall:false,
	
	
	initialize: function(voteUrl,rating,isSmall,guid) {
		
		this.voteUrl=voteUrl;
		this.rating=rating;
		this.isSmall=isSmall;
		var ids=guid.split("_");
		this.albumId=ids[0];
		this.photoId=ids[1];
		this.Url=siteUrl+"/index.php";
		
	},
	
	
	
	showRating:function(){
	 	if(this.placeHolder==null){
			this.placeHolder= document.getElementsByTagName("body").item(0);
		}
		if($('placeHolderRating')==null)
		new Insertion.Bottom(this.placeHolder,"<span id='placeHolderRating'>"+this.contentTemplate(this.rating,this.isSmall)+"</span>");
		else
		$('placeHolderRating').innerHTML=this.contentTemplate(this.rating,this.isSmall);
		
		this.getRatingCount();
	},
	
	getRatingCount:function(){
		
		var pars="vote=true&get_rating_count=true&photoid="+this.photoId+"&time="+new Date().getUTCMilliseconds();
		//'voteResult',
		
		var myAjax=new Ajax.Request(
			
			 this.Url, 
			{
				method: 'post',
				parameters: pars,
				onComplete:this.getResponse,
				onLoading:this.showLoading,
				onLoaded:this.hideLoading
			});
		
	},
	
	getResponse:function(oReq,oJsn){
		var data = eval(oReq.responseText);
		$('voteResult').innerHTML="бр. гласове: (<strong>"+data[0]['count']+"</strong>)";
		var perc=Math.floor((data[0]['total']/data[0]['count'])*20);
		$('ratingResult').style.width=perc+"%";		
	},
		
	showLoading:function(){
		 Element.show('spinnerImg');
	},
	
	hideLoading:function(){
		//$('spinnerImg').style.display="none";
		Element.hide('spinnerImg'); 
		
	},
	
	vote:function(rate){
		var pars="vote=true&rating="+rate+"&photoid="+this.photoId+"&albumid="+this.albumId+"&time="+new Date().getUTCMilliseconds();
	/*	
		var myAjax = new Ajax.Request(
			this.Url, 
			{
				method: 'post', 
				parameters: pars, 
				onComplete: function(oReq){
					$('voteResult').innerHTML=oReq.responseText;
				},
				onLoading:this.showLoading,
				onLoaded:this.hideLoading
			});
		*/
		alert("Гласуването приключи. Благодарим  Ви за участието!");
	},
	
	contentTemplate:function(rating,isSmall){
		   return    (  '<ul id="dRating" class="star-rating'+((isSmall)?' small-star':'')+'">' +
						'<li id="ratingResult" class="current-rating" style="width:'+((rating)?rating:0)+'%">Stars.</li>'+											                		'<li><a href="javascript:dRate.vote(1)"  title="1 / 5" class="one-star">1</a></li>'	+
						'<li><a href="javascript:dRate.vote(2)"  title="2 / 5" class="two-stars">2</a></li>'	+
						'<li><a href="javascript:dRate.vote(3)"  title="3 / 5" class="three-stars">3</a></li>'	+
						'<li><a href="javascript:dRate.vote(4)"  title="4 / 5" class="four-stars">4</a></li>'	+
						'<li><a href="javascript:dRate.vote(5)"  title="5 / 5" class="five-stars">5</a></li>'	+	
						'</ul><span id="voteResult"></span><img id="spinnerImg" src="'+spinerUrl+'"/>');
	}
};



function initRating(id) { dRate = new startRating(null,0,false,id); dRate.showRating(); }
Event.observe(window, 'load', initRating, false);