/*
 * This file handles the olefa-jquery buttons. 
 * 
 * To transform a link, button or input into a styled button, just give them one or both of the following classes:
 * 
 *  	"oljq-button" - a generic button
 *  	"oljq-button-<icon>" - a button which also appends a small icon at the front.
 *  
 *  Example: <a class="oljq-button" href="#somewhere">Button Text</a>
 *  <input type="text" class="oljq-button oljq-button-check">
 *  
 *  Please note that, in order to use a button with icon, you need to set both the generic button and the specific button classes
 *  Specific buttons do not work on an input for the type "submit". Use a button of type submit
 *  
 *  Additional to this, you can also define a buttonset, which puts them all together. To use a buttonset, apply the class "oljq-buttonset"
 *  to the parent div.
 */

jQuery(document).ready(function() {
	createOlefaButtons();
});

function createOlefaButtons() {
	jQuery('.oljq-button')
		.button()
		.filter('.oljq-button-plus')
			.button({
				icons: {
					primary: 'ui-icon-plus'
				}
			})
			.end()
		.filter('.oljq-button-minus')
			.button({
				icons: {
					primary: 'ui-icon-minus'
				}
			})
			.end()
		.filter('.oljq-button-refresh')
			.button({
				icons: {
					primary: 'ui-icon-refresh'
				}
			})
			.end()
		.filter('.oljq-button-trash')
			.button({
				icons: {
					primary: 'ui-icon-trash'
				}
			})
			.end()
		.filter('.oljq-button-search')
			.button({
				icons: {
					primary: 'ui-icon-search'
				}
			})
			.end()
		.filter('.oljq-button-power')
			.button({
				icons: {
					primary: 'ui-icon-power'
				}
			})
			.end()
		.filter('.oljq-button-shuffle')
			.button({
				icons: {
					primary: 'ui-icon-shuffle'
				}
			})
			.end()
		.filter('.oljq-button-arrowthick-1-e')
			.button({
				icons: {
					primary: 'ui-icon-arrowthick-1-e'
				}
			})
			.end()
		.filter('.oljq-button-cancel')
			.button({
				icons: {
					primary: 'ui-icon-cancel'
				}
			})
			.end()
		.filter('.oljq-button-arrowthick-1-w')
			.button({
				icons: {
					primary: 'ui-icon-arrowthick-1-w'
				}
			})
			.end()
		.filter('.oljq-button-arrowreturnthick-1-w')
			.button({
				icons: {
					primary: 'ui-icon-arrowreturnthick-1-w'
				}
			})
			.end()
		.filter('.oljq-button-arrowreturnthick-1-n')
			.button({
				icons: {
					primary: 'ui-icon-arrowreturnthick-1-n'
				}
			})
			.end()
		.filter('.oljq-button-check')
			.button({
				icons: {
					primary: 'ui-icon-check'
				}
			})
			.end()
		.filter('.oljq-button-pencil')
			.button({
				icons: {
					primary: 'ui-icon-pencil'
				}
			})
			.end()
		.filter('.oljq-button-calculator')
			.button({
				icons: {
					primary: 'ui-icon-calculator'
				}
			})
			.end()
		.filter('.oljq-button-print')
			.button({
				icons: {
					primary: 'ui-icon-print'
				}
			})
			.end()
		.filter('.oljq-button-wrench')
			.button({
				icons: {
					primary: 'ui-icon-wrench'
				}
			})
			.end()
		.filter('.oljq-button-unlocked')
			.button({
				icons: {
					primary: 'ui-icon-unlocked'
				}
			})
			.end()
		.filter('.oljq-button-close')
			.button({
				icons: {
					primary: 'ui-icon-close'
				}
			})
			.end()
		.filter('.oljq-button-link')
			.button({
				icons: {
					primary: 'ui-icon-link'
				}
			})
			.end()
		.filter('.oljq-button-disk')
			.button({
				icons: {
					primary: 'ui-icon-disk'
				}
			})
			.end()
		.filter('.oljq-button-arrow-4-diag')
			.button({
				icons: {
					primary: 'ui-icon-arrow-4-diag'
				}
			})
			.end()
		.filter('.oljq-button-circle-triangle-e')
			.button({
				icons: {
					primary: 'ui-icon-circle-triangle-e'
				}
			})
			.end()
		.filter('.oljq-button-circle-triangle-s')
			.button({
				icons: {
					primary: 'ui-icon-circle-triangle-s'
				}
			})
			.end()
		.filter('.oljq-button-circle-triangle-w')
			.button({
				icons: {
					primary: 'ui-icon-circle-triangle-w'
				}
			})
			.end()
		.filter('.oljq-button-circle-triangle-n')
			.button({
				icons: {
					primary: 'ui-icon-circle-triangle-n'
				}
			})
			.end()
		.filter('.oljq-button-triangle-1-e')
			.button({
				icons: {
					primary: 'ui-icon-triangle-1-e'
				}
			})
			.end()
		.filter('.oljq-button-triangle-1-s')
			.button({
				icons: {
					primary: 'ui-icon-triangle-1-s'
				}
			})
			.end()
		.filter('.oljq-button-triangle-1-w')
			.button({
				icons: {
					primary: 'ui-icon-triangle-1-w'
				}
			})
			.end()
		.filter('.oljq-button-triangle-1-n')
			.button({
				icons: {
					primary: 'ui-icon-triangle-1-n'
				}
			})
			.end()
		.filter('.oljq-button-seek-first')
			.button({
				icons: {
					primary: 'ui-icon-seek-first'
				}
			})
			.end()
		.filter('.oljq-button-seek-end')
			.button({
				icons: {
					primary: 'ui-icon-seek-end'
				}
			})
			.end()
		.filter('.oljq-button-calendar')
			.button({
				icons: {
					primary: 'ui-icon-calendar'
				}
			})
			.end()
		.filter('.oljq-button-signal-diag')
			.button({
				icons: {
					primary: 'ui-icon-signal-diag'
				}
			})
			.end()
		.filter('.oljq-button-arrowreturnthick-1-s')
			.button({
				icons: {
					primary: 'ui-icon-arrowreturnthick-1-s'
				}
			})
			.end()
		.filter('.oljq-button-locked')
			.button({
				icons: {
					primary: 'ui-icon-locked'
				}
			})
			.end()
		.filter('.oljq-button-copy')
			.button({
				icons: {
					primary: 'ui-icon-copy'
				}
			})
			.end();
	
	jQuery('.oljq-buttonset')
		.buttonset();
}
