$(document).ready(function(){

    var options = {
		resizeDuration:		0.2,
		fadeDuration:		0.2,
        resizeLgImages:     true,
        viewportPadding:    5,
		displayCounter:		false,
		handleLgImages:		'drag',
        handleUnsupported:  'remove',
		text:				{

            cancel:     'Avbryt',

            loading:    'laddar',

            close:      '<span class="shortcut">S</span>t&auml;ng',

            next:       'N&auml;sta >>',

            prev:       '<< F&ouml;reg&aring;ende',

            errors:     {
                single: 'You must install the <a href="{0}">{1}</a> browser plugin to view this content.',
                shared: 'You must install both the <a href="{0}">{1}</a> and <a href="{2}">{3}</a> browser plugins to view this content.',
                either: 'You must install either the <a href="{0}">{1}</a> or the <a href="{2}">{3}</a> browser plugin to view this content.'
            }

        },
		skin:           {

            main:       '<div id="shadowbox_overlay"></div>' +
			
                        '<div id="shadowbox_container">' +
						
                            '<div id="shadowbox">' +
							'<div id="shadowbox_nav_close">' +'<a href="javascript:Shadowbox.close();">Stäng [x]</a>' + '</div>' +
                                '<div id="shadowbox_title">' +
                                    '<div id="shadowbox_title_inner"></div>' +
                                '</div>' +
								
								
                                '<div id="shadowbox_body">' +
                                    '<div id="shadowbox_body_inner"></div>' +
                                    '<div id="shadowbox_loading"></div>' +
                                '</div>' +
                                '<div id="shadowbox_toolbar">' +
                                    '<div id="shadowbox_toolbar_inner"></div>' +
                                '</div>' +
                            '</div>' +
                        '</div>',

            loading:    '<img src="{0}" alt="{1}" />' +
                        '<span><a href="javascript:Shadowbox.close();">{2}</a></span>',

            counter:    '<div id="shadowbox_counter">{0}</div>',

            close:      '<div id="shadowbox_nav_close">' +
                        '</div>',

            next:       '<div id="shadowbox_nav_next">' +
                            '<a href="javascript:Shadowbox.next();">{0}</a>' +
                        '</div>',

            prev:       '<div id="shadowbox_nav_previous" >' +
                            '<a href="javascript:Shadowbox.previous();">{0}</a>' +
                        '</div>'

        },
		keysPrev:			['f',37],
        keysClose:          ['s', 27] // c or esc
    };

    Shadowbox.init(options);

});
