var Rating = Class.create();
Rating.prototype = {
initialize:function(container,options){
this.container = $(container);
this.options = options;
this.setOptions();
this.stars = new Array();
this.dispalyLabel = document.createElement('text');
this.dispalyLabel.innerHTML = this.displayText;
this.container.appendChild(this.dispalyLabel);
this.createStars();
this.onSendLabel = document.createElement('text');
this.onSendLabel.innerHTML = this.options.onSendText;
this.onSendLabel.style.display = 'none';
this.container.appendChild( this.onSendLabel);
},
setOptions:function(){
this.urlToSend = this.options.urlToSend;
this.overallRating = this.options.overallRating;
this.displayText = this.options.displayText;
this.afterVoteText=this.options.afterVoteText;
this.starsCount = this.options.starsCount;
this.hints = this.options.hints;
this.value = this.options.value-1;
this.id = this.options.id;
this.emptyImageUrl = this.options.emptyImageUrl;
this.hoverImageUrl = this.options.hoverImageUrl;
this.votedImageUrl = this.options.votedImageUrl;
this.votedHalfImageUrl = this.options.votedHalfImageUrl;
this.afterYouVotedImageUrl = this.options.afterYouVotedImageUrl;
this.afterYouVotedHalfImageUrl = this.options.afterYouVotedHalfImageUrl;
this.isEnabled = this.options.isEnabled;
},
createStars:function(){
for(var i=0;i<this.starsCount;i++)
{
this.stars.push(new Star(this,i));
}
this.setVoted( this.value );
},

notifyMouseOver:function(star){
this.currentValue = star.index;
this.setHover(true,star.index);
},
notifyMouseOut:function(star){
this.currentValue = star.index;
setTimeout(this.setUnHover.bind(this),300);

if (this.currentValue!=star.index) this.setHover(true,this.currentValue);

},
setUnHover:function(){
this.setHover(false,this.starsCount-1);
this.setVoted( this.value );
},
notifyClick:function(star){

this.setAfterYouVoted(star.index);
this.isEnabled = false;
this.onSendLabel.style.display = 'block';
this.sendViaAjax(star.index+1);
},
sendViaAjax:function(value){
// debugger;
var pars = 'rating=' + value+'&titleid='+this.id;

//alert(this.urlToSend)

this.request = new Ajax.Request(
this.urlToSend,
{
method: 'get',
parameters: pars,
onComplete: this.onComplete.bind(this)
});
//alert(pars)

},
onComplete:function(originalRequest)
{

//this.value = eval(originalRequest.responseText)-1;

//alert(originalRequest.responseText)

var b = originalRequest.responseText // + ',' + '26'
var temp = new Array();
temp = b.split(',');

 //alert(temp[0])

//set value from handler return.
this.value = (temp[0]* 1)-1;

//make a request to get number of votes.
// firefox did not reconize the code below
//numrev.innerHTML = temp[1];
document.getElementById("numrev").innerHTML= temp[1];

//this.value = temp[0];
//alert(originalRequest.responseText)
if (this.overallRating)
    this.overallRating.setAfterYouVoted(this.value);
else   
    this.setAfterYouVoted(this.value);

setTimeout(this.sendTextClose.bind(this),300);


},

sendTextClose:function()
{
this.onSendLabel.style.display = 'none';
},

setHover:function(isSetHover,index){
for(var i=0;i<index+1;i++)
{
this.stars[i].setHover(isSetHover);
}
},

setVoted:function(index){
for(var i=0;i<index+1;i++)
{
if (i -(index+1)>-1)
this.stars[i].setVoted(this.votedHalfImageUrl); else
this.stars[i].setVoted(this.votedImageUrl);
}
},


setAfterYouVoted:function(index){
this.setHover(false,this.starsCount-1);
for(var i=0;i<index+1;i++)
{
if (i -(index+1)>-1) this.stars[i].setVoted(this.afterYouVotedHalfImageUrl); else
this.stars[i].setVoted(this.afterYouVotedImageUrl);
}
//this.dispalyLabel.innerHTML = this.afterVoteText+': '+(index+1);
//output rating with number
this.dispalyLabel.innerHTML = this.afterVoteText;
}

};
var Star = Class.create();
Star.prototype = {
initialize:function(parent,index){
this.container = parent.container;
this.parent = parent;
this.img =null;
this.index =index;
this.CreateDOM();
},
CreateDOM:function(){
this.img = document.createElement("img");
this.img.src =this.parent.emptyImageUrl; //this.parent.isEnabled?this.parent.emptyImageUrl:this.parent.emptyImageUrl;
this.img.align='absmiddle'
this.parent.container.appendChild(this.img);
if (this.parent.hints)
this.img.title = this.parent.hints[this.index];
this.img.onclick = this.onclick.bindAsEventListener(this);
this.img.onmouseover = this.onmouseover.bindAsEventListener(this);
this.img.onmouseout = this.onmouseout.bindAsEventListener(this);
},
setHover:function(isSetHover){
this.img.src =!isSetHover?this.parent.emptyImageUrl:this.parent.hoverImageUrl;
},
setVoted:function(url){
this.setImage(url);
this.isVoted = true;
},
setAfterYouVoted:function(){
this.img.src =this.parent.afterYouVotedImageUrl;
this.isVoted = true;
},
setImage:function(url){
this.img.src = url;
},
onmouseover:function(e){
if (this.parent.isEnabled)
{
this.img.style.cursor ='pointer';
this.parent.notifyMouseOver(this);

}
},
onmouseout:function(e){
if (this.parent.isEnabled)
{


this.img.style.cursor ='default';

if(this.isNextElemStar(e))
this.parent.notifyMouseOut(this)
else
{
if (this.isVoted) this.setVoted(this.getVotedImageUrl()); else
this.img.src =this.parent.emptyImageUrl;

}
}
},
getVotedImageUrl:function(){
return (this.parent.value-(this.index)>-1&&this.parent.value-(this.index)<0)? this.parent.votedHalfImageUrl:this.parent.votedImageUrl;
},
isNextElemStar:function(e){
isIE = navigator.userAgent.toLowerCase().indexOf("ie")!= -1;
if(isIE)
return e.toElement.tagName!='IMG';
else
return e.relatedTarget.tagName!='IMG';
},
onclick:function(e){
if (this.parent.isEnabled)
{
this.img.style.cursor ='default';
this.parent.notifyClick(this);
}
}

};