var lagarevote = {
    domain  : 'http://vote.lagare-shop.com/',
    url : window.location,
    rankarray : ['今が買い','欲しい','買っちゃおうかな','待ってました！','お金貯めよう'],
    color : ['#faa','#faf','#afa','#aff','#aaf']
};
var get_result = function (myData) {
    $('<div>').attr('id', 'rank').appendTo('#result');
    $('<table>').attr('id', 'rank_table').appendTo('#rank');
    var max = 1;
    for(var i=1;i<6;i++) {
        if(Number(myData[max]) < Number(myData[i])) {
            max = i;
        }
    }
    for (var i = 1; i < 6; i++) {
        var width = Math.floor((myData[max]) ? myData[i] * 250 / myData[max] : 0);
        $('<tr><td width="120">'+lagarevote.rankarray[i-1]+'</td><td width="350"><div style="width:'+width+'px; background-color:'+lagarevote.color[i-1]+'; color:black; margin: 1px; padding-left: 2px;">'+myData[i]+'</div></td></tr>').appendTo('#rank_table');
    }
    $('#rank').hide();
    $('#loading').hide();
    $('#rank').slideDown('slow');
    $('#rank').show('slow');
    $('#vote_submit').attr('disabled', '');
}
var RES = function(resData) {
    show_result();
}
var show_form = function() {
    $('<div>').attr('id','voteform').appendTo('#vote');
    for (var i = 1; i < 6; i++) {
        if(i == 1) {
            $('<input type="radio" name="rate" checked />').attr('value',i).attr('id', 'v'+i).appendTo('#voteform');
        } else {
            $('<input type="radio" name="rate" />').attr('value',i).attr('id', 'v'+i).appendTo('#voteform');
        }
        $('<label>').attr('for', 'v'+i).text(lagarevote.rankarray[i-1]).appendTo('#voteform');
    }
    $('<input type="hidden" />').attr('name', 'url').attr('value', lagarevote.url).appendTo('#voteform');
    $('<input type="submit" />').attr('value', '投票する').attr('id','vote_submit').appendTo('#voteform');
    $('#vote_submit').click(function() {
            $('#vote_submit').attr('disabled', 'disabled');
            var rate = $('#voteform').children('input[@type=radio]:checked').val();
            var json = lagarevote.domain+'v1/post.cgi'+'?rate='+rate+'&url='+lagarevote.url+'&c=?';
            $.getJSON(json,{},RES);
    });
}
var show_result = function() {
    $('#result').empty();
    $('<div>').attr('id','loading').text('Loading...').appendTo('#result');
    var json = lagarevote.domain+'v1/wom.cgi'+'?url='+escape(lagarevote.url)+'&callback=?';
    $.getJSON(json,{},get_result);
}
var voting = function() {
}

$(document).ready(function() {
        $('#reload_result').click(function() {
            show_result();
        });
        show_form();
        show_result();
});