/*

jQuery Text Button Maker v2
Author: Dan Edington
Date: 10 / 05 / 2010
------------------------

*/

makeButton = function()
{
	$('div.button').not('div.buttonised').each(function(i, element){

		var buttonType = $('#' + element.id).attr('class').split(' ').slice(-1);
		var theLink = $(element).html();
		var linkWidth = $('#' + element.id + " a").width();
		var linkHeight = $('#' + element.id + " a").height();
		
		$(element).html('<img class="button-left-image" src="' + allButtons[buttonType].left[0] + '" style="float: left; height: ' + allButtons[buttonType].height + 'px;" /><div class="button-bg" style="float: left; position: relative;">' + theLink + '</div><img class="button-right-image"  src="' + allButtons[buttonType].right[0] + '" style="float: left; width: ' + allButtons[buttonType].right[1] + 'px; height: ' + allButtons[buttonType].height + 'px;" /></div><div style="clear: both;">');

		$('#' + element.id + " div.button-bg").css(
			{
				'background-color' : allButtons[buttonType].colour[0],
                                'background-image' : 'url(\'' + allButtons[buttonType].middle[0] + '\')',
                                'background-repeat' : 'repeat-x',
				'height' : allButtons[buttonType].height,
                                'width' : 'auto',
                                'padding-left' : '5px',
                                'padding-right' : '5px',
                                'text-align' : 'center'
			}
		);
		
		$("#" + element.id + " a, #" + element.id + " span").css(
			{
                                'line-height' : allButtons[buttonType].height
			}
		);
		
		$('#' + element.id + ' a').live('mouseenter', function(){
			$('#' + element.id + ' div.button-bg').css({"background-color" : allButtons[buttonType].colour[1]});
                        $('#' + element.id + ' div.button-bg').css({"background-image" : 'url(\'' + allButtons[buttonType].middle[1] + '\')'});
			$('#' + element.id + ' img.button-left-image').attr({"src" : allButtons[buttonType].left[1]});
			$('#' + element.id + ' img.button-right-image').attr({"src" : allButtons[buttonType].right[1]});
		});
		
		$('#' + element.id + ' a').live('mouseleave', function(){
			$('#' + element.id + ' div.button-bg').css({"background-color" : allButtons[buttonType].colour[0]});
                        $('#' + element.id + ' div.button-bg').css({"background-image" : 'url(\'' + allButtons[buttonType].middle[0] + '\')'});
			$('#' + element.id + ' img.button-left-image').attr({"src" : allButtons[buttonType].left[0]});
			$('#' + element.id + ' img.button-right-image').attr({"src" : allButtons[buttonType].right[0]});
		});
		
		$('#' + element.id + ' a').live('mouseup', function(){
			$('#' + element.id + ' div.button-bg').css({"background-color" : allButtons[buttonType].colour[0]});
                        $('#' + element.id + ' div.button-bg').css({"background-image" : 'url(\'' + allButtons[buttonType].middle[0] + '\')'});
			$('#' + element.id + ' img.button-left-image').attr({"src" : allButtons[buttonType].left[0]});
			$('#' + element.id + ' img.button-right-image').attr({"src" : allButtons[buttonType].right[0]});
		});
		
		$('#' + element.id + ' a').live('mousedown', function(){
			$('#' + element.id + ' div.button-bg').css({"background-color" : allButtons[buttonType].colour[2]});
                        $('#' + element.id + ' div.button-bg').css({"background-image" : 'url(\'' + allButtons[buttonType].middle[2] + '\')'});
			$('#' + element.id + ' img.button-left-image').attr({"src" : allButtons[buttonType].left[2]});
			$('#' + element.id + ' img.button-right-image').attr({"src" : allButtons[buttonType].right[2]});
		});

                $('#' + element.id).addClass('buttonised');
		
	});


};

var changeButton = function(buttonID, buttonStyle, linkStyle)
{
    $('#' + buttonID).removeClass('buttonised');
    var originalButtonClass = $('#' + buttonID).attr('class').split(' ').slice(-1);
    var theLink = $('#' + buttonID + ' div.button-bg').contents();
    $('#' + buttonID).removeClass(originalButtonClass).addClass(buttonStyle);
    $('#' + buttonID + ' a').removeClass().addClass(linkStyle);
    $('#' + buttonID + ' img').remove();
    $('#' + buttonID + ' div.button-bg').replaceWith(theLink);
    makeButton();
};