$(document).ready(function()
{

var nav=$('#nav');
var headSlider=$('#slider');
var headSliderText=$('#slider-text');
var flag=false;
headSlider.cycle({ 
    fx:     'fade', 
    timeout: 5000, 
    pager:  '#nav',
    pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#nav li:eq(' + idx + ') a'; 
    } ,
    before:onBefore 
});

function onBefore(curr, next, opts)
{
var index =flag?  opts.nextSlide:opts.currSlide; 
flag=true;


headSliderText.fadeOut(300,function(){$(this).html($("img:eq("+index+")",headSlider).attr('alt')).fadeIn(300);});
$('a',nav).removeClass('selected');
$("li:eq("+index+") a",nav).addClass('selected');

}



})