/**
 * cust_select_plugin.js
 * Copyright (c) 2009 myPocket technologies (www.mypocket-technologies.com)
 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.

 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * View the GNU General Public License <http://www.gnu.org/licenses/>.

 * @author Darren Mason
 * @projectDescription	Replaces the standard HTML form selectbox with a custom looking selectbox. Allows for disable, multiselect, scrolling, and very customizable.
 * @version 1.0.4
 * 
 * @requires jquery.js (tested with 1.3.0)
 * 
 * @param boxtype: 			defaultboxtype,		//boxtype selectboxoptions_radio or selectboxoptions_check
 * @param isscrolling: 		false,				//scrolls long lists
 * @param scrollminitems:	15,					//items before scrolling
 * @param scrollheight:		150,				//height of scrolling window
 * @param preopenselect:	true,				//opens prechecked select boxes
 * @param hoverstyle:		"hover",			//css hover style name
 * @param openspeed:		"normal",			//selectbox open speed "slow","normal","fast" or numbers 1000
 * @param isdisabled:		false,				//disables the selectbox
 * @param selectwidth:		"auto",				//set width of selectbox
 */

 jQuery(document).ready(function(){  

  jQuery(".select_wrap").custSelectBox({
    boxtype:        "selectboxoptions_check",
    selectname:     "abilities",
    isscrolling:    true,
    scrollminitems: 4,
    scrollheight:   65,
    preopenselect:  false,
    isreadonly:     false
  });
});

(function($) {

	$.fn.custSelectBox = function(options){
		//css names
		var defaultboxtype = "selectboxoptions_radio";
		var classselectbox = "selectbox";
		var selectbox = "." + classselectbox;
		var selectboxoptions_wrap = ".selectboxoptions_wrap";
		var hideitem = "hideitem";
		var classselected = "selected";
		var classselectboxopen = "selectboxopen";
		var classselectboxfoot ="selectboxfoot";
		var selectboxfoot = "." +classselectboxfoot;
		var elmValue = ".elmValue";
		
		var defaults = {
				boxtype: 		defaultboxtype,		//box type selectboxoptions_radio or selectboxoptions_check
				isscrolling: 	false,				//scrolls long lists
				scrollminitems:	15,					//items before scrolling
				scrollheight:	150,				//height of scrolling window
				preopenselect:	true,				//opens prechecked select boxes
				hoverstyle:		"hover",			//css hover style name
				openspeed:		"normal",			//selectbox open speed "slow","normal","fast" or numbers 1000
				isdisabled:		false,				//disables the selectbox
				selectwidth:	"auto"				//set width of selectbox
			};
		//override defaults
		var opts = $.extend(defaults, options);
		$(this).find(selectboxoptions_wrap +" ul").after("<div class=\""+classselectboxfoot+"\"><div></div></div>"); //add footer
		//set width
		
		for(var x=0;x<$(this).length;x++)
		{
			var currElm = $(this).get(x);
			
			if("auto" != opts.selectwidth)
			{
				$(currElm).find(selectbox + " ul").css({width:opts.selectwidth});
				$(currElm).find(selectboxoptions_wrap + " ul").attr("class",opts.boxtype).css({width:(opts.selectwidth+9) + "px"});
				$(currElm).find(selectboxfoot + " div").css({width:opts.selectwidth + "px"});
			}else
			{
				$(currElm).find(selectboxoptions_wrap + " ul").attr("class",opts.boxtype).css({width:($(currElm).find(selectbox + " ul").width()+9) + "px"});
				$(currElm).find(selectboxfoot + " div").css({width:$(currElm).find(selectbox + " ul").width() + "px"});
			}
		}
		//bind item clicks
		$("." + opts.boxtype + " li").unbind().click( function() {
			
			var id;
			if(opts.boxtype == defaultboxtype)
			{
				if(!$(this).hasClass(classselected))
				{
					id = $(this).find(elmValue).text();
					$(this).parent().find("." + classselected).removeClass(classselected);
					$(this).addClass(classselected);
					$(this).parent().parent().find("input").val($(this).find(elmValue).text());
				}
				else
				{
					$(this).parent().find("." + classselected).removeClass(classselected);
					$(this).parent().parent().find("input").val("");
				}
			}
			else //checkbox
			{
				if($(this).hasClass(classselected))
				{
					//turn off the checkbox
					$(this).removeClass(classselected);
					//blank out the value
					$(this).find("input").val("");
				}
				else
				{
					//gets the value of the element
					id = $(this).find(elmValue).text();			
					$(this).addClass(classselected);
					$(this).find("input").val(id);
				}
			}
		}).mouseover(function(){
			$(this).addClass(opts.hoverstyle);                         
		}).mouseout(function(){
			$(this).removeClass(opts.hoverstyle);                         
		});

		//bind sliding open
		$(this).find(selectbox).unbind().toggle(                                
				function() {                                        
					if(opts.isscrolling){$.fn.scrolling($(this),true);}
					//unhide li
					$(this).parent().find("li").removeClass(hideitem);
					//makes the arrow go up or down
					$(this).removeClass(classselectbox).addClass(classselectboxopen);
					//slides the options down
					$(this).parent().find(selectboxoptions_wrap).slideDown(opts.openspeed);
				},
				function() {                                        
					if($(this).parent().find("." +opts.boxtype).find("li").hasClass(classselected))
					{
						$(this).parent().find("." +opts.boxtype).find("li").addClass(hideitem);
                                                $(this).parent().find(selectboxoptions_wrap).css("display", "none");
					}	
					else
					{
						//makes the arrows go up or down
						$(this).removeClass(classselectboxopen).addClass(classselectbox);
						//slides the options up
						$(this).parent().find(selectboxoptions_wrap).slideUp("normal");
					}
					if(opts.isscrolling){$.fn.scrolling($(this),false);}
				});
		
			$.fn.scrolling = function (theElm, isOpen)
			{
				if(isOpen)
				{
					if($(theElm).parent().find("." +opts.boxtype).find("li").length >= opts.scrollminitems){
						$(theElm).parent().find("." +opts.boxtype).css("height",opts.scrollheight).addClass("setScroll");
					}
				}
				else{
					$(theElm).parent().find("." +opts.boxtype).css("height","auto").removeClass("setScroll");
				}
			};
			
			$.fn.disable = function(thisElm){
				
				for(var i=0;i<$(thisElm).find("." +opts.boxtype).find("li").length;i++)
				{
					if($($(thisElm).find("." +opts.boxtype).find("li").get(i)).hasClass(classselected))
					{
						$($(thisElm).find("." +opts.boxtype).find("li").get(i)).addClass("selected_disable");
					}
					$($(thisElm).find("." +opts.boxtype).find("li").get(i)).unbind();
					$($(thisElm).find("." +opts.boxtype).get(i)).find("input").attr("disabled","disabled");
				}				
			};
		
			//adds form elements to the selectbox
			$.fn.addformelms = function(thisElm){
				
				for(var x=0;x<$(thisElm).length;x++)
				{
					var currElm = $(thisElm).get(x); 
					if(opts.boxtype == defaultboxtype)
					{
						$(currElm).find(selectboxoptions_wrap).append("<input type=\"hidden\" id=\""+$(currElm).attr("id")+"\" name=\""+$(currElm).attr("id")+"\" value=\"\">");
					}
					else
					{
						for(var i=0;i<$(currElm).find(selectboxoptions_wrap + " li").length;i++)
						{
							$($(currElm).find(selectboxoptions_wrap + " li").get(i)).append("<input type=\"hidden\" id=\""+$(currElm).attr("id") +"_"+ i+"\" name=\""+ opts.selectname +"[]" +"\" value=\""+$(currElm).attr("id")+"\">");
							
							if($($(currElm).find(selectboxoptions_wrap + " li").get(i)).hasClass(classselected))
							{
								var elmVal = $($(currElm).find(selectboxoptions_wrap + " li").get(i)).find(elmValue).text();
								$($(currElm).find(selectboxoptions_wrap + " li").get(i)).find("input").val(elmVal);                                                                 
							}
						}
					}
				}
			};
			
			//opens selectboxs if they have pre selected options
			$.fn.openSelectBoxsThatArePrePopulated = function()
			{                           
				for(var i=0;i<$(selectbox).length;i++)
				{
					if($($(selectbox).get(i)).parent().find("." +opts.boxtype).find("li").hasClass(classselected))
					{
						$($(selectbox).get(i)).addClass(classselectboxopen);
						//$($(selectbox).get(i)).parent().find(selectboxoptions_wrap).slideDown("normal");
						$($(selectbox).get(i)).parent().find("." +opts.boxtype).find("li").addClass(hideitem);                                                
					}
				}                                
			};
			
			$.fn.addformelms($(this));
			if(opts.preopenselect){ $.fn.openSelectBoxsThatArePrePopulated();}
			if(opts.isdisabled){$.fn.disable($(this));}
	};
	
})(jQuery);