var xTimer;

var xSlideTop=0;

var xWaitTimeline=5200;

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=3000;

    });

    $('.xDotB').click(function(){

        xWaitTimeline=0;

        xAnimate=1;

        xSlideTop=0;

        xSlideTopF();

        xWaitTimeline=3000;

    });

    $('.xDotC').click(function(){

        xWaitTimeline=0;

        xAnimate=1;

        xSlideTop=331;

        xSlideTopF();

        xWaitTimeline=3000;

    });

    $('.xDotD').click(function(){

        xWaitTimeline=0;

        xAnimate=1;

        xSlideTop=662;

        xSlideTopF();

        xWaitTimeline=3000;

    });

    $('.xDotE').click(function(){

        xWaitTimeline=0;

        xAnimate=1;

        xSlideTop=993;

        xSlideTopF();

        xWaitTimeline=3000;

    });



    $('.xArrowDown').click(function(){

        xWaitTimeline=0;

        xAnimate=1;

        if(xSlideTop==1324){

            xSlideTop = 993;

        }else{

            xSlideTop = xSlideTop - 331;

        }

        xSlideTopF();

        xWaitTimeline=3000;

    });

    $('.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=3000;

    });

    xSlideTopF();

});