/*******************************************************************************************
 * jquery.wh.dropdowns.js
 * Ersetze Dropdowns durch schönere jQuiiiiiiiiiuery Konstrukte
 * @autor   Klaus Meyer
 * @date    07.12.2009
 * @version 1.05
 * @changes CR 1.01 berücksichtige disabled bei select (07.07.2010)
 * 			CR 1.02 support für hoverIntent Plugin (13.07.2010)
 * 			JR 1.03 Möglichkeit um options unter dropdown zu schieben, class attribut übernehmen
 *			CR 1.04 wenn set_options == null (nicht gesetzt), kommt Fehlermeldung - gefixt
 *			JR 1.05 width angabe eingebaut, wegen variabler breite 
 * @lastmodified 05.07.2011
 *
 *
 * Um beim Laden der Webseite gewünschte Select Felder durch die jQuery-Versionen zu ersetzen,
 * muss die Funktion in die allgemeine Javascript-Datei der Seite eingesetzt werden.
 * Beispiel wie das aussehen kann:
 *
	$(document).ready(function() {
		$("select").not(".listen-filter").wh_dropdown({
			 speed: "fast"
			,type:	"hiddenfield"
		});
		$("select.listen-filter").wh_dropdown({
			 speed: "fast"
			,type:	"hiddenfield"
			,margin_right: 15
		});
	});
 *
 *******************************************************************************************/
jQuery.fn.wh_dropdown = function(set_options) {
	/***************************************************************************************
	 * Default Options, CR 02.12.2010, set_options default = {} empty object
	 ***************************************************************************************/
	if (set_options == null) set_options = {};
	var options = {
		 speed:			set_options.speed 			|| "slow"
		,type:			set_options.type  			|| "hiddenfield"
		,margin_right:	set_options.margin_right  	|| 0
	};
	/***************************************************************************************
	 * Initialisierung
	 ***************************************************************************************/
	$(this).each(function () {
		$dom_dropdown          = $(this);
		$wh_dropdown_container = $("<div class='jquery-wh-dropdown'></div>");
		$wh_dropdown_select    = $("<div class='jquery-wh-select'></div>");
		$wh_dropdown_caption   = $("<span class='jquery-wh-caption'></span>");
		$wh_dropdown_selector  = $("<a class='jquery-wh-selector' href='javascript:void(0);'>&nbsp;</a>");
		$wp_dropdown_options   = $("<div class='jquery-wh-options'></div>");
		$options = $(this).find("option");
		// über alle Options loopen
		$options.each(function () {
			// Option in WH-SELECT erstellen
			// Eventuell onClick Event übernehmen
			if("string" == typeof($(this).attr("onclick"))) {
				var $wh_dropdown_option = $("<a class='jquery-wh-option' href='javascript:void(0);' onclick=\"" + $(this).attr("onclick") + "\" rel='" + $(this).val() + "' title='" + $(this).html() + "'>" + $(this).html() + "</a>");
			} else {
				var $wh_dropdown_option = $("<a class='jquery-wh-option' href='javascript:void(0);' rel='" + $(this).val() + "' title='" + $(this).html() + "'>" + $(this).html() + "</a>");
			}
			// JR 2011-05-23 funktioniert mit jQuery 1.6.1 nicht mehr
			// Eventuell onClick Event übernehmen
			//if("function" == typeof($(this).attr("onclick"))) {
				//$wh_dropdown_option.bind("click", $(this).attr("onclick") );
			//}
			$wp_dropdown_options.append($wh_dropdown_option);

		});
		// Füge disabled Class hinzu (CR)
		if ($(this).attr("disabled")) {
			$wh_dropdown_select.addClass("jquery-wh-select-disabled");
		}
		$wh_dropdown_select.append($wh_dropdown_caption).append($wh_dropdown_selector);
		$wh_dropdown_container.append($wh_dropdown_select).append($wp_dropdown_options);
		if("hiddenfield" == options.type) {
			var $hiddenfield = $("<input type='hidden' name='" + $dom_dropdown.attr("name") + "' id='" + $dom_dropdown.attr("id") + "' value='" + $dom_dropdown.val() + "' />");
			$wh_dropdown_container.append($hiddenfield);
		}
		$wh_dropdown_select.attr("style", $dom_dropdown.attr("style")); //z-index (in style attribute) necessary for IE 7
		$wp_dropdown_options.attr("style", $dom_dropdown.attr("style")); //z-index (in style attribute) necessary for IE 7
		//JR damit das dropdown ggf. unter das Auswahlfeld geschoben werden kann
		var z_index = $wp_dropdown_options.css("z-index") - 1;
		$wp_dropdown_options.css("z-index", z_index);
		//JR options müssen 2px kleiner sein, da ein rahmen existiert
		var width = $wp_dropdown_options.css("width").replace("px","") - 2;
		$wp_dropdown_options.css("width", width + "px");
		//JR da breite variabel, muss hier nochmal was für die breite des, sich wiederholenden, hintergrundes abgzogen werden, damit es nicht über den selector hinausschießt
		width = width - 14;
		$wh_dropdown_caption.css("width", width + "px");
		$wh_dropdown_container.attr("style", ($dom_dropdown.attr("style"))); //z-index (in style attribute) necessary for IE 7
		// JR class attribute übernehmen
		$wh_dropdown_container.addClass(($dom_dropdown.attr("class")));
		// Wert des originalen Selects übernehmen
		$wh_dropdown_caption.html($dom_dropdown.find("option").filter(':selected').text());
		$dom_dropdown.after($wh_dropdown_container).remove();
	});
	/***************************************************************************************
	 * OnClick Event des "Selektors"
	 ***************************************************************************************/
	$("a.jquery-wh-selector").unbind("click").bind("click",function(e) {
		// finde disabled Class (CR)
		var $disabled = $(this).parent().parent().find("div.jquery-wh-select-disabled");
		if ($disabled.length == 0) {
			// Option Elemente auswählen
			var $options = $(this).parent().parent().find("div.jquery-wh-options");
			// Alle anderen schließen
			$("div.jquery-wh-options").not($options).hide();
			// Menü auf- / zuklappen
			$options.slideToggle(options.speed);
		}
	});
	$("span.jquery-wh-caption").unbind("click").bind("click", function() {
		$(this).parent().find("a.jquery-wh-selector").click();
	});
	/***************************************************************************************
	 * OnClick Event einer Option
	 ***************************************************************************************/
	$("a.jquery-wh-option").bind("click", function() {
		var $options = $(this).parent().parent().find("div.jquery-wh-options");
		// Caption neu setzen
		$(this).parent().parent().find("span.jquery-wh-caption").html($(this).html());
		// Hidden Field setzen
		if("hiddenfield" == options.type) {
			$(this).parent().parent().find("input[type=hidden]").val($(this).attr("rel"));
		}
		// Menü zuklappen
		$options.slideUp(options.speed);
	});
	/***************************************************************************************
	 * onMouseLeave Event der Options, angepasst mit hoverIntent, CR 13.07.2010, 15.11.2010
	 ***************************************************************************************/
	if (typeof ($.fn.hoverIntent) == 'function') {
		$("div.jquery-wh-options").hoverIntent({
			over: function() {},
			timeout: 500,
			out: function() {
				$(this).slideUp(options.speed);
			}
		});
	} else {
		$("div.jquery-wh-options").unbind("mouseleave").bind("mouseleave", function() {
				$(this).slideUp(options.speed);
		});
	}
	/***************************************************************************************
	 * onMouseClick Event Outside of Dropdown, CR 13.07.2010
	$(document).bind("click",function(e){
		if (e.target != $wh_dropdown_container)
		alert(e.target);
	});
	 ***************************************************************************************/
	// Don't break the Chain
	return this;
}