Shadowbox.skin.markup = "" +
'<div id="sb-container">' +
    '<div id="sb-overlay"></div>' +
    '<div id="sb-wrapper">' +
        '<div id="sb-title">' +
            '<div id="sb-title-inner"></div>' +
        '</div>' +
        '<div id="sb-link" style="text-align: right;">' +
//            '<a href="" target="_blank" style="color: #ffffff;">show full size &raquo;</a>' +
        '</div>' +
        '<div id="sb-wrapper-inner">' +
            '<div id="sb-body">' +
                '<div id="sb-body-inner" onclick="Shadowbox.next();"></div>' +
                '  <div id="sb-pagging"></div>' + 
                '<div id="sb-loading">' +
                    '<div id="sb-loading-inner"><span>{loading}</span></div>' +
                '</div>' +
            '</div>' +
        '</div>' +
        '<div id="sb-info">' +
            '<div id="sb-info-inner">' +
                '<div id="sb-counter"></div>' +
                '<div id="sb-nav">' +
                    '<a id="sb-nav-close" title="{close}" onclick="Shadowbox.close()"></a>' +
                    '<a id="sb-nav-next" title="{next}" onclick="Shadowbox.next()"></a>' +
                    '<a id="sb-nav-play" title="{play}" onclick="Shadowbox.play()"></a>' +
                    '<a id="sb-nav-pause" title="{pause}" onclick="Shadowbox.pause()"></a>' +
                    '<a id="sb-nav-previous" title="{previous}" onclick="Shadowbox.previous()"></a>' +
                '</div>' +
            '</div>' +
        '</div>' +
    '</div>' +
'</div>';

Shadowbox.init({
    overlayOpacity  : 0.8,
    counterType     : "skip",
    counterLimit    : 2,
    continuous      : true,
    onFinish        : function(){
                        // Get picture src
                        /*
                        $src = jQuery("#sb-body img").attr("src");
                        
                        // Get suffix
                        $suffix = $src.substring($src.indexOf(".", 30) + 1);
                        
                        // Remove suffix
                        $src = $src.substring(0, $src.indexOf(".", 30) - 1);
                        
                        // Add new suffix
                        $src += "l." + $suffix;
                        
                        // Set link
                        jQuery("#sb-link a").attr("href", $src);                          
                        */
                        // Check counter 
                        if(jQuery("#sb-counter").html() != "")
                        {
                            // Add pagging links
                            $content = "";
                            $content += "<a id='sb-pagging-previous' onclick='Shadowbox.previous()'></a>";
                            $content += "<a id='sb-pagging-next' onclick='Shadowbox.next()'></a>";
                        
                            jQuery("#sb-pagging").html($content);
                        }
    }
});
