var xTimer;
function xResumeAnimation(){
    xAnimate=1;
    xSlideTopF();
}
function xSlideTopFB(){
    jQuery('#xCircleAA').removeClass('xCSelected');
    jQuery('#xCircleAB').removeClass('xCSelected');
    jQuery('#xCircleAC').removeClass('xCSelected');
    jQuery('#xCircleAD').removeClass('xCSelected');
    jQuery('#xCircleAE').removeClass('xCSelected');
    switch(xSlideTop){
        case 0:
            jQuery('#xCircleAA').addClass('xCSelected');
            break;
        case 253:
            jQuery('#xCircleAB').addClass('xCSelected');
            break;
        case 506:
            jQuery('#xCircleAC').addClass('xCSelected');
            break;
        case 759:
            jQuery('#xCircleAD').addClass('xCSelected');
            break;
        case 1012:
            jQuery('#xCircleAE').addClass('xCSelected');
            break;
        default:
            jQuery('#xCircleAF').addClass('xCSelected');
            break;
    }
    if(xAnimate == 0){
        clearTimeout(xTimer);
        xTimer = 0;
        jQuery('.xCCMove').animate({
            marginTop:-xSlideTop
        },500,'swing',xResumeAnimation);
    }else{
        jQuery('.xCCMove').animate({
            marginTop:-xSlideTop
        },500);
        xSlideTopF();
    }
}
function xSlideTopF(){
    
    if(xSlideTop >=253*4){
        xSlideTop=0;
    }else{
        xSlideTop = xSlideTop + 253
    }
    clearTimeout(xTimer);
    xTimer = setTimeout('xSlideTopFB()', xWaitTimeline);
    
}
jQuery(document).ready(function($){
    $('#xCircleAA').addClass('xCSelected');
    xSlideTopF();
});