$(document).ready( function() {

	var $customerServiceLayer = $("#customerServiceLayer");
	var $closeCustomerServiceLayer = $("#closeCustomerServiceLayer");
	var $collapseCustomerServiceLayer = $("#collapseCustomerServiceLayer");
	var $expansionCustomerServiceLayer = $("#expansionCustomerServiceLayer");
	//var $sliderScrollable = $("#sliderScrollable");

	var lastScrollY = 60;
	
	$customerServiceLayer.show();

	function moveCustomerServiceLayer() {
		var diffY;
		if (document.documentElement && document.documentElement.scrollTop) {
			diffY = document.documentElement.scrollTop;
		} else if (document.body) {
			diffY = document.body.scrollTop;
		}
	
		percent = .1 * (diffY - lastScrollY);
		if(percent > 0) {
			percent = Math.ceil(percent);
		} else {
			percent = Math.floor(percent);
		}
		$customerServiceLayer.css("top", (isNaN(parseInt($customerServiceLayer.css("top"))) ? 0 : parseInt($customerServiceLayer.css("top"))) + percent);
		lastScrollY = lastScrollY + percent;
	}
	
	window.setInterval(moveCustomerServiceLayer, 20);
	
	$closeCustomerServiceLayer.click( function() {
		$customerServiceLayer.fadeOut();
	});
	
	$collapseCustomerServiceLayer.click(function() {
		$customerServiceLayer.find('.layerMain').hide();
		$customerServiceLayer.css('width', '34px');
		$expansionCustomerServiceLayer.show();
	});
	
	$expansionCustomerServiceLayer.click(function() {
		$customerServiceLayer.find('.layerMain').show();
		$customerServiceLayer.css('width', '170px');
		$expansionCustomerServiceLayer.hide();
	});

	//$sliderScrollable.scrollable({
//		circular: true,
//		speed: 500
//	}).autoscroll({
//		autoplay: true,
//		interval: 4000
//	}).navigator();

});