$(document).ready(function() {

      jQuery("a.lightbox").fancybox(
      {
             'zoomSpeedIn': 300,
             'zoomSpeedOut': 300,
             'overlayShow': true
         }
     );

});

function naviStretch( naviclass, paddingOuter ) {
    paddingOuter = paddingOuter || 0;
    var a = getNaviChildren(naviclass);
    var naviWidthIs = getNaviWidth(a);
    var naviWidthShould = $(naviclass).outerWidth();
 
    if (!(paddingOuter >= 0))
    {
        var addWidth = (Math.ceil((naviWidthShould - naviWidthIs) / a.length));
        for (var i = 0; i < a.length; i++) {
            $(a[i]['element'])
            .width
            (
                (a[i]['width'] + addWidth) + 'px'
            )
            .css
            ({
                'text-align' : 'center'
            });
        }
    }
    else
    {
        var addWidth = Math.ceil( (naviWidthShould - naviWidthIs - (2 * paddingOuter )) / (a.length - 1) );
        for (var i = 0; i < a.length; i++) {
            if (i == 0)
            {
                addWidthTemp = Math.ceil((addWidth / 2) + paddingOuter);
                $(a[i]['element']).css
                ({
                    'padding-left' : paddingOuter + 'px',
                    'text-align' : 'left'
                });
            }
            else if (i == a.length-1)
            {
                addWidthTemp = Math.ceil((addWidth / 2) + paddingOuter);
                $(a[i]['element']).css
                ({
                    'padding-right' : paddingOuter + 'px',
                    'text-align' : 'right'
                });
            }
            else
            {
                addWidthTemp = addWidth;
                $(a[i]['element']).css
                ({
                    'text-align' : 'center'
                });
            }
            $(a[i]['element']).width((a[i]['width'] + addWidthTemp - paddingOuter) + 'px');
        }
    }
 
    //calculate new width for last element
    var a = getNaviChildren(naviclass);
    var addLastWidth = naviWidthShould - getNaviWidth(a) -1;
 
    $(a[a.length - 1]['element']).width( a[a.length - 1]['width'] + addLastWidth - paddingOuter);
 
}
 
function getNaviChildren(naviclass) {
    var a = [];
    $(naviclass).children().children('a').each (
        function() {
            a.push({
                'element' : this,
                'class'   : $(this).attr('class'),
                'width'   : $(this).outerWidth()
            });
        }
    );
    return a;
}
 
function getNaviWidth(a) {
    var navitopWidth = 0;
    for (var i = 0; i < a.length; i++) {
        navitopWidth += a[i]['width'];
    }
    return navitopWidth;
}