var current_slide = 1;
var max_slides = 3;
var originalBG = $(".fade").css("background-color");
var fadeColor = "#1a1a1a";
$(document).ready(function () {
    setInterval("fadeOutSlides()", 7000);
    fadeColours();
    fadeColours2();
    fadeColours3();
    jQuery.getFeed({
        url: 'proxy.php?url=http://feeds.feedburner.com/bbcomms',
        success: function (feed) {
            var html = '';
            for (var i = 0; i < feed.items.length && i < 5; i++) {
                var item = feed.items[i];
                html += '<h3 class="feedHeader">' + '<a href="' + item.link + '" target="_blank" class="fade2">' + item.title + '</a>' + '</h3>';
                html += '<div class="updated">' + item.updated + '</div>';
                html += '<div class="description">' + item.description + ' (...) <a href="' + item.link + '" target="_blank" class="fade2">Read article</a>' + '</div>';
            }
            jQuery('#result').append(html);
            fadeColours();
            fadeColours2();
            fadeColours3();
        }
    });
    $('#youtube-result').youTubeChannel({
        userName: 'BBComms',
        channel: 'uploads',
        hideAuthor: true,
        numberToDisplay: 3,
        linksInNewWindow: true
    });
})
function fadeOutSlides() {
    var next_slide;
    if (current_slide == max_slides) next_slide = 0;
    else next_slide = current_slide;
    $("#slide" + current_slide).fadeOut(2500);
    $("#slide" + (next_slide + 1)).fadeIn(2400);
    if (current_slide == max_slides) current_slide = 1;
    else current_slide++;
}
function fadeColours() // set colours to fade in when mouse is over links 
{
    // font color animation
    $("a.fade").hover(function () {
        $(this).animate({
            color: "#666666"
        }, 400);
    }, function () {
        $(this).animate({
            color: "#FFFFFF"
        }, 500);
    });
}
function fadeColours2() // set colours to fade in when mouse is over links 
{
    // font color animation
    $("a.fade2").hover(function () {
        $(this).animate({
            color: "#FFFFFF"
        }, 400);
    }, function () {
        $(this).animate({
            color: "#9B9B9B"
        }, 500);
    });
}
function fadeColours3() // set colours to fade in when mouse is over links 
{
    // font color animation
    $("ul#twitter_update_list a").hover(function () {
        $(this).animate({
            color: "#FFFFFF"
        }, 400);
    }, function () {
        $(this).animate({
            color: "#9B9B9B"
        }, 500);
    });
}