/*
	==================
	webloginpe Scripts
	=================================================================
	
	Description:	Userinterface Scripts für WebLogin PE
	
	-----------------------------------------------------------------
	
	Dependencies:	Benötigt jQuery und WebLogin PE	
	-----------------------------------------------------------------
	
	Author:			Sascha Merkofer, end if Design & Code

	Datum:			13. 08. 2009

	Version:		0.1
	
	-----------------------------------------------------------------
	
	Release Notes:	Version 0.1 - 13. 08. 2009
					--------------------------
					Erster Release
					
					
					
	-----------------------------------------------------------------
	
*/


/*	-----------------------------------------------------------------
	Document Ready
	----------------------------------------------------------------- */

$(document).ready(function () {



/*	-----------------------------------------------------------------
	Login
	----------------------------------------------------------------- */
	
	// Benutzername selektieren
	
	$("div#Login input#wlpeUsername").focus();
	

/*	-----------------------------------------------------------------
	Login
	----------------------------------------------------------------- */
	
	// Benutzername selektieren
	
	$("div#Login input#wlpeResetEmail").focus();
	

/*	-----------------------------------------------------------------
	Firma-Kürzel (firma_short)
	----------------------------------------------------------------- */
	
	$("input#wlpeRegisterFirma").blur( function() {
		$("input#userFirmaShort").val( $(this).val().substr( 0, 12 ) );
	});
	
	$("input#userFirma").blur( function() {
		if ( $("input#userFirmaShort").val() == '' ) {
			$("input#userFirmaShort").val( $(this).val().substr( 0, 12 ) );
		}
	});
	
	
/*	-----------------------------------------------------------------
	Mitglieder Suchfeld
	----------------------------------------------------------------- */
	
	var dsus_results = new Array();
	var dsus_goto = 0;
	
	// HTML einsetzen
	$("ul.wlpeUsersList").before('<div id="Mitglieder-Suche"><span class="Suchtitel">Suchen:</span><span class="Suchfeld"><input type="text" id="Suchfeld" /><a href="#" id="Suche-Starten"></a></span></div>');
	$("div#Mitglieder-Suche a#Suche-Starten").click(function() {
		if (dsus_results.length == 1) {
			window.location.href = dsus_results[0];
		}
		return false;
	});
	
	$("#Suchfeld").keyup(function(event) {
		
		if (event.keyCode != 9 && event.keyCode != 13) {
			var such_str = $(this).val().toLowerCase();
			dsus_results = [];
			
			if (such_str == '') {
				$("li.user").css({'display': 'block'}).children("a").removeClass("hover");
			}
			else {
				
				$("li.user").map(function() {
					if ($(this).find("span.name").text().toLowerCase().indexOf(such_str) == 0 || $(this).find("span.firma").text().toLowerCase().indexOf(such_str) == 0) {
						$(this).css({'display': 'block'});
						$(this).children("a").removeClass("hover");
						dsus_results.push($(this));
					}
					else {
						$(this).css({'display': 'none'});
					}
				});
			}
			if (dsus_results.length > 0) {
				dsus_goto = 0;
				dsus_results[dsus_goto].children("a").addClass("hover");
			}
		}
	}).keydown(function(event) {
		if (event.keyCode == 13) {		// return key
			if (dsus_results.length > 0) {
				window.location.href = dsus_results[dsus_goto].children("a").attr("href");
			}
			return false;
		}
		if (event.keyCode == 9) {		// tab key
			if (dsus_results.length > 1) {
				dsus_results[dsus_goto].children("a").removeClass("hover");
				dsus_goto += 1;
				if (dsus_goto >= dsus_results.length) {
					dsus_goto = 0;
				}
				dsus_results[dsus_goto].children("a").addClass("hover");
				return false;
			}
		}
	}).focus();
	
	

	
/*	-----------------------------------------------------------------
	Mitteilung Msg-Box
	----------------------------------------------------------------- */
	
	// HTML für Radio Button
	$("div.Mitteilung span#SMS-Radio").wrapInner('<a href="#" id="Msg-Switch-SMS" class="Radio Fieldset-Msg"></a>');
	$("div.Mitteilung span#E-Mail-Radio").wrapInner('<a href="#" id="Msg-Switch-E-Mail" class="Radio Fieldset-Msg Radio-Active"></a>');
	
	// Klick anfügen
	$("#Msg-Switch-SMS").click(function() {
		if ($("#Msg-Switch-E-Mail").hasClass("Radio-Active")) {
			$("#Msg-Switch-SMS").addClass("Radio-Active");
			$("#Msg-Switch-E-Mail").removeClass("Radio-Active");
			$("#SMS-Msg").animate({left: "0"}, 600);
			$("#E-Mail-Msg").animate({left: "556px"}, 600);
		}
		return false;
	});
	$("#Msg-Switch-E-Mail").click(function() {
		if ($("#Msg-Switch-SMS").hasClass("Radio-Active")) {
			$("#Msg-Switch-E-Mail").addClass("Radio-Active");
			$("#Msg-Switch-SMS").removeClass("Radio-Active");
			$("#E-Mail-Msg").animate({left: "0"}, 600);
			$("#SMS-Msg").animate({left: "-556px"}, 600);
		}
		return false;
	});
	
	// Ausgangszustand: E-Mail Msg eingeblendet
	$("#SMS-Msg").css({
		'position': 'absolute',
		'width'   : '556px',
		'top'     : '33px',
		'left'    : '-556px'
	});
	$("#E-Mail-Msg").css({
		'position': 'absolute',
		'width'   : '556px',
		'top'     : '33px',
		'left'    : '0'
	});
	
	// Feld auf SMS umschalten, nach Form-submit
	var my_search = window.location.search;
	var tmp_val = my_search.split("&")
	for (i = 0; i < tmp_val.length; i++) {
		var key_val = tmp_val[i].split("=");
		if ( key_val[0] == 'eform_msg' ) {
			if ( key_val[1] == 'sms' ) {
				$("#Msg-Switch-SMS").trigger('click')
			}
		}
	}


/*	-----------------------------------------------------------------
	Global UI-Effects
	----------------------------------------------------------------- */
	

	
});