$(document).ready(function() {
    var counter = 1;                                                                // selected title
    var last_id = $("#landing_page_news_navigation").children().last().attr("id");  // number of news titles
    var time_ms = 10000;                                                             // time to switch between news
    
    if(!last_id) {
        last_id = "";
    }
    
    last_id = last_id.replace("news_title", "");    // get last ID
    last_id = parseInt(last_id);
    var number_of_titles = 4;                       // number of visible titles
    var global_timeout = 0;
    
    // set first four to visible
    for(i = 1; i <= number_of_titles; i++) {
        if(i <= last_id) {
            $("#news_title" + i).addClass("visible");
        }        
    }
    
    // set first to active
    $("#news_title" + counter).addClass("active_title");
    $("#news_content" + counter).removeClass("hidden_content");
    
    // click on down button
    $("#news_down_button").click(function() {
        if(counter < last_id) {
            // if next title is visible then move to next title
            if($("#news_title" + counter).next().hasClass("visible")) {
                counter++;
            
                $(".news_navigation_title").removeClass("active_title");    // unactivate all titles
                $(".newscontent").addClass("hidden_content");               // hide all news
                
                // set next to active
                $("#news_title" + counter).addClass("active_title");
                $("#news_content" + counter).removeClass("hidden_content");
            }
            else { // if next title is not visible slide up and show it
                counter++;
            
                $(".news_navigation_title").removeClass("active_title");    // unactivate all titles
                $(".newscontent").addClass("hidden_content");               // hide all news
                
                // set next to active
                $("#news_title" + counter).addClass("active_title");
                $("#news_content" + counter).removeClass("hidden_content");
                
                var visible_elements = $(".visible").get();
                $("#" + visible_elements[0].id).removeClass("visible");
                $("#" + visible_elements[3].id).next().addClass("visible");
                
                $("#landing_page_news_navigation").animate({"top": "-=60px"}, "fast");                   
            }
        }                        
    });
    
    // click on up button
    $("#news_up_button").click(function() {
        if(counter > 1) {
            // if previous title is visible then move to previous title
            if($("#news_title" + counter).prev().hasClass("visible")) {
                counter--;
            
                $(".news_navigation_title").removeClass("active_title");    // unactivate all titles
                $(".newscontent").addClass("hidden_content");               // hide all news
                
                // set previous to active
                $("#news_title" + counter).addClass("active_title");
                $("#news_content" + counter).removeClass("hidden_content");
            }
            else { // if previous title is not visible slide down and show it
                counter--;
            
                $(".news_navigation_title").removeClass("active_title");    // unactivate all titles
                $(".newscontent").addClass("hidden_content");               // hide all news
                
                // set next to active
                $("#news_title" + counter).addClass("active_title");
                $("#news_content" + counter).removeClass("hidden_content");
                
                var visible_elements = $(".visible").get();
                $("#" + visible_elements[0].id).prev().addClass("visible");
                $("#" + visible_elements[3].id).removeClass("visible");
                
                $("#landing_page_news_navigation").animate({"top": "+=60px"}, "fast");                   
            }
        }                        
    });
    
    // rotate news
    function rotate() {
        if(counter < last_id) {
            // if next title is visible then move to next title
            if($("#news_title" + counter).next().hasClass("visible")) {
                counter++;
                
                $(".news_navigation_title").removeClass("active_title");    // unactivate all titles
                $(".newscontent").addClass("hidden_content");               // hide all news
                
                // set next to active
                $("#news_title" + counter).addClass("active_title");
                $("#news_content" + counter).removeClass("hidden_content");
            }
            else {  // if next title is not visible slide up and show it
                counter++;
                
                $(".news_navigation_title").removeClass("active_title");    // unactivate all titles
                $(".newscontent").addClass("hidden_content");               // hide all news
                
                // set next to active
                $("#news_title" + counter).addClass("active_title");
                $("#news_content" + counter).removeClass("hidden_content");
                
                var visible_elements = $(".visible").get();
                
                $("#" + visible_elements[0].id).removeClass("visible");
                $("#" + visible_elements[3].id).next().addClass("visible");   
                
                $("#landing_page_news_navigation").animate({"top": "-=60px"}, "fast");
            }
        }
        else if(counter == last_id) {   // on last element go back to top
            $(".news_navigation_title").removeClass("active_title");    // unactivate all titles
            $(".newscontent").addClass("hidden_content");               // hide all news
                
            $("#landing_page_news_navigation").animate({"top": "0px"}, "fast");
            $("#landing_page_news_navigation").children().first().addClass("active_title");
            $("#news_content1").removeClass("hidden_content");
            counter = 1;
            
            // set first four to visible
            $(".news_navigation_title").removeClass("visible");    // reset all
            
            for(i = 1; i <= number_of_titles; i++) {
                if(i <= last_id) {
                    $("#news_title" + i).addClass("visible");
                }        
            }            
        }
        
        global_timeout = setTimeout(rotate, time_ms);
    }
    
    global_timeout = setTimeout(rotate, time_ms);    // call rotate() function
    
    // click on title
    $(".news_navigation_title").click(function() {
        $(".news_navigation_title").removeClass("active_title");    // unactivate all titles
        $(".newscontent").addClass("hidden_content");               // hide all news
        
        $(this).addClass("active_title");
        selected_id = $(this).attr("id");
        
        selected_id = selected_id.replace("news_title", "");    // get selected ID
        selected_id = parseInt(selected_id);
        
        counter = selected_id;
        
        $("#news_content" + selected_id).removeClass("hidden_content");                    
    });
    
    // pause rotation on mouseenter
    $("#landing_page_news_border").mouseenter(function() {
        clearTimeout(global_timeout);
    });
    
    // continue rotation on mouseleave
    $("#landing_page_news_border").mouseleave(function() {
        global_timeout = setTimeout(rotate, time_ms);
    });
    
    
    // button down
    // pause rotation on mouseenter
    $("#news_down_button").mouseenter(function() {
        clearTimeout(global_timeout);
    });
    
    // continue rotation on mouseleave
    $("#news_down_button").mouseleave(function() {
        global_timeout = setTimeout(rotate, time_ms);
    });
    
    
    // button up
    // pause rotation on mouseenter
    $("#news_up_button").mouseenter(function() {
        clearTimeout(global_timeout);
    });
    
    // continue rotation on mouseleave
    $("#news_up_button").mouseleave(function() {
        global_timeout = setTimeout(rotate, time_ms);
    });
    
    
});