var CC = { Breuninger: {} };

function isSignedInteger (s)

{   if (isEmpty(s))
   if (isSignedInteger.arguments.length == 1) return false;
   else return (isSignedInteger.arguments[1] == true);

   else {
      var startPos = 0;
      var secondArg = false;

      if (isSignedInteger.arguments.length > 1)
         secondArg = isSignedInteger.arguments[1];

      // skip leading + or -
      if ( (s.charAt(0) == "-") || (s.charAt(0) == "+") )
         startPos = 1;
      return (isInteger(s.substring(startPos, s.length), secondArg))
   }
}

	   function isInteger (s)
{
   var i;

   if (isEmpty(s))
   if (isInteger.arguments.length == 1) return 0;
   else return (isInteger.arguments[1] == true);

   for (i = 0; i < s.length; i++)
   {
      var c = s.charAt(i);

      if (!isDigit(c)) return false;
   }

   return true;
}

function isEmpty(s)
{
   return ((s == null) || (s.length == 0))
}

function isDigit (c)
{
   return ((c >= "0") && (c <= "9"))
}

CC.Breuninger.LiveSearch = function( _config ){
	var popupDialog = null;
	var config = {};
	var view = { }

	var tpl = '<div id="popup-search-box">'+
		'<p class="closer"><a class="search-close" href="#" title="">Schließen x</a></p>'+
		'<ul class="ui-tabs-nav toolbar"><li class="ui-tabs-selected"><a href="#" class="female search_gender"><span>Für Sie</span></a></li><li><a href="#" class="male search_gender"><span>Für Ihn</span></a></li><li><a href="#" class="beauty search_gender"><span>Beauty</span></a></li><li><a href="/store/searchResultPage.jsf?searchTerm='+escape(this.value)+'&pg=0" id="allResults" onclick="goSearch(this)"><span>Alle anzeigen</span></a></li></ul>'+
		'<div class="popup-search-result-lists">'+
			'<div class="result-col category"><h3>Navigation</h3><ul class="result-list"></ul></div>'+
			'<div class="result-col designer"><h3>Designer</h3><ul class="result-list"></ul></div>'+
			'<div class="clearfix"></div>'+
		'</div>'+
		'<div class="popup-search-product-view"></div>'+
	'</div>'


	config.url = {
		//template: "/search_template",
		//search: "/search/"
		search: "/store/searchPage.jsf"
	}

	if (_config.search_field) {
		config.search_field = _config.search_field
	} else {
		config.search_field = "input.search_field"
	}

	var	initViews = function(){
		view.navigation = $("#popup-search-box .category .result-list")
		view.designer = $("#popup-search-box .designer .result-list")
		view.product = $("#popup-search-box .popup-search-product-view")
		view.popup = $("#popup-search-box")
		view.toolbar = $('#popup-search-box .toolbar')
		view.search_field = $( config.search_field )
	}

	var activeGender = function(){
		//return view.toolbar.find("a.enabled")[0].className.split(" ")[0]
		//return view.toolbar.find(".ui-tabs-selected a")[0].className
	}

	var initGender = function(){
		if ($("#gender").val() == "male") {
			$('#popup-search-box .toolbar').find(".ui-tabs-selected").removeClass("ui-tabs-selected")
			$($('#popup-search-box .toolbar').find("li")[1]).addClass("ui-tabs-selected")
		}
		if ($("#gender").val() == "beauty") {
			$('#popup-search-box .toolbar').find(".ui-tabs-selected").removeClass("ui-tabs-selected")
			$($('#popup-search-box .toolbar').find("li")[2]).addClass("ui-tabs-selected")
		}
	}

	var createPopup = function(){
		initViews()
		if (view.popup.length==0) {
		//	$(tpl).css("display","none").appendTo("#wrap");
		//	initGender();	
			$(document).ready( function() {
				initBaseEvents()
				initViews()
			});
		}
	}

	var popupShow = function() { if (view.popup.css("display")=="none") { view.popup.slideDown();} }
	var popupHide = function() { if (view.popup.css("display")=="block") { view.popup.slideUp() } }

	var handleReponse = function(data){
		if (data) {
			if (data.navigation) { //populateData(view.navigation, data.navigation)
				view.navigation.html("")
				for (var i=0; i < data.navigation.length; i++) {
					html = '<li><a href="'+data.navigation[i].categoryLink+'" class="category_item"><span class="title">'+data.navigation[i].categoryTitle+'</span> <span class="hits">'+data.navigation[i].categoryHits+' Artikel</span> <span class="categoryPK hidden">'+data.navigation[i].categoryPK+'</span></a></li>';
					view.navigation.append(html)
				};
			};
			if (data.designer) { //populateData(view.designer, data.designer)
				view.designer.html("")
				for (var i=0; i < data.designer.length; i++) {
					html = '<li><a href="'+data.designer[i].designerLink+'" class="designer_item"><span class="title">'+data.designer[i].designerTitle+'</span> <span class="hits">'+data.designer[i].designerHits+' Artikel</span> <span class="categoryPK hidden">'+data.designer[i].designerPK+'</span></a></li>'
					view.designer.append(html)
				};
			};
			if (data.product) { //populateData(view.product, data.product) //populateProductImages()
				view.product.html("")
				for (var i=0; i < data.product.length; i++) {
					html = '<div class="product-item">'+
						'<img width="71" height="97" src="'+data.product[i].productThumb+'" class="img-border product_thumb" />'+
						'<span class="info">'+
							'<a class="product-link" href="'+data.product[i].productLink+'">'+data.product[i].productCompany+'</a>'+
							'<span class="title">'+data.product[i].productTitle+'</span>'+
						'</span>'+
						   '</div>'
					view.product.append(html)
				}
			};
			$(document).ready( initViews )
		}
	}

	var searchField_onChange = function(event){
		var keyCode = event.keyCode || window.event.keyCode;
		if(keyCode == 13 || keyCode == 27){
			if (this.value != "") {
				if (this.value != "") {
					if( isSignedInteger(this.value) == true ) {
						window.location.href = '/store/product/Default/'+this.value+'/detail.jsf';
						return true;
					}
					else {
						window.location.href = '/store/searchResultPage.jsf?searchTerm='+escape(this.value)+'&pg=0';
						return true;
					}
				}
			}
			return;
		}
		//if (this.value=="") { popupHide() } else { popupShow();	submitSearch(this.value); }
		if (this.value.length > 0) {
			popupShow();
			submitSearch(this.value);
 		} else {
			if (this.value.length==0) {
				popupHide()
			}
		}
	}

	var submitSearch = function(query) {
		//$.getJSON(config.url.search+query+"?gender="+activeGender(), handleReponse);
		$.getJSON(config.url.search+"?searchTerm="+query+"&searchGender="+activeGender(), handleReponse);
	}

	var changeGender = function(){
		clicked_gender = this.className.split(" ")[0]
		if (activeGender() != clicked_gender) {
			view.toolbar.find(".ui-tabs-selected").removeClass("ui-tabs-selected")
			$( $(this).parent()[0] ).addClass("ui-tabs-selected")
			submitSearch( view.search_field.val() );
		}
		return false;
	}

	var openClickedLink = function () {
		href = $(this).attr("href")
		if (href != "") { window.location.href = href; }
		return false;
	}

	var initBaseEvents = function(){
		view.search_field.keyup( searchField_onChange )
		$("a.category_item").livequery("click", openClickedLink )
		$("a.designer_item").livequery("click", openClickedLink )
		$("a.product_item").livequery("click", openClickedLink )
		$("a.search_gender").livequery("click", changeGender )
	};

	return {
		init : function(){
			if (!view.popup) {
				createPopup()
			}
		},
		search : function(query){
			if (!query) { return false; }
			submitSearch(query);
		}
		/*
		,
		show : function(){ popupShow() },
		hide : function(){ popuphide() }
		*/
	}
}