$(document).ready(function(){
	$(".genericButton").mousedown(function () {
		$('a', this).css('background-position', '0% -88px');
		$('a span', this).css('background-position', '100% -88px');
	}).mouseup(function (){
		$('a', this).css('background-position', '0% -44px');
		$('a span', this).css('background-position', '100% -44px');
	}).mouseleave(function () {
		$('a', this).css('background-position', '0% 0');
		$('a span', this).css('background-position', '100% 0');
	}).mouseover(function () {
		$('a', this).css('background-position', '0% -44px');
		$('a span', this).css('background-position', '100% -44px');
	});
	
	$(".fluidButton").mousedown(function () {
		$('a', this).css('background-position', '0% -88px');
		$('a span', this).css('background-position', '100% -88px');
	}).mouseup(function (){
		$('a', this).css('background-position', '0% -44px');
		$('a span', this).css('background-position', '100% -44px');
	}).mouseleave(function () {
		$('a', this).css('background-position', '0% 0');
		$('a span', this).css('background-position', '100% 0');
	}).mouseover(function () {
		$('a', this).css('background-position', '0% -44px');
		$('a span', this).css('background-position', '100% -44px');
	});
	
	$(".genericButton.button-system").mousedown(function () {
		$('a', this).css('background-position', '0% -54px');
		$('a span', this).css('background-position', '100% -54px');
	}).mouseup(function (){
		$('a', this).css('background-position', '0% -27px');
		$('a span', this).css('background-position', '100% -27px');
	}).mouseleave(function () {
		$('a', this).css('background-position', '0% 0');
		$('a span', this).css('background-position', '100% 0');
	}).mouseover(function () {
		$('a', this).css('background-position', '0% -27px');
		$('a span', this).css('background-position', '100% -27px');
	});
	
$(".liquidButton").mousedown(function () {
		$('a', this).css('background-position', '100% -88px');
		$('a span', this).css('background-position', '0% -88px');
	}).mouseup(function (){
		$('a', this).css('background-position', '100% -44px');
		$('a span', this).css('background-position', '0% -44px');
	}).mouseleave(function () {
		$('a', this).css('background-position', '100% 0');
		$('a span', this).css('background-position', '0% 0');
	}).mouseover(function () {
		$('a', this).css('background-position', '100% -44px');
		$('a span', this).css('background-position', '0% -44px');
	});
});