$("#btnSearch").click(function(){		
		if(!ready) return;		
		getCategoriesFromSearchTerms();
	}
);


$("#btnClear").click(function(){
	var searchTerms = getElementsByClassName('searchTerm');
		for(var i = 0; i < searchTerms.length; i++)
		{
			searchTerms[i].value = '';
			searchTerms[i].style.color = '#000000';
		}
	}
);

$("#SearchNavBtn").click(function(){
	$("#searchResult").hide();
	$("#searchFourthNav").hide();
	$("#searchList").BlindRight(500);	
	}
);


function getSearchTerms()
{
	var result = "|";
	var searchTermCtr = 0;
	for(; searchTermCtr < 20 ; searchTermCtr++){
		var txtBox = $get("searchTerm" + searchTermCtr);
		if(txtBox != null){
			if(txtBox.value != ""){
				result += txtBox.value + "|";
			}
		}
	}
	return result;
	
}

function doTrackWebtrendsURL(category,section)
{
	dcsMultiTrack('DCS.dcsuri', '/productsearch.aspx', 'WT.ti', '+' + category + '+', 'WT.ac',section);
}

function getCategoriesFromSearchTerms()
{
	var searchTerms = getSearchTerms();
	
	PageMethods.GetCategoriesSearchResults(searchTerms,getCategoriesSearchResultsSuccess,getCategoriesSearchResultsFail);
	doTrackWebtrendsURL('productsearch',searchTerms);
}
var cat;
function getCategoriesSearchResultsSuccess(response)
{
	var categories = response;
	//alert(response);
	var result = '';
	
	var searchResultList = $get("searchResultList");
	searchResultList.innerHTML = "";

	for(var i = 0;;i++)
	{		
		if(categories[i] == null)
		{			
			if(i == 0)
			{
			   // alert("no matching products found");
			   $get("searchResult").style.display = 'none';
				$get("searchNoResult").style.display ='block';
				return;
			}
			break;		
		}
		else
		{  
			var searchTerm = categories[i].SearchTerm;
			//alert("searchTerm:" + searchTerm);
			var productSearchCategories = categories[i].ProductSearchCategories;
			var searchTermContainer = document.createElement('p');
			if(i == 0){
				searchTermContainer.className = "paddingTop5";
			}
			var aSearchTerms = "<a href='javascript:void(0)' onclick=\"getProducts('"+ searchTerm + "',0,'SearchTerms');return false;\">"+searchTerm+"</a>";
			
			searchTermContainer.innerHTML = aSearchTerms;
			searchResultList.appendChild(searchTermContainer);
			
			var ulResult = document.createElement('ul');
			ulResult.className = "resultLevel2";
			
			var cateCtr = 0
			for(cateCtr = 0;;cateCtr++)
			{
				if(productSearchCategories[cateCtr] == null)
				{
					break;
				}
				else
				{					
					var productSearchCategory = productSearchCategories[cateCtr];
					var liResult = document.createElement('li');					
					var aLink = "<a href='javascript:void(0)' onclick=\"getProducts('"+ searchTerm + "'," + productSearchCategory.ID + ",'" + productSearchCategory.MatchingType + "','" + productSearchCategory.Name + "');return false;\">"+productSearchCategory.Name+"</a>";
					
					liResult.innerHTML = aLink;
					ulResult.appendChild(liResult);
				}
			}
			
			if(cateCtr > 0)
			{
				searchResultList.appendChild(ulResult);
			}
		}
	}
	  $get("searchNoResult").style.display ='none';
	productSearchCategoriesSlide();
	
	return result;
}

function populateBtnImage(text)
{
	$get('imgProductNavBtn').src = "TitleImage.aspx?imageName=" + text;		
}

function getCategoriesSearchResultsFail(response)
{
	alert('failed:'+ response._message);
}

var ready = true;

function getProducts(keyword,categoryId,matchingType,categoryName)
{	
	if(ready)
	{
		ready = false;
		HideResult();
		var labelTitle = categoryName;
		
		if(matchingType == "SearchTerms"){
			labelTitle = keyword;
		}
		
		populateBtnImage(labelTitle);

		//alert('keyword: ' + keyword + " categoryId: " + categoryId + " matchingType: " + matchingType);
		PageMethods.GetProductsSearchResults(keyword,categoryId,matchingType,getProductsSearchResultsSuccess,getProductsSearchResultsFail);
	}
}

function getProductsSearchResultsSuccess(response)
{
	var products = response;
	var productContainer = document.createElement('div');
	productContainer.className = 'proContainer' + products["categoryId"];	
	$get('divProductList').innerHTML = "";
	for(var i = 0;;i++)
	{		
		if(products[i] == null)
		{			
			break;		
		}
		else
		{   
			var templateProduct = $get('templateProduct').cloneNode(true);			
			
			templateProduct.style.display = 'block';
			templateProduct.id = "";
			var productName = '';
			
			if(products[i]['Brand']['Name'] != null && products[i]['Brand']['Name'] != "")
			{
				productName += products[i]['Brand']['Name'] + '&nbsp;';
				if(products[i]['PSymbol']['Character'] != null && products[i]['PSymbol']['Character'] != "")
				{				
					productName += products[i]['PSymbol']['Character'] + '&nbsp;';
				}				
			}
			productName += products[i]['Name'];
			
			if(products[i]['Unit'] != null && products[i]['Unit'] != "")
			{
				productName += '&nbsp;'+products[i]['Unit'];
			}
			
			getElementsByClassName('productName','span',templateProduct)[0].innerHTML = productName;
			getElementsByClassName('productPrice','span',templateProduct)[0].innerHTML = formatCurrency(products[i]['TotalPrice']);
			if(products[i]['Quantity'] != null){
				getElementsByClassName('Quantity','span',templateProduct)[0].innerHTML = products[i]['Quantity'];
			}
			if(products[i]['OldPrice'] != 0){
				getElementsByClassName('OldPrice','span',templateProduct)[0].innerHTML = 'was '+ formatCurrency(products[i]['OldPrice']);
			}
			if(products[i]['UnitPrice'] != null && products[i]['UnitPrice'] != ""){
				getElementsByClassName('UnitPrice','span',templateProduct)[0].innerHTML = "(" + (products[i]['UnitPrice']) + ")";
			}
			
			getElementsByClassName('price','input',templateProduct)[0].value = (products[i]['TotalPrice']);
			getElementsByClassName('productNumber','input',templateProduct)[0].value = products[i]['Number']; 
			
			productContainer.appendChild(templateProduct.cloneNode(true));
			$get('divProductList').appendChild(templateProduct.cloneNode(true));		
		}
	}
	
	//set ready variable in show result
	ShowResult();		
}

function getProductsSearchResultsFail(response)
{
	alert('failed:'+ response._message);
}