jQuery(document).ready(function(){
	
	var list = jQuery('#express_options_list');
	
	// Hoehe der Listenelemente
	var itemHeight = 36;
	
	// Startposition der List
	var startPos = parseInt(list.css('top').replace("px",""));
	
	// max. Position der Liste
	var maxPos = startPos + ( 2 * itemHeight );
	
	// Klick auf Listenelement
	jQuery('#express_options_list li').click(function(){
		
		var selectedItem = jQuery(this);
		
		// Neue Kategorie in das Hidden Inputfeld schreiben
		jQuery('#expressoffer-category').val(jQuery(this).text());
		
		// Aktuelle Position der Liste
	//	var currentPos = parseInt(list.css('top').replace("px",""));
		
		// Keys der Listenelemente
		var currentItemkey = jQuery('#express_options_list li.selected').attr('id').substring(14);
		var newItemkey = jQuery(this).attr('id').substring(14);
		
		// Neue Position der Liste Berechnen
		var diffPos = currentItemkey - newItemkey;
		var newPos = maxPos - ( newItemkey * itemHeight );
		
		// Liste Bewegen
		moveScroller(selectedItem,newPos);
		
		if(diffPos == 0){
			openExpressform();
		}
		
	});
	
	function moveScroller(item,newPos){
		var list = jQuery('#express_options_list');
		list.animate({'top':newPos+'px'});
		jQuery('#express_options_list li').each(function(){
			jQuery(this).removeClass('selected');
			jQuery(this).stop().animate({'color':'#f0f0f0'},200);
		});
		item.addClass('selected');
		item.stop().animate({'color':'#999999'},200);
	}
	
	// Weiteres Input-Feld
	jQuery('#expressoffer_nextkeyword').click(function(){
		var anzahl = jQuery('#expressoffer_main .expressoffer_suchbegriff').length + 1;
		if(anzahl<=7) {
			var newField = jQuery('#expressoffer_main .expressoffer_ibox:first').clone('true','true');
			// newField.find('label').text(anzahl+'. Suchgebriff').attr('for','anfrage_sb'+anzahl);
			newField.find('input').val('').attr('id','express_suchbegriff-'+anzahl).attr('name','express_suchbegriff-'+anzahl);
			newField.find('input').focus();
			newField.insertBefore('#expressoffer_nextkeyword');
			if(anzahl>=7) jQuery(this).hide();
		}
		sbDeletable();
	});
	
	// Input-Feld löschen
	jQuery('#expressoffer_main .expressoffer_deleteKey').click(function(){
		if( jQuery('#expressoffer_main .expressoffer_ibox').length > 1 )  {
			var deleteBox = jQuery(this).parent('.expressoffer_ibox');
			deleteBox.remove();
			jQuery('#expressoffer_nextkeyword').show();
			// Andere Suchbegriffe updaten
			var sbCounter = 1;
			jQuery('#expressoffer_main .expressoffer_ibox').each(function(){
				// var sbLabel = jQuery(this).find('label');
				// sbLabel.attr('for','anfrage_sb'+sbCounter);
				if(sbCounter==1){
					var sbLabelValue = 'Ihr';
				} else {
					var sbLabelValue = sbCounter+'.';
				}
				// sbLabel.text(sbLabelValue+' Suchbegriff');
				jQuery(this).find('input').attr('id','express_suchbegriff-'+sbCounter).attr('name','express_suchbegriff-'+sbCounter);
				sbCounter++;			
			});
		}
		sbDeletable();
	});
	
	// Formular schließen
	jQuery('#expressoffer_main_close').click(function(){
		jQuery('#expressoffer_main').fadeOut(600);
	});
	
	// Formular oeffnen
	jQuery('#express_button').click(function(){
		openExpressform();
	});
	
	function openExpressform(){
		jQuery('#expressoffer_main').fadeIn(500);
	}
	
	// "Absenden" des Formulars
	jQuery('#express_senden').live('click', function(event) {
		event.preventDefault();
		var _data = jQuery(this).parents('form').serialize();
		
	//	jQuery.post(_WEBROOT + '/expressOffer.php', _data, function(message) {
	//		if(message.status == "400") {
	//			jQuery('#expressoffer_main_colLeft').hide();
	//			jQuery('#expressoffer_main_colRight').hide();
	//			jQuery('#express-success').show();
	//			jQuery('input#express_field1').val("Website *");
	//			jQuery('input#express_field2').val("E-Mail *");
	//		} else {
	//			jQuery('.moduletable input').each(function() {
	//				jQuery(this).removeClass('errorField');
	//			});
	//			jQuery.each(message.fields, function(index,item) {
	//				jQuery('#' + item).addClass('errorField');
	//			});
	//		}
	//	}, "json");
	});
	
});

// wenn nur ein Suchbegriff eingetragen wurde, ist dieser nicht löschbar
function sbDeletable(){
	if(jQuery('#expressoffer_main .expressoffer_ibox').length < 2){
		jQuery('#expressoffer_main .expressoffer_deleteKey').hide();
	} else {
		jQuery('#expressoffer_main .expressoffer_deleteKey').show();
	}
}
