/*
 * jQuery Styled Select Boxes
 * version: 1.1 (2009/03/24)
 * @requires jQuery v1.2.6 or later
 *
 * Examples and documentation at: http://code.google.com/p/lnet/wiki/jQueryStyledSelectOverview
 *
 * Copyright (c) 2008 Lasar Liepins, liepins.org, liepins@gmail.com
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 */

jQuery.fn.styledSelect = function(settings)
{
	settings = jQuery.extend({
		selectClass: 'styled-select',
		openSelectClass: 'open',
		optionClass: 'option',
		selectedOptionClass: 'selected',
		closedOptionClass: 'closed',
		firstOptionClass: 'first',
		lastOptionClass: 'last',
		selectedCheckboxClass: 'adj-nav-attribute-selected',
		zIndexApply: false,
		zIndexStart: 250,
		deactiveOnBackgroundClick: true
	}, settings);	

	var currentZIndex = settings.zIndexStart;

	this.each(function() {
		
		var s = jQuery(this);
		var cs = jQuery('<div></div>').attr('class', settings.selectClass);
		
		if (s[0].nodeName == 'SELECT') {
			
			if(settings.zIndexApply) { cs.css('z-index', currentZIndex-2); };
			var csl = jQuery('<ul></ul>');
			if(settings.zIndexApply) { csl.css('z-index', currentZIndex-1); };
			cs.append(csl);
			s.hide(0);
			s.after(cs);
			cs = s.next();
			
			jQuery('option', s).each(function() {
				var span = jQuery('<span></span>').text(jQuery(this).text());
				var cso = jQuery('<li></li>').attr('rel', jQuery(this).val()).append(span).addClass(settings.optionClass);
				if(settings.zIndexApply) { cso.css('z-index', currentZIndex); };
				if(s.val()==jQuery(this).val()) {
					cso.addClass(settings.selectedOptionClass);
				};
				jQuery('ul', cs).append(cso);
			});
			
		} else {
			jQuery(s).wrap(cs);
			var csl = s;
		}
		
		var openSelect = function()
		{
			closeAll();
			if (!jQuery(csl).hasClass(settings.openSelectClass)) {
				jQuery(csl).addClass(settings.openSelectClass);
				jQuery('li', csl).show();
			}
		};
		
		var closeAll = function()
		{
			jQuery('.styled-select ul').each(function(index, element) {
				closeSelect(element);
			});
		};
		
		var closeSelect = function(element)
		{
			var scope = (element) ? element : csl;
			
			jQuery(scope).removeClass(settings.openSelectClass);
			jQuery('li', scope).hide();
			if (jQuery('li.selected', scope).length == 1) {
				jQuery('li.selected', scope).show();
			} else {
				jQuery('li:first', scope).show();
			}
		};
		
		var selectOption = function(e)
		{
			if (jQuery(csl).hasClass(settings.openSelectClass)) {
				e.stopPropagation();
				s.val(jQuery(this).attr('rel'));
				jQuery('li', csl).removeClass(settings.selectedOptionClass);
				jQuery(this).addClass(settings.selectedOptionClass);
				//closeSelect();
				s.change();

			}
		};
		
		var toggleCheckbox = function(e)
		{
			e.preventDefault(); e.stopPropagation();
			jQuery(this).toggleClass(settings.selectedCheckboxClass);
		};
		
		jQuery('li:first-child', csl).addClass(settings.firstOptionClass);
		jQuery('li:last-child', csl).addClass(settings.lastOptionClass);
		closeSelect();

		jQuery(csl).click(openSelect).mousedown(function(e) { e.stopPropagation() });
		jQuery('li', csl).click(selectOption);
		jQuery('a', csl).click(toggleCheckbox);
		jQuery(document).mousedown(function() { closeSelect(); });
		
		s.change(function() {
			jQuery('li', csl).removeClass(settings.selectedOptionClass);
			jQuery('li[rel="'+s.val()+'"]', csl).addClass(settings.selectedOptionClass);
			closeSelect();
		});
		
		currentZIndex -= 3;
	});

	return this;
};