var xSlideTop = 0;
var xSlideUnit = 331;

// ---------------------------------------------------------------------------------------------- //

function xSlideTopFB(){
    
    jQuery('.xDot').removeClass('xDotSelected');
    
    jQuery('.xDot').each(function() {
    	var i = parseInt( jQuery(this).attr('id').replace('xDot', '') );
    	if ( xSlideTop == ( i * xSlideUnit ) )
    		jQuery(this).addClass('xDotSelected');
    });
    
	jQuery('.xSliderB').animate({
		marginTop:-xSlideTop
	}, 500);

}

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

	var xSlideItems = $('.xDot').length;
	var xSlideMax = xSlideUnit * ( xSlideItems - 1 );
	
	$('#s').click(function(){
		if($('#s').val()=="Search here..."){
			$('#s').val('');
		}
	});
	
    $('#xDot0').addClass('xDotSelected');
    
    $('.xDot').click(function(){
        xSlideTop = parseInt( $(this).attr('id').replace('xDot', '') ) * xSlideUnit;
        xSlideTopFB();
        return false;
    });
    
    $('.xArrowUp').click(function(){
        if ( 0 == xSlideTop ) {
            xSlideTop = xSlideMax;
        } else {
            xSlideTop = xSlideTop - xSlideUnit;
        }
        xSlideTopFB();
        return false;
    });
    
    $('.xArrowDown').click(function(){
        if ( xSlideMax == xSlideTop ) {
            xSlideTop = 0;
        } else {
            xSlideTop = xSlideTop + xSlideUnit;
        }
        xSlideTopFB();
        return false;
    });
	
});