$(document).ready(function() {
    $.ajax({
        url: "rate.php",
        type: "POST",
        data: {vote: vote},
        success: function(data){}
    });
});

var stars = ["star1", "star2", "star3", "star4", "star5"];
function myHandler(target, event){

    if(event.type == 'click'){


    switch(target) {
        case stars[0]: $vote = 1; break;
        case stars[1]: $vote = 2; break;
        case stars[2]: $vote = 3; break;
        case stars[3]: $vote = 4; break;
        case stars[4]: $vote = 5; break;
    }

    alert($vote);

    $.ajax({
        url: "rate.php",
        type: "POST",
        data: {vote: vote},
        success: function(data){alert(data);}
    });
    }

  if(event.type == 'mouseover'){

    for( var count in stars ){
      $('#'+stars[count]).attr("src","img/star_empty.png");
    }

    for( var count in stars ){
      $('#'+stars[count]).attr("src","img/star.png");
      if(stars[count] == target.id) break;
    }
  }
}

$("#star1").live('mouseover click', function(event){
  myHandler(this, event);
});
$("#star2").live('mouseover click', function(event){
  myHandler(this, event);
});
$("#star3").live('mouseover click', function(event){
  myHandler(this, event);
});
$("#star4").live('mouseover click', function(event){
  myHandler(this, event);
});
$("#star5").live('mouseover click', function(event){
  myHandler(this, event);
});

$("#rating-area").live('mouseleave', function(){
    for( var count in stars ){
      $('#'+stars[count]).attr("src","img/star.png");
    }
});