var current_rally_id = "0";
var current_page = "1";
var video = false;

function load_images(page) {
    var url;
    if (current_rally_id === '0') {
        url = "/images_json/";

    }
    else {
        url = "/images_json/" + current_rally_id + "/";

    }
    if (video) {
        url += '?video=1';
        if (page)
            url += '&page=' + page;
    }
    else if (page)
        url += '?page=' + page;


    $.getJSON(url, show_images);
}

function show_images(data) {
    var current_page = data["current_page"];
    var num_pages = data["num_pages"];
    var images_json = data["picture_json_list"];
    var counter = 0;
    var image_count = images_json.length;
    var url_big;
    var url_thumb;
    var date_text;
    var image_properties;
    var counter;
    var navig_link_div;
    var on;
    $('.list_img').empty();
    for (counter = 0; counter < image_count; counter++) {
        image_properties = images_json[counter];
        url_big = image_properties[0];
        url_thumb = image_properties[1];
        date_text = image_properties[2];

        if (video) {
            $('.list_img').append('<li><a class="video" href="' + url_big + '"><img src="' + url_thumb + '" width="200" height="136"></a><div class="cadre_date"><div>' + date_text + '</div></div></li>')
        }
        else {
            $('.list_img').append('<li><a rel="fancy" href="' + url_big + '"><img src="' + url_thumb + '" width="200" height="136"></a><div class="cadre_date"><div>' + date_text + '</div></div></li>')
        }
    }


    if (video) {
        $("a.video").fancybox({
            'titleShow'     : false,
            'transitionIn'  : 'elastic',
            'transitionOut' : 'elastic',
            'type'      : 'swf',
            'swf'       : {'wmode':'transparent','allowfullscreen':'true'}
        });
    }
    else {
        $("a[rel=fancy]").fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'titlePosition': 'over',
            'titleFormat': function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
            }
        });
    }
    navig_link_div = $("#navig_img");
    navig_link_div.empty();
    for (counter = 0; counter < num_pages.length; counter += 1) {
        on = '';
        if (counter + 1 == current_page)
            on = 'on';
        navig_link_div.append('<a class="pagination_link ' + on + '" id="pl_' + (counter + 1) + '" href="">' + (counter + 1) + '</a>');
        if (counter != num_pages.length - 1) {
            navig_link_div.append("&nbsp; | &nbsp;");
        }
    }
    $(".pagination_link").click(on_pagination_click);
}

function on_pagination_click() {
    var url;
    var page_nr;
    page_nr = $(this).attr('id').substring(3);
    current_page = page_nr;
    load_images(current_page);
    return false;
}

$(document).ready(function(e) {
    var id = "";
    var tempo2 = "";
    var tempo = "";
    var title_on = "";
     $('#bg_welcome').animate({

            top: '50%'
        }, 0, function() {

        });

    $('#first_title').each(function() {
        $(this).toggleClass('on');
        $(this).next().slideToggle('fast');
        title_on = $(this).parent().attr('id');
    });

    $('#tableau_constr').css({opacity:0});

    $('.winner').each(function() {
        if ($(this).html() === "to come") {
            tempo = $(this).prev().prev().html();
            tempo2 = "#link_" + tempo.substring(0, tempo.length - 1);
            $(tempo2).css('display', 'none');
            //  $(this).next().children().css('cursor','not-allowed');
        }
    });

    $('#pilote').click(function() {
        $(this).parent().removeClass('off');
        $('#tableau').css({opacity:1});
        $('#tableau_constr').css({opacity:0});

    });
    $('#constructeur').click(function() {
        $(this).parent().addClass('off');
        $('#tableau').css({opacity:0});
        $('#tableau_constr').css({opacity:1});
    });

    $('.etape').mouseover(function() {

        id = "#desc_" + $(this).attr('id');
        text = "#text_" + $(this).attr('id');
        $(text).css({opacity:1});
        $(id).animate({
            width: '218px',
            height: '105px'
        }, 100, function() {


        });
    });


    $('.pays_list').mouseover(function() {

        id = "#desc_etap" + $(this).attr('id');
        text = "#text_etap" + $(this).attr('id');
        $(text).css({opacity:1});
        $(id).animate({
            width: '218px',
            height: '105px'
        }, 100, function() {


        });
    });

    $('.pays_list').mouseout(function() {

        id = "#desc_etap" + $(this).attr('id');
        text = "#text_etap" + $(this).attr('id');
        $(text).css({opacity:0});
        $(id).animate({

            width: '1px',
            height: '1px'
        }, 100, function() {

        });
    });

    $('.etape').mouseout(function() {

        id = "#desc_" + $(this).attr('id');
        text = "#text_" + $(this).attr('id');
        $(text).css({opacity:0});
        $(id).animate({

            width: '1px',
            height: '1px'
        }, 100, function() {

        });
    });

    $('.news_title').click(function() {
        if (title_on !== $(this).parent().attr('id')) {
            $('a_news .on').each(function() {
                $(this).toggleClass('on');
                $(this).next().slideToggle('fast');
            });
            title_on = $(this).parent().attr('id');
            $(this).toggleClass('on');
            $(this).next().slideToggle('fast');
        } else {
            $(this).toggleClass('on');
            $(this).next().slideToggle('fast');

        }


    });
    var navig_media = $('#selecteur').attr('id');
    $('#selecteur').click(function() {
        video = false;
        $('.vid_count').hide();
        $('.pic_count').show();
        if (navig_media == "selecteur2") {
            $(this).toggleClass('on');
            $(this).next().toggleClass('on');
            navig_media = $('#selecteur').attr('id');
            load_images();
        }

    });


    $('#selecteur2').click(function() {
        video = true;
        $('.vid_count').show();
        $('.pic_count').hide();
        if (navig_media == "selecteur") {
            $(this).toggleClass('on');
            $(this).prev().toggleClass('on');
            navig_media = $('#selecteur2').attr('id');
            load_images();
        }


    });


    var old_on_media;
    $('#list_img_0').toggleClass('on');

    old_on_media = $('#list_img_0');

    $('.list_pays li').click(function() {
        old_on_media.toggleClass('on');
        old_on_media = $(this);
        $(this).toggleClass('on');

    });

    var old_on_pilot;
    $('#list_pilote_2').toggleClass('on');
    old_on_pilot = $('#list_pilote_2');
    $('#freddy_bio').css('display', 'block');
    var old_text_pilot_on = $('#freddy_bio');


    $('.click').click(function() {

        old_text_pilot_on.css('display', 'none');
        if ($(this).attr('id') === "list_pilote_2") {
            $('#freddy_bio').css('display', 'block');
            old_text_pilot_on = $('#freddy_bio');
            $('#navig_team').css('display', 'block');
            $('#navig_team_palm').css('display', 'none');
        }
        if ($(this).attr('id') === "list_pilote_3") {
            $('#freddy_palm').css('display', 'block');
            old_text_pilot_on = $('#freddy_palm');
            $('#navig_team').css('display', 'none');
            $('#navig_team_palm').css('display', 'block');
        }
        if ($(this).attr('id') === "list_pilote_5") {
            $('#copilote_bio').css('display', 'block');
            old_text_pilot_on = $('#copilote_bio');
            $('#navig_team').css('display', 'none');
            $('#navig_team_palm').css('display', 'none');
        }
        old_on_pilot.toggleClass('on');
        old_on_pilot = $(this);
        $(this).toggleClass('on');

    });
    var old_linkon = $('#page_1_bio');
    $('.pagination').click(function() {
        if ($(this).attr('id') === "page_1_bio") {
            $('#part_1').css('display', 'block');
            $('#part_2').css('display', 'none');
            $('#part_3').css('display', 'none');
            $('#part_4').css('display', 'none');
        }
        if ($(this).attr('id') === "page_2_bio") {
            $('#part_1').css('display', 'none');
            $('#part_2').css('display', 'block');
            $('#part_3').css('display', 'none');
            $('#part_4').css('display', 'none');
        }
        if ($(this).attr('id') === "page_3_bio") {
            $('#part_1').css('display', 'none');
            $('#part_2').css('display', 'none');
            $('#part_3').css('display', 'block');
            $('#part_4').css('display', 'none');
        }
        if ($(this).attr('id') === "page_4_bio") {
            $('#part_1').css('display', 'none');
            $('#part_2').css('display', 'none');
            $('#part_3').css('display', 'none');
            $('#part_4').css('display', 'block');
        }


        $(this).toggleClass('on');
        old_linkon.toggleClass('on');
        old_linkon = $(this);
    });


    var old_linkon_palm = $('#page_1_palm');
    $('.pagination_palm').click(function() {
        if ($(this).attr('id') === "page_1_palm") {
            $('#part_1_palm').css('display', 'block');
            $('#part_2_palm').css('display', 'none');
            $('#part_3_palm').css('display', 'none');
            $('#part_4_palm').css('display', 'none');
        }
        if ($(this).attr('id') === "page_2_palm") {
            $('#part_1_palm').css('display', 'none');
            $('#part_2_palm').css('display', 'block');
            $('#part_3_palm').css('display', 'none');
            $('#part_4_palm').css('display', 'none');
        }
        if ($(this).attr('id') === "page_3_palm") {
            $('#part_1_palm').css('display', 'none');
            $('#part_2_palm').css('display', 'none');
            $('#part_3_palm').css('display', 'block');
            $('#part_4_palm').css('display', 'none');
        }
        if ($(this).attr('id') === "page_4_palm") {
            $('#part_1_palm').css('display', 'none');
            $('#part_2_palm').css('display', 'none');
            $('#part_3_palm').css('display', 'none');
            $('#part_4_palm').css('display', 'block');
        }


        $(this).toggleClass('on');
        old_linkon_palm.toggleClass('on');
        old_linkon_palm = $(this);
    });


    $('.list_pays li').click(function() {
        var url;
        var race_id
        old_on_media.toggleClass('on');
        old_on_media = $(this);
        $(this).toggleClass('on');

        race_id = $(this).attr('id').substring(9);
        current_rally_id = race_id;
        load_images();

    });

    $("a[rel=fancy]").fancybox({
        'transitionIn'        : 'elastic',
        'transitionOut'        : 'elastic',
        'titlePosition'     : 'over',
        'titleFormat'        : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
        }
    });

    $(".pagination_link").click(on_pagination_click);

    var left_pos = 0;
    $('#left_arrow').css('display', 'none');
    $('#left_arrow').click(function() {

        if (left_pos != 0) {
            left_pos = left_pos + 960;
            if (left_pos == 0) {
                $('#left_arrow').css('display', 'none');
            } else {
                $('#right_arrow').css('display', 'block');
            }

            $('#slider').animate({
                left: left_pos
            }, 500, function() {


            });
        }

    });
    $('#right_arrow').click(function() {
        if (left_pos != -1920) {


            left_pos = left_pos - 960;
            if (left_pos == -1920) {
                $('#right_arrow').css('display', 'none');
            } else {
                $('#left_arrow').css('display', 'block');
            }
            $('#slider').animate({
                left: left_pos
            }, 500, function() {

            });
        } else {


        }

    });

    $('.lang_link').bind('click',
                        function(event) {
                            var linkId = $(event.currentTarget).attr("id");
                            $('#lang_value').attr('value', linkId.substring(4));
                            $('#translation_form').submit();
                            return false;
                        }
            );



});