var onstart = base64_encode('00039050.jpg');
jQuery(function(){
    onstart = (onstart == undefined) ? '' : onstart;
    var randomPicHTML = '<table id="funpic-container" align="center"><tr><td id="funpic">'
       + '<div class="ui-widget-content ui-corner-tl ui-corner-tr" style="padding:10px; height: 260px !important;"><img id="funpic260x260" style="position:relative; left:10px; top:10px; float:left" src="http://jasonlau.biz/home/images/funpic260x260.png" border="0" alt="" />'
       + '<div id="img-container" class="ui-corner-all" style="padding:130px !important;">'
       + '</div></div>'
       + '<div class="ui-widget-header ui-corner-bl ui-corner-br">'
       + '<table align="center" id="funpic-controls"><tr><td id="view" width="18px" class="ui-state-default ui-corner-all" style="cursor: pointer;" title="View The Larger Version">'
       + '<span class="ui-icon ui-icon-zoomin"></span>'
       + '</td><td id="newpic" width="18px" class="ui-state-default ui-corner-all" style="cursor: pointer;" title="Load A Random Image">'
       + '<span class="ui-icon ui-icon-refresh"></span>'
       + '</td><td align="center">'
       + '<div><div id="waiting" style="display:none;width:18px" class="ui-state-active ui-corner-all" title="Loading...">'
       + '<span class="ui-icon ui-icon-clock"></span>'
       + '</div>'
       + '</td></tr></table>'
       + '</div>'
       + '<input type="hidden" id="img_str" /><input type="hidden" id="onstart" value="'+onstart+'" />'
       + '</td></tr></table>';
       jQuery("#random-image").html(randomPicHTML);
       var newPic = function(){
        if(jQuery("#waiting").is(':hidden')){
            jQuery("#waiting").show('slow');
            }
        var rn = Math.round(Math.random()*1000),
        onstart = jQuery("#onstart").val();
       jQuery.getJSON("http://jasonlau.biz/home/funpic.php?mode=json&maxWidth=260&maxHeight=260&p="+onstart+"&r="+Math.round(Math.random()*1000),
        function(data){
            var img_str = data.img;
            var i = img_str.split('|'),
            new_img = 'http://jasonlau.biz/home/funpic.php?mode=widget&image='+img_str+'&watermark=yes&maxw=260&maxh=260&r='+Math.round(Math.random()*1000),
            new_link = 'http://dotcom.name/'+i[0]+'/'+i[1]+'.php',
            paddingVertical = Math.round(parseInt(i[4])/2),
            paddingHorizontal = Math.round(parseInt(i[3])/2),
            topMargin = Math.round(130-(paddingVertical));
            jQuery("#img-container").attr('style', 'padding: '+paddingVertical+'px '+paddingHorizontal+'px '+paddingVertical+'px '+paddingHorizontal+'px; margin-top: '+topMargin+'px; background-image:url(\''+new_img+'\');background-repeat:no-repeat;background-position:center center;');
            jQuery("#img_str").val(new_link);                    
        });
        jQuery("#onstart").val('');
          
        if(jQuery("#waiting").css('display') != 'none'){
           jQuery("#waiting").hide('slow'); 
        }
       }
       
       newPic(); 
       
	   jQuery("#view,#newpic").hover(function(){   
        jQuery(this).addClass('ui-state-hover');         
      },
      function() {       
        jQuery(this).removeClass('ui-state-hover');        
      });
      jQuery("#funpic260x260").mousedown(function(){    
          newPic();           
      }); 
      jQuery("#view").click(function(){   
            window.open(''+jQuery("#img_str").val());         
         });
            jQuery("#newpic").click(function(){   
            newPic();         
         });

jQuery('#random-image').css("margin","4px");
    
});
 -->