var loader = '<img src="images/load.gif">';
$(document).ready(function(){
$('#message').submit(function(){
   var name = $('input[name=name]').val();
   var comment = $('#comment').val();
   if(!$('#comment_result').text()){
     	$('#message').append('<div id="comment_result"></div>');
   }
   var formx = $('#message').serialize();
   $('#comment_result').html(loader).fadeIn().css('color','#000000');
   $.post('guestbook.html',formx,function(data){
       var coloMsg = (data['status'] == 1)?'#21B31A':'red';
       $('#comment_result').html(data['desc']).css('color',coloMsg).hide().fadeIn();
       if(data['status'] == 1){
       	  //getMsg(1);
       	  var msgs = '<blockquote id="msgNow" style="display:none"><p><cite>'+data['name']+'</cite>'+data['date']+'</p><p>'+data['text']+'</p></blockquote>';
          myPreAppend('msgTable',msgs);
          $('#msgNow').fadeIn();
          document.location.href="guestbook.html#msgTable"+data['id'];
       }
   },'json');
   return false;
});
 //if(GUEST_BOOK_PAGE)getMsg(1);
});


function myAppend(div,msg){
  $('#'+div).append(msg);
}
function myPreAppend(div,msg){
  $('#'+div).prepend(msg);
}

function getMsg(page){
  $('#msgTable').css('opacity',0.5);

  $.post('guestbook.html',{getA:true,page:page},function(data){
       $('#msgTable').children().remove();
       if(!data['list'])return false;
       for(i in data['list']){
       	  var datask = data['list'][i];

       	  var msgs = '<blockquote><p><cite>'+datask['name']+'</cite>'+datask['date']+'</p><p>'+datask['text']+'</p></blockquote>';
          myAppend('msgTable',msgs);
       }

      $('#msgTable').css('opacity',1);
       if(data['pages']){

           if(!$('#comment_pages').html()){
               $('#msgTable').after('<div id="comment_pages">XXXXX</div>');
           }

              var contentPages = 'Сторінки: ';
                   for(i in data['pages']){
                      contentPages += ' <a href="javascript:void(0)" style="color:#747474;'+(data['pages'][i] == page?'font-weight:bold':'')+'" OnClick="getMsg('+data['pages'][i]+')">'+data['pages'][i]+'</a> ';
                   }
              //alert(contentPages);
              $('#comment_pages').html(contentPages);
		}
       $('#msgTable').fadeIn();

  },'json');
}