// global vars
var t;
var i;

$(function(){


    // locate and rotate the images on the home page
    var numSections = $('#slider .section').length;
    $('#slider .section').css('display','none');
    rotateImages(0, numSections, 5000);
 
    // add controls to rotating images on the home page
    var rotateIcons = '';
    
    for (i = 0; i < numSections; i++) {
        rotateIcons += '<li><a style="cursor: pointer;">&bull;</a></li>';
    }
    
    // Instead of Target = _blank use (rel=external)
    $('a[rel=external]').attr('target','_blank');
    
    // Instead of Target = _blank use (rel=_blank)
    $('a[rel=_blank]').attr('target','_blank');
    
    // Instead of Target = _blank use (rel=blank)
    $('a[rel=blank]').attr('target','_blank');
    
    var rotateControls = '<ul class="controls">' + rotateIcons + '</ul>';
    $('#slider #rotate' + numSections).after(rotateControls);
    $('#slider .controls li:first-child').addClass('active');

    // pause rotation and jump to related image
    $('#slider .controls li a').click(function() {
        var rotatorIndex = $(this).parent().prevAll().length;
        clearTimeout(t);
        $('#slider .section').fadeOut('slow');
        $('#slider .controls li').removeClass('active');
        $('#slider .section:eq('+ rotatorIndex +')').fadeIn('fast');
        $(this).parent().addClass("active");
    });

});

// rotate images 
function rotateImages(x, total, speed) {
    var y = x;
    if(x == total) { y = 1; } else { y++; }
    $('#rotate' + x).fadeOut('slow');
    $('#slider .controls li:nth-child('+ x +')').removeClass('active');
    $('#rotate' + y).fadeIn('fast');
    $('#slider .controls li:nth-child('+ y +')').addClass('active');
    t = setTimeout('rotateImages('+ y +','+ total +','+ speed +')', speed);
}