var basepath = basepath || '';

$.imgpreload.defaults.urlPrefix = basepath + '/img/bgs/';
$.fn.crossfade.defaults.urlPrefix = basepath + '/img/bgs/';
$.fn.crossfade.defaults.css.backgroundPosition = 'bottom left';
var bgs = [{
    src: 'o-nas.jpg',
    color: 'black'
},
{
    src: 'dlaczego-my.jpg',
    color: 'black'
},
{
    src: 'home.jpg',
    color: 'black'
},
{
    src: 'faq.jpg',
    color: 'black'
},
{
    src: 'oferta.jpg',
    color: 'black'
},
{
    src: 'o-nas-galeria.jpg',
    color: 'black'
},
{
    src: 'kontakt.jpg',
    color: 'black'
}];
var hash = {},
    _src, _color;
for (var i = 0; i < bgs.length; i++) {
    _src = bgs[i].src;
    _color = bgs[i].color;
    hash[_src] = _color;
}
$(function () {
    $().pngFix();
    $.nyroModalSettings({
        showBackground: function (elts, settings, callback) {
            $(elts.bg).show();
            callback();
        },
        hideBackground: function (elts, settings, callback) {
            $(elts.bg).hide();
            callback();
        },
        showTransistion: function (elts, settings, callback) {
            $(elts.loading).show();
            $(elts.contentWrapper).hide();
            $(elts.content).fadeIn();
            callback();
        },
        hideTransistion: function (elts, settings, callback) {
            $(elts.loading).hide();
            $(elts.contentWrapper).show();
            $(elts.content).fadeOut();
            callback();
        },
        css: {
            bg: {
                background: "black url('" + basepath + "/img/icons/loading.gif') no-repeat center center"
            }
        }
    });
});
$(function () {
    $('#progressbar').progressbar();
    $('.ui-tabs-nav').parent().tabs({
        fx: {
            opacity: 'toggle'
        },
        select: function (event, ui) {
            var sel = $(ui.panel).children('.ui-tabs-nav').find('.ui-tabs-selected a');
            var _t = (undefined !== sel && sel.size()) ? sel : ui.tab;
            var _name = $(_t).attr('href').substr(1);
            if (_name.match(/^galeria/)) _name = 'o-nas-galeria';
            var filename = _name + '.jpg';
            $('#bg').crossfade({
                src: filename,
                color: hash[filename]
            });
        }
    });
});
$(function () {
    var filename = $('.ui-tabs-panel:visible .ui-tabs-selected a, #navi.ui-tabs-nav .ui-tabs-selected a').eq(0).attr('href').substr(1) + '.jpg';
    var baseImgs = [{
        src: '/icons/loading.gif'
    },
    {
        src: '/bgs/' + filename
    },
    {
        src: '/dot.png'
    },
    {
        src: '/icons/play.gif'
    },
    {
        src: '/icons/pause.gif'
    },
    {
        src: '/icons/mp3player.gif'
    },
    {
        src: '/icons/pdf.png'
    }];
    var $ieFix = false;
    $.imgpreload(baseImgs, $o = {
        urlPrefix: basepath + '/img/',
        complete: function () {
            if ($ieFix === true) return;
            $('#logo:hidden').fadeIn();
            $('#bg').crossfade({
                src: filename,
                color: hash[filename]
            }, {
                complete: function () {}
            });
            $.imgpreload(bgs, {
                load: function (url, n) {
                    $('#progressbar').progressbar((n + 1) / bgs.length);
                },
                complete: function (n) {
                    $('#progressbar').progressbar(1);
                    $('#loading').fadeOut(250);
                }
            });
            $ieFix = true;
        }
    });
});