$(document).ready(function() {

   update_img(1);
   update_img(2);

   $('#lay1').click(function() {
      save_win(1);
   });
   $('#lay2').click(function() {
      save_win(2);
   });

});
function update_img(idx) {
   $('#img' + idx).attr('src','/static/img/spacer.gif');
   window.setTimeout(function() {
      $.getScript('http://www.mobilexxx.com/rpc-randomimg.jsp?callback=set_img' + idx + '&rand=' + new Date().getTime());
   },800);
}
var lastWinner = '';
function save_win(widx) {
   var lidx = widx == 1 ? 2 : 1;
   var lgid = $('#img' + lidx).attr('gid');
   var lpid = $('#img' + lidx).attr('pid');
   var wgid = $('#img' + widx).attr('gid');
   var wpid = $('#img' + widx).attr('pid');
   var winner = wgid + '-' + wpid;
   var loser = lgid + '-' + lpid;
   if(winner != lastWinner) {
      append_winner(wgid,wpid);
   }
   lastWinner = winner;
   //alert('Winner ' + winner + ' | Loser ' + loser);

   var url = '/rpc-saverating.jsp?w=' + escape(winner) + '&l=' + escape(loser)  + '&rand=' + new Date().getTime();;
   //alert(url);
   $.get(url,function(data) {
      update_img(lidx);
      //alert(data.val);
   },'json');
}
function set_img1(gid,pid) {
   $('#img1').attr('src',url_large(gid,pid));
   $('#img1').attr('gid',gid);
   $('#img1').attr('pid',pid);
}
function set_img2(gid,pid) {
   $('#img2').attr('src',url_large(gid,pid));
   $('#img2').attr('gid',gid);
   $('#img2').attr('pid',pid);
}
function url_large(gid,pid) {
   return 'http://www.mobilexxx.com/image/dyn?s=4&g='+gid+'&p='+pid+'&w=400&h=600&bg=%230092CA';
}
function url_thumb(gid,pid) {
   return 'http://www.mobilexxx.com/image/dyn?s=3&g='+gid+'&p='+pid+'&w=80&h=110'
}

function append_winner(gid,pid) {
   var id = 'history' + gid + '-' + gid;
   $('#history').append('<a id="'+id+'" href="'+url_large(gid,pid)+'"><img rel="lighbox" src="'+url_thumb(gid,pid)+'"></a>');
   $('#' + id).lightBox();
}