/*jquery.select_skin.js */
/*
 * jQuery select element skinning
 * version: 1.0.6 (26/06/2010)
 * @requires: jQuery v1.2 or later
 * adapted from Derek Harvey code
 *   http://www.lotsofcode.com/javascript-and-ajax/jquery-select-box-skin.htm
 * Licensed under the GPL license:
 *   http://www.gnu.org/licenses/gpl.html
 *
 * Copyright 2010 Colin Verot
 * 
 * Further modified by Josh Coffman, United Future, www.unitedfuture.com
 */


(function ($) {

    var settings = {
    		container: 'cmf-skinned-select-wide'
    };
	
	var methods = {
	    init : function(options){
	    	
	        if (options)
	        { 
	            $.extend(true, settings, options);
	        }
	    	
	        return this.each(function() {
	          	var s, c, t;
	          	s = $(this);
	               if (! s.attr('multiple')) {
	                   // create the container
	                   s.wrap('<div class="' + settings.container + '"></div>');
	                   c = s.parent();
	                   c.children().before('<div class="cmf-skinned-text">&nbsp;</div>').each(function() {
	                       if (this.selectedIndex >= 0)
	                       {
	                    	   $(this).prev().text(this.options[this.selectedIndex].innerHTML);
	                       }
	                   });
	                   c.width(s.outerWidth()-2);
	                   c.height(s.outerHeight()-2);

	                   // skin the container
	                   c.css('background-color', s.css('background-color'));
	                   c.css('color', s.css('color'));
	                   c.css('font-size', s.css('font-size'));
	                   c.css('font-family', s.css('font-family'));
	                   c.css('font-style', s.css('font-style'));
	                   c.css('position', 'relative');

	                   // hide the original select
	                   s.css( { 'opacity': 0,  'position': 'relative', 'z-index': 100 } );

	                   // get and skin the text label
	                   t = c.children().prev();
	                   t.height(c.outerHeight()-s.css('padding-top').replace(/px,*\)*/g,"")-s.css('padding-bottom').replace(/px,*\)*/g,"")-t.css('padding-top').replace(/px,*\)*/g,"")-t.css('padding-bottom').replace(/px,*\)*/g,"")-2);
	                   t.width(c.innerWidth()-s.css('padding-right').replace(/px,*\)*/g,"")-s.css('padding-left').replace(/px,*\)*/g,"")-t.css('padding-right').replace(/px,*\)*/g,"")-t.css('padding-left').replace(/px,*\)*/g,"")-c.innerHeight());
	                   t.css( { 'opacity': 100, 'overflow': 'hidden', 'position': 'absolute', 'text-indent': '0px', 'z-index': 1, 'top': 0, 'left': 0 } );

	                   // add events
	                   c.children().click(function() {
	                       t.html( (this.options.length > 0 && this.selectedIndex >= 0 ? this.options[this.selectedIndex].innerHTML : '') );
	                   });
	                   c.children().change(function() {
	                       t.html( (this.options.length > 0 && this.selectedIndex >= 0 ? this.options[this.selectedIndex].innerHTML : '') );
	                   });
	                   s.data('select_skin_container', settings.container);
	                }
	          });
	    },
	    container : function(){
	    	return settings.container;
	    },
	    unskin: function(){
	    	// example call $('select').select_skin('unskin');
	        return this.each(function() {
	        	 var s = $(this);
	             if (! s.attr('multiple') && s.parent().hasClass(s.data('select_skin_container'))) {
	                 s.siblings('.cmf-skinned-text').remove();
	                 s.css( { 'opacity': 100, 'z-index': 0 } ).unwrap();
	                 s.removeClass(s.data('select_skin_container'));
	             }
	        });
	    }
    };
	
    // skin the select
    $.fn.select_skin = function (method) {
        
     // Method calling logic
        if ( methods[method] ) {
          return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
        } else if ( typeof method === 'object' || ! method ) {
          return methods.init.apply( this, arguments );
        } else {
          $.error( 'Method ' +  method + ' does not exist on jQuery.select_skin' );
        }
        
    };
    
}(jQuery));