/* jquery required */

$('a.ui-button')
.live('mousedown', function()
{
	var $self = $(this);

	if ( $self.hasClass('ui-button-red') ) {
		$self
			.addClass('ui-button-red-pressed')
			.removeClass('ui-button-red-hover');
	} else if ( $self.hasClass('ui-button-blue') ) {
		$self
			.addClass('ui-button-blue-pressed')
			.removeClass('ui-button-blue-hover');
	} else {
		$self
			.addClass('ui-button-pressed')
			.removeClass('ui-button-hover');
	}

	/*
	 setTimeout(function()
	{
		$self.removeClass('ui-button-pressed');
	}, 100);
	 */
})
.live('mouseup', function() {
	var $self = $(this);

	if ( $self.hasClass('ui-button-red') ) {
		$self
			.removeClass('ui-button-red-pressed');
	} else if ( $self.hasClass('ui-button-blue') ) {
		$self
			.removeClass('ui-button-blue-pressed');
	} else {
		$self
			.removeClass('ui-button-pressed');
	}

})
.live('mouseover', function()
{
	var $self = $(this);
	if ( $self.hasClass('ui-button-red') ) {
		$self
			.addClass('ui-button-red-hover');
	} else if ( $self.hasClass('ui-button-blue') ) {
		$self
			.addClass('ui-button-blue-hover');
	} else {
		$self
			.addClass('ui-button-hover');
	}
})
.live('mouseout', function()
{
	var $self = $(this);
	if ( $self.hasClass('ui-button-red') ) {
		$self
			.removeClass('ui-button-red-hover');
	} else if ( $self.hasClass('ui-button-blue') ) {
		$self
			.removeClass('ui-button-blue-hover');
	} else {
		$self
			.removeClass('ui-button-hover');
	}
})
.css({'cursor': 'pointer'});



n$.on('dom.load, dom.reset', function()
{
	$('input[type=submit].ui-transform').each(function()
	{
		var 
			$self = $(this),

			$parentForm = $self.closest('form'),

			$button = 
				$('<a class="'+$self.attr('class')+'"><span class="ui-button-layer ui-button-layer1"><span class="ui-button-layer ui-button-layer2"><span class="ui-button-layer ui-button-layer3"><span class="ui-button-layer ui-button-layer4"><span class="ui-button-layer ui-button-inner">'+$self.attr('value')+'</span></span></span></span></span></a>')
				.css('cursor', 'pointer');

		$self.removeClass('ui-transform');
		//$self.replaceWith($button);
		$button.insertAfter($self);
		$self
			.hide()
			.css('display', 'none');

		$button.click(function(e)
		{
			e.preventDefault();
			$parentForm.submit();
		});

		$parentForm.keyup(function(e)
		{
			if ( 13 === e.keyCode ) {
				//$(this).submit();
			}
		});
	});
});