/* based on jquery */
  var bUpdateWait = false;
  
  function update_ready() {
    if(!bUpdateWait)
      //$('#DivExample').append('');
      $('#Update').css('visibility', 'visible');
      //$('#Update').fadeIn();
    bUpdateWait = true;
  }
  
  function update_exec() {
    var queryString = $("#myform").serialize();
    var path = '/freshgenerator.png?'+queryString;
    
    $("#DivExample").empty();
    bUpdateWait = false;
    
    var oImgLoader = document.createElement("img");
    oImgLoader.src = 'img/ajax-loader.gif';
    document.getElementById("DivExample").appendChild(oImgLoader);
    
    $('#path').attr('value', location.protocol+'//'+location.hostname+'/?'+queryString);
    
    var oImg = document.createElement("img");
    oImg.src = path;
    oImg.onload = function () {
      $("#DivExample").empty();
      document.getElementById("DivExample").appendChild(oImg);
      
      $('#Update').css('visibility', 'hidden');
    }
  }
  
  $(document).ready(function(){
    $("#tabs > ul").tabs();
    $(":input").change(update_ready);
    $(":checkbox").change(update_ready);
    $(":radio").change(update_ready);
    update_exec();
  });