jQuery(window).load(function() {

    var maxW = 680;
    
    
    /*if (jQuery.browser.safari && document.readyState != "complete"){
        setTimeout( arguments.callee, 100 );
        return;
    } */
    

    jQuery("#content .post .entry-content p img.size-full").each(function(index){ 
        jQuery(this).css('max-width','inherit');
        if (jQuery(this).width() > maxW) {
            jQuery(this).wrap('<div id="sl_imagewrap_'+index+'" class="sl_imagewrap" />');
            jQuery("#sl_imagewrap_"+index).wrap('<div id="sl_imagewrap_outer_'+index+'" class="sl_imagewrap_outer" />');
            jQuery("#sl_imagewrap_"+index).data({'index':index});
            jQuery("#sl_imagewrap_"+index).css({
                'position' : 'relative',
                'width' : maxW+'px',
                'height' : jQuery(this).height()+'px',
                'overflow' : 'hidden',
                'cursor' : '-moz-grab'
            });            
            jQuery('#sl_imagewrap_outer_'+index).data({'index':index});
            jQuery('#sl_imagewrap_outer_'+index).css({
                'position' : 'relative',
                'width' : maxW+'px',
                'height' : jQuery(this).height()+'px',
                'overflow' : 'hidden'              
            });
            jQuery('#sl_imagewrap_outer_'+index).append('<div id="sl_imagewrap_hint_'+index+'" class="sl_imagewrap_hint">click &amp; drag to move image</div>');
            jQuery('.sl_imagewrap_hint').css({
                'position' : 'absolute',
                'width' : '160px',          
                'padding' : '5px 0 5px',
                'border' : '1px solid #fff',
                'top' : '0',
                'text-align' : 'center',
                'font-size':'12px',
                'font-family':'arial',
                'color' : '#fff',
                'background-color' : '#000',
                'opacity' : '0.6',
                'left' : maxW/2-80+'px'
            });
            jQuery('#sl_imagewrap_hint_'+index).css({
                'top' : jQuery(this).height()/2 - (12+5+5)/2+'px'
            });
                        
            
            jQuery("#sl_imagewrap_"+index).mousedown(function(event){
                jQuery('#sl_imagewrap_hint_'+jQuery(this).data('index')).css('display','none');
                jQuery(this)
                    .data('down', true)
                    .data('x', event.clientX)
                    .data('scrollLeft', jQuery(this).scrollLeft());
                return false;
            });
            jQuery("#sl_imagewrap_"+index).mouseup(function (event) {
                jQuery(this).data('down', false);
            });
            jQuery("#sl_imagewrap_"+index).mouseout(function (event) {
                jQuery(this).data('down', false);
                jQuery('#sl_imagewrap_hint_'+jQuery(this).data('index')).css('display','block');
            });
            jQuery("#sl_imagewrap_"+index).mousemove(function (event) {
                if (jQuery(this).data('down') == true) {
                    jQuery(this).scrollLeft(jQuery(this).data('scrollLeft') + jQuery(this).data('x') - event.clientX);
                }
            });
            jQuery("#sl_imagewrap_"+index).mousewheel(function (event, delta) {
                jQuery('#sl_imagewrap_hint_'+jQuery(this).data('index')).css('display','none');
                jQuery(this).scrollLeft( jQuery(this).scrollLeft() - (delta * ( (jQuery.browser.safari) ? 1 : 30 ) ) );
                return false;
            });            
        }
    });
    
});