var images = new Array();
var active = 0;

$(document).ready(function(){
    var lbar = $('<div>').attr('id', 'lbar');
    var lbardiv = $('<div>');
    lbardiv.append('<a class="lselect first" rel="german"><img src="images/german.png"> Deutsch</a>');
    lbardiv.append('<a class="lselect" rel="english"><img src="images/english.png"> English</a>');
    lbardiv.append('<a class="lselect" rel="italian"><img src="images/italian.png"> Italiano</a>');
    lbardiv.append('<a class="lselect" rel="french"><img src="images/french.png"> Fran&ccedil;ais</a>');
    
    lbardiv.children('.lselect').bind('click', function(){
        activate($(this).attr('rel'));
    });
    
    lbar.append(lbardiv);
    $('#content-start').prepend(lbar);
    
    var browserlang = 'de';
    if (typeof navigator.language == "string") {
        browserlang = navigator.language;
    }
    else if (typeof navigator.browserLanguage == "string") {
        browserlang = navigator.browserLanguage;
    }
    
    if ($.cookie('gm24-language')) { activate($.cookie('gm24-language'));  }
    else if (browserlang.indexOf("en") > -1) { activate('english'); }
    else if (browserlang.indexOf("it") > -1) { activate('italian'); }
    else if (browserlang.indexOf("fr") > -1) { activate('french');  }
    else { activate('german'); }
    
    // Shifting Images
    setTimeout('shift_images()', 4000);
    var img;
    for (var i = 0; i < images.length; i++) {
        img = new Image();
        img.src = images[i];
    }
});

function activate(language) {
    var c = $('#content-start');
    c.children('.language').css('display', 'none');
    c.children('.'+language).css('display', 'block');
    
    var lbardiv = $('#lbar div');
    lbardiv.children('.lselect').removeClass('active');
    lbardiv.children('.lselect[rel='+language+']').addClass('active');
    
    $.cookie('gm24-language', language, {expires: 7});
}

function shift_images() {
    if (++active >= images.length) { active = 0; }
    $('.hp-image').each(function(){
        var img = $(this);
        img.fadeOut('slow', function() {
            img.attr('src', images[active]);
            img.fadeIn('slow')
        });
    });
    setTimeout('shift_images()', 4000);
}