var xTimer;
var xSlideTop=0;
var xWaitTimeline=8000;
var xAnimate=1;
function xResumeAnimation(){
    xAnimate=1;
    xSlideTopF();
}
function xSlideTopFB(){
    jQuery('.xDotA').removeClass('xDotSelected');
    jQuery('.xDotB').removeClass('xDotSelected');
    jQuery('.xDotC').removeClass('xDotSelected');
    jQuery('.xDotD').removeClass('xDotSelected');
    jQuery('.xDotE').removeClass('xDotSelected');

    switch(xSlideTop){
        case 0:
            jQuery('.xDotA').addClass('xDotSelected');
            break;
        case 331:
            jQuery('.xDotB').addClass('xDotSelected');
            break;
        case 662:
            jQuery('.xDotC').addClass('xDotSelected');
            break;
        case 993:
            jQuery('.xDotD').addClass('xDotSelected');
            break;
        case 1324:
            jQuery('.xDotE').addClass('xDotSelected');
            break;
        default:
            jQuery('.xDotA').addClass('xDotSelected');
            break;
    }

    if(xAnimate == 0){
        clearTimeout(xTimer);
        xTimer = 0;
        jQuery('.xSliderB').animate({
            marginTop:-xSlideTop
        },500,'swing',xResumeAnimation);
    }else{
        jQuery('.xSliderB').animate({
            marginTop:-xSlideTop
        },500);
        xSlideTopF();
    }
}
function xSlideTopF(){
    if(xSlideTop >=331*4){
        xSlideTop=0;
    }else{
        xSlideTop = xSlideTop + 331;
    }
    clearTimeout(xTimer);
    xTimer = setTimeout('xSlideTopFB()', xWaitTimeline);

}

jQuery(document).ready(function($){

$('#s').click(function(){
    if($('#s').val()=="Search here..."){
        $('#s').val('');
    }
});
    $('.xDotA').addClass('xDotSelected');
    $('.xDotA').click(function(){
        xWaitTimeline=0;
        xAnimate=1;
        xSlideTop=1324;
        xSlideTopF();
        xWaitTimeline=8000;
    });
    $('.xDotB').click(function(){
        xWaitTimeline=0;
        xAnimate=1;
        xSlideTop=0;
        xSlideTopF();
        xWaitTimeline=8000;
    });
    $('.xDotC').click(function(){
        xWaitTimeline=0;
        xAnimate=1;
        xSlideTop=331;
        xSlideTopF();
        xWaitTimeline=8000;
    });
    $('.xDotD').click(function(){
        xWaitTimeline=0;
        xAnimate=1;
        xSlideTop=662;
        xSlideTopF();
        xWaitTimeline=8000;
    });
    $('.xDotE').click(function(){
        xWaitTimeline=0;
        xAnimate=1;
        xSlideTop=993;
        xSlideTopF();
        xWaitTimeline=8000;
    });

    $('.xArrowDown').click(function(){
        xWaitTimeline=0;
        xAnimate=1;
        if(xSlideTop==1324){
            xSlideTop = 993;
        }else{
            xSlideTop = xSlideTop - 331;
        }
        xSlideTopF();
        xWaitTimeline=8000;
    });
    $('.xArrowUp').click(function(){
        xWaitTimeline=0;
        xAnimate=1;
        if(xSlideTop==1324){
            xSlideTop = 331;
        }else{
            if(xSlideTop==993){
                xSlideTop = 0;
            }else{
                xSlideTop = xSlideTop+(331*2);
            }
        }
        xSlideTopF();
        xWaitTimeline=8000;
    });
    xSlideTopF();
});