$(document).ready(function() {
    if($('#image_info').length > 0) {
        rotator.init();
    }
   
   $('#loading').ajaxStart(function() {$(this).show();});
   $('#loading').ajaxStop(function() {$(this).fadeOut();});

    $('a[href^=#expand_]').click(function() {
        var obj = $(this);
        var id = obj.attr('href');
        var expand = $(id);
        if(expand.css('display').toLowerCase() == 'none')
            expand.slideDown();
        else
            expand.slideUp();

        return false;
    });

    ctabs = $('div.tabs');
    if(ctabs.length > 0) {
        ctabs.each(function() {
            tabs.init($(this));
        });
    }
});


ghtml = {
    options: function(list, selected, first) {
        var code = '';
        if (first && first !== undefined) {
            code += '<option value="">'+first+'</option>';
        }
        $.each(list, function(i, n) {
            code += '<option value="'+i+'" ';
            if (selected && selected !== undefined && selected == i) {
                code += 'selected = "selected"';
            }
            code += '>'+n+'</option>';
        });
        return code;
    }
}

tabs = {
    obj: null,
    tab_list: new Array(),
    layers: new Array(),
    init: function(obj) {
        if(!obj || obj === undefined) return false;

        this.obj = obj;
        this.tab_list = obj.find('ul.tabs-controls > li');
        this.layers = obj.find('div.tabs-layer');

        this.tab_list.click(function() {
            var o = $(this);
            if(o.hasClass('active')) return false;

            tabs.tab_list.removeClass('active');
            o.addClass('active');
            var i = o.index();
            tabs.layers.removeClass('active');
            $(tabs.layers[i]).addClass('active');

            return false;
        });
    }
}


rotator = {
    cur: 0,
    keys: ['rooms', 'sauna', 'restaurant'],
    speed: 5000,
    imgs: ['/img/default_top_bg.jpg', '/img/sauna_bg.jpg', '/img/restaurant_bg.jpg'], 

    init: function() {
        var ti = new Array;
        for(var i in rotator.imgs) {
            var tt = new Image();
            tt.src = rotator.imgs[i];
            ti.push(tt);
        }
        
        rotator.doit();
    }, 

    step: function() {
        setTimeout(rotator.doit, rotator.speed);
    },

    doit: function() {
        var key = rotator.keys[rotator.cur];

        var obj = $('a[href=/'+key+'/]');
        $('div.image_nav').find('li').removeClass('active');
        obj.parent().addClass('active');
        var mode = key;
        $('#image_info').html(mdata[mode].replace(/\\/gi, ''));
        // магия
        $('#header_bg').append('<div class="'+mode+'" style="z-index:0"></div>');
        var divs = $('#header_bg > div');
        var i1 = $(divs[0]);
        var i2 = $(divs[1]);
        i2.css({opacity: 0}).animate({opacity: 1}, 1000);
        i1.animate({opacity:0}, 1000, function() {
            i1.remove();
            i2.css('z-index', 1);

            rotator.cur++;
            if(rotator.cur >= rotator.keys.length) rotator.cur = 0;
            rotator.step();
        });
    }
}