var banners = [];
var current_banner = 0;
var rotation = true;

function update_region() {
    if ($('select#search-country').val() > 0) {
        var data = {'country': $('select#search-country').val()}
        $.ajax({
           type: "POST",
           url: "/ajax/regije/",
           data: data,
           dataType: "json",
           success: function(data){
              $('select#search-region').html('<option value="0">'+gettext('All')+'</option>');
              var html = '';
              for(i in data) {
                  var selected = '';
                  if ($('input#selected-region').val() == data[i][0]) {
                      selected = ' selected="selected"';
                  }
                  
                  html = html + '<option value="'+data[i][0]+'"'+selected+'>'+data[i][1]+'</option>';
              }
              $('select#search-region').append(html);
           }
        });
    } else {
        $('select#search-region').html('<option value="0">'+gettext('Select country')+'</option>');
    }
}

function load_banners() {
    $.ajax({
       type: "GET",
       url: "/ajax/banner/",
       dataType: "json",
       success: function(data){
          banners = data;
       }
    });
}

function banner_more(obj) {
    document.location = $('div.banner input#banner-link').val();
    return false;
}

function change_banner(steps) {
    current_banner = current_banner + steps;
    
    if (current_banner == banners.length) {
        current_banner = 0;
    }
    if (current_banner < 0) {
        current_banner = banners.length-1;
    }
    
    $('div.banner div#banner-image').fadeOut("slow", function() {
        $('div.banner div#banner-image').attr("style", "background-image:url("+banners[current_banner][3]+");");
    });
    $('div.banner div#banner-image').fadeIn("slow")

    $('div.banner div#banner-title').fadeOut("slow", function() {
        $('div.banner div#banner-title').html(banners[current_banner][1]);
    });
    $('div.banner div#banner-title').fadeIn("slow")

    $('div.banner div#banner-subtitle').fadeOut("slow", function() {
        $('div.banner div#banner-subtitle').html(banners[current_banner][2]);
    });
    $('div.banner div#banner-subtitle').fadeIn("slow")

    $('div.banner div#banner-specs').fadeOut("slow", function() {
        $('div.banner div#banner-specs').html('');
        if (banners[current_banner][4]) {
            $('div.banner div#banner-specs').append("<div><span>"+banners[current_banner][4]+"</span> "+banners[current_banner][5]+"</div>");
        }
        if (banners[current_banner][6]) {
            $('div.banner div#banner-specs').append("<div id=\"banner-specs-last\"><span>"+banners[current_banner][6]+"</span> "+banners[current_banner][7]+"</div>");
        }
    });
    $('div.banner div#banner-specs').fadeIn("slow")

    $('div.banner div#banner-price').fadeOut("slow", function() {
        $('div.banner div#banner-price').html('');
        if (banners[current_banner][9]) {
            $('div.banner div#banner-price').append('<div class="button">'+gettext('More')+'...</div>&nbsp;');
        }
        $('div.banner div#banner-price').append(banners[current_banner][8]);
        $('div.banner div#banner-price div.button').click(banner_more);
    });
    
    $('div.banner input#banner-link').val(banners[current_banner][9]);

    $('div.banner div#banner-price').fadeIn("slow")
}

$(function() {
    update_region();
    load_banners();
    
    $('a#banner-forward').click(function() {
        rotation = false;
        change_banner(1);
        return false;
    });

    $('a#banner-back').click(function() {
        rotation = false;
        change_banner(-1);
        return false;
    });

    setInterval(function() {
        if (banners.length > 1 && rotation) {
            change_banner(1);
        }
    }, 8000);
    
    $('div.banner div#banner-price div.button').click(banner_more);

    $('select#search-country').change(update_region);

    $('div#search-button').click(function() {
        $('form#search-form').submit();
    });
});