$(document).ready(function () {
    publish_highlights(highlights_index);
});
var foto_album_image_timer = -1;

function publish_highlights( highlights_index ){
    var need = highlights[ highlights_index ];
    
    $highlights = $('#highlights');
    $highlights.empty();

    
    var array_highlights_navigation = [];
    $.each( highlights, function( i , data  ){
        array_highlights_navigation.push( '<span>' + (i+1) +'</span>' );
    });
    if (highlights_lang === "TR") {
        array_highlights_navigation.push('<span onclick="location.href=\'/kategori/170/haberler.html\'" style="width:auto;">Tümü</span>');
    } else {
        array_highlights_navigation.push('<span onclick="location.href=\'/kategori/397/news.html\'" style="width:auto;">All</span>');
    }
    array_highlights_navigation.reverse();
    var str_highlights_navigation = array_highlights_navigation.join('');

    var str_related_news_html = '';
    if (need.related != null) {
        $.each(need.related, function (i, data) {
            str_related_news_html += $.tpl('highlights_related', {
                related_thumbnail: data.thumbnail,
                related_title: data.title,
                related_url: data.url
            }, true);
        });
    }

    $.tpl('highlights', {
        main_title: need.title,
        main_url: need.url,
        main_media: need.media,
        main_description: need.description,
        other_news: str_related_news_html,
        highlights_navigation: str_highlights_navigation,
        foto_album_image_list: need.foto_album_image_list
    }).appendTo($highlights);
    
    $.each( $('#highlights-navbar').find('span'), function( i , span_element  ){
        $span = $(span_element)
        $span.click(function(){
            var index = parseInt($(this).html());
            index--;
            $highlights.fadeOut('slow',function(){
                publish_highlights( index , true );
            });
            return false;
        });
    });
    if( arguments[ 1 ] ){
        $highlights.fadeIn('slow');
    }
    
    var reverse_nav_spans = [];
    $.each( $('#highlights-navbar').find('span'), function( i , span  ){
        reverse_nav_spans.push( span );
    });
    reverse_nav_spans.reverse();
    $(reverse_nav_spans[highlights_index]).addClass('current');

    $('#highlights-main-media').css('position', 'relative').css('height', '300px');

    var foto_album_image_list = [];
    $.each($('#highlights-foto-album-image-list').find('img'), function (i, img) {
        foto_album_image_list.push(img);
    });

    clearInterval(foto_album_image_timer);  
    var foto_album_image_index = 0;
    if (foto_album_image_list.length > 0) {
        foto_album_image_timer = setInterval(function () {
            foto_album_image_index += 1;
            if (foto_album_image_index > foto_album_image_list.length - 1) foto_album_image_index = 0;

            var current = $("#highlights-main-media").find('img');
            var new_img = $(foto_album_image_list[foto_album_image_index]).clone();

            current.css('position', 'absolute');
            new_img.css('position', 'absolute');

            current.css("z-index", "500").css({ opacity: 1.0 });

            $("#highlights-main-media").append(new_img);
            new_img.css('z-index', '500').css({ opacity: 0.0 }).animate({ opacity: 1.0 }, 1000);
            
            current.animate({ opacity: 0.0 }, 1000, function () { $(this).remove(); });
        }, 6000);
    }
        
}