/* 
 * JQuery - Searchbox Effects for WKD
 *
 * @author Micha Horn <michael.horn@burda.com> <info@michahorn.de>
 * @version 1.0
 *
 */


$(document).ready (
	function() {
		$('[id^=jq_formSearch-]').each (
				function() {
					var formSearchId = '#'+this.id;
					var inputClass = '.jq_searchInput';
					var submitClass = '.jq_searchSubmit';
					var containerClass = '.jq_searchContainer'
					var inputValue = $(formSearchId+' '+inputClass).val();
					var changeValue = true;

					$(formSearchId+' '+inputClass).bind('click', function() {
						$(formSearchId+' '+containerClass).css('backgroundPosition','0 -30px');
						$(formSearchId+' '+inputClass).val('');
					});

					$(formSearchId+' '+submitClass).bind('mouseenter', function() {
						backgroundPosition = $(formSearchId+' '+containerClass).css('backgroundPosition');
						$(formSearchId+' '+containerClass).css('backgroundPosition','0 -60px');
						changeValue = false;
					});

					$(formSearchId+' '+submitClass).bind('mouseleave', function() {
						$(formSearchId+' '+containerClass).css('backgroundPosition',backgroundPosition);
						changeValue = true;
					});

					$(formSearchId+' '+submitClass).bind('click', function() {
						$(formSearchId).submit();
					});

					$(formSearchId+' '+inputClass).focusout ( 
						function() {
							if(changeValue) {
								$(formSearchId+' '+containerClass).css('backgroundPosition','0 0');
								$(formSearchId+' '+inputClass).val(inputValue);
							}
						}
					);
				}
		)
	}
);

/* 
 * JQuery - Navigation dropdown for WKD
 *
 * @author Micha Horn <michael.horn@burda.com> <info@michahorn.de>
 * @version 1.0
 *
 */

$(document).ready (
	function() {
		var categoryFocus = false;
		var paddingLeft = 15; // Outer container padding
		var leftPitch = paddingLeft;
		
		hideProductCategoryChilds = function() {
			if(!categoryFocus) {
				$('[id^=jq_productCategoryChilds-]').each (
					function() {
						var id = '#'+this.id;
						$(id).hide();
					}
				)
			}
		};
		
		$('[id^=jq_productCategory-]').each (
			function() {
				var id = this.id.split('-');
				var categoryId = '#'+this.id;
				var categoryChildsId = '#jq_productCategoryChilds-'+id[1];

				$(categoryChildsId).css ('left',leftPitch+'px');

				categoryWidth = $(categoryId).outerWidth(true);
				leftPitch += categoryWidth;

				$(categoryId).bind ( 'click', function () {
					$(categoryChildsId).show();
				});
				$(categoryChildsId+' .close').bind ('mousedown', function () {
					categoryFocus = false;
					hideProductCategoryChilds();
				});
				$(categoryChildsId).bind ('mouseenter', function () {
					categoryFocus = true;
				});
				$(categoryChildsId).bind ('mouseleave', function () {
					categoryFocus = false;
				});
				$('body').bind ('mouseup',function () {
					hideProductCategoryChilds();
				});
			}
		);
		hideProductCategoryChilds();
	}
);