function getChildCategory(object)
{
	if(!ready) return;
	$get('hidCurrentIndex').value = 0;
	$get('hidSlide').value = 1;
	
	var productStorage = '';
	var categoryStorage = '';
	
	$get('imgLoading').style.display = "block";
	
	setCategoryToBePopulated(object);
	setCategoryTypeForProduct(object);
	doTrackWebtrendsURL('category',object.innerHTML);
	PageMethods.GetChildCategory(object.id,$get('CategoryTypeForProduct').value,getChildCategorySuccess,failed);
	
	PageMethods.GetProductsByCategoryIdWithType(object.id,$get('CategoryTypeForProduct').value,getProductsByCategoryIdSuccess,failed);
	populateBtnImage(object);
}

function populateBtnImage(object)
{
	if($get('CategoryTypeForProduct').value == 'category'){
		$get('imgSecondNavBtn').src = ("TitleImage.aspx?imageName=" + object.innerHTML).replace("&","mingjindion");
	}
	else if($get('CategoryTypeForProduct').value == 'subCategory'){
		$get('imgThirdNavBtn').src = ("TitleImage.aspx?imageName=" + object.innerHTML).replace("&","mingjindion");
	}
	$get('imgFourthNavBtn').src = ("TitleImage.aspx?imageName=" + object.innerHTML).replace("&","mingjindion");
}

function setCategoryTypeForProduct(object)
{
	var ele = object.parentNode;
	while(true)
	{	
		if(ele.id != null)
		{
			if(ele.id == 'categoriesFirstNav')
			{
				$get('CategoryTypeForProduct').value = 'category';
				return;
			}
			else if(ele.id == 'categoriesSecondNav')
			{
				$get('CategoryTypeForProduct').value = 'subCategory';
				return;
			}
			else if(ele.id == 'categoriesThirdNav')
			{
				$get('CategoryTypeForProduct').value = 'subsubCategory';
				return;
			}
		}
		ele = ele.parentNode;
	}
}

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

function setCategoryToBePopulated(object)
{
	var ele = object.parentNode;
	
	while(true)
	{	
		if(ele.id != null)
		{
			if(ele.id == 'categoriesFirstNav')
			{
				$get('CategoryToBePopulated').value = 'categoriesSecondNavList';
				return;
			}
			else if(ele.id == 'categoriesSecondNav')
			{
				$get('CategoryToBePopulated').value = 'categoriesThirdNavList';
				return;
			}
			else if(ele.id == 'categoriesThirdNav')
			{
				$get('CategoryToBePopulated').value = '';
				return;
			}
		}
		ele = ele.parentNode;
	}
}

var test;

function getChildCategorySuccess(response)
{
	var childCategory = response;	
	   
	
	removeChildNodes($get($get('CategoryToBePopulated').value));
	
	if(childCategory.length == 0)	{
		return;
	}
	
	
	var result = '<ul>';
	for(var i = 0;;i++)
	{
		var firstItemStyle = '';
		
		if(i==0)
			firstItemStyle = " class='paddingTop5' ";
			 
		if(childCategory[i] == null)
		{
			break;
		}
		else
		{

			result += "<li "+firstItemStyle+"><a href='javascript:void(0);' onclick='getChildCategory(this);return false;' id='"+childCategory[i]["ID"]+"'>"+childCategory[i]["Name"] + "</a></li>";				
		}
	}
	
	result +="</ul>";
	
	var container = document.createElement('div');
	container.className = 'cateContainer' + childCategory[0]["ParentCategoryID"];
	container.innerHTML = result;
	
	$get('imgLoading').style.display = "none";
	
	if($get('CategoryToBePopulated').value.length != 0)
	{
		$get($get('CategoryToBePopulated').value).appendChild(container);
	}
}

function getProductsByCategoryIdSuccess(response)
{
 
	var products = response;
	var resultProduct = '';
	var currentIndex = parseInt($get('hidCurrentIndex').value);
	
	var productContainer = document.createElement('div');
	
	if(products.length > 0)
		productContainer.className = 'proContainer' + products[0]["CategoryID"];	
	
	var i = currentIndex * 10;
	
	removeChildNodes($get('divProductList'));
	
	for(;;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'];			
			
			if($get('divProductList').childNodes.length < 10)
			{
				$get('divProductList').appendChild(templateProduct);						
			}				
			else
			{
				break;
			}
		}
	}
	
	if(products.length > 10)
	{	
		$get('Paging').style.display = 'block';		
		if($get('hidSlide').value == '1')
			GenePaging(products[0]["CategoryID"],products.length);
	}
	else
	{
		$get('Paging').style.display = 'none';
	}
	
	if($get('hidSlide').value == '1')
		categoriesSlide();	
	
	$get('imgLoading').style.display = "none";
	return;
}

function GenePaging(cateId,length)
{
	var maxPage = parseInt((length-1) / 10)+1;
	var pagingHTML = '';
	for(var i = 0; i < maxPage; i++)
	{
		if(i == 0)		
			pagingHTML += '<a href="javascript:void(0);" class="selected" onclick="Paging('+cateId+','+i+',this);return false;">'+ (i+1) +'</a>&nbsp;';	
		else
			pagingHTML += '<a href="javascript:void(0);" class="paging" onclick="Paging('+cateId+','+i+',this);return false;">'+ (i+1) +'</a>&nbsp;';	
	}
	

	$get('Paging').innerHTML = 'page ' + pagingHTML;
	
}

function Paging(cateId,currentPage,object)
{
	var alinks = object.parentNode.getElementsByTagName('a');
	for(var i = 0;i < alinks.length; i++)
	{
		alinks[i].className = "paging";
	}
	object.className = "selected";
	$get('hidSlide').value = 0;
	$get('hidCurrentIndex').value = currentPage;
	PageMethods.GetProductsByCategoryIdWithType(cateId,$get('CategoryTypeForProduct').value,getProductsByCategoryIdSuccess,failed);
}

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

function Qty(object,mode)
{
	var parentNode = object.parentNode;

	while(parentNode.tagName != 'TR' )
	{
		parentNode = parentNode.parentNode;
	}

	var txtQty = getElementsByClassName('txtQty','input',parentNode)[0];
	var hidPrice = getElementsByClassName('price','input',parentNode)[0];
	var lblTotalPrice = getElementsByClassName('totalPrice','span',parentNode)[0];
	var qty = 1;
	
	if(isNaN(txtQty.value) && txtQty.value.length != 0){
		txtQty.value = 1;
		alert('Please enter a number in qty field.');
		txtQty.focus();
		return;
	}
	
	if(txtQty.value.length == 0)
	{
		qty = 1;
		return;
	}
	
	
	if(mode == 'add')
	{
		txtQty.value = parseInt(txtQty.value) + 1;
	}
	else if(mode == 'reduce' && parseInt(txtQty.value) > 1)
	{
		txtQty.value = parseInt(txtQty.value) - 1;
	}
	else if(mode == 'update' && parseInt(txtQty.value) > 0)
	{
		txtQty.value = parseInt(txtQty.value);
	}
	
	if(!lblTotalPrice)
		return;
	
	qty = parseInt(txtQty.value);
	
	lblTotalPrice.innerHTML = (qty * parseFloat(hidPrice.value)).toFixed(2);
}

function addProduct(object)
{
	var parentNode = object.parentNode;
	
	while(parentNode.tagName != 'TR' )
	{
		parentNode = parentNode.parentNode;
	}
	
	var txtQty = getElementsByClassName('txtQty','input',parentNode)[0];
	var productNumber = getElementsByClassName('productNumber','input',parentNode)[0];
	var hidPrice = getElementsByClassName('price','input',parentNode)[0];
	
	if(txtQty.value == 0 || txtQty.value.length == 0)
	{
		alert('Please put at least 1 in quantity field');
		txtQty.focus();
		return;
	}
	
	hidTotalItem.value = parseInt(hidTotalItem.value) + parseInt(txtQty.value);
	var TwoDecimalsOnly = parseInt(Math.round(parseInt(txtQty.value) * parseFloat(hidPrice.value)* 100))/100;
	//alert(Math.round(parseInt(txtQty.value) * parseFloat(hidPrice.value) * 100));
	//alert('TwoDecimalsOnly'+TwoDecimalsOnly);
	hidMyTotalPrice.value = parseInt(Math.round((parseFloat(hidMyTotalPrice.value) + TwoDecimalsOnly)*100))/100;
	
		   
	$get('totalItems').innerHTML = parseInt(hidTotalItem.value) == 1? hidTotalItem.value + " item":hidTotalItem.value+" items";
	if(hidMyTotalPrice.value.indexOf('.') > -1)
		$get('TotalPrice').innerHTML = hidMyTotalPrice.value.substring(0,hidMyTotalPrice.value.indexOf('.'));
	else
		$get('TotalPrice').innerHTML = hidMyTotalPrice.value;
	var hidMyTotalPrice_value = formatCurrency(hidMyTotalPrice.value);
	$get('TotalPriceDecimal').innerHTML = hidMyTotalPrice_value.substring(hidMyTotalPrice_value.indexOf('.')+1);
	var hidName = getElementsByClassName('productName','span',parentNode)[0];
	
	doTrackWebtrendsURL('category',hidName.innerHTML);
	PageMethods.AddProduct(productNumber.value,txtQty.value,addProductSuccess,failed);
}

function addProductSuccess(response)
{
	test = response;
}

function categoriesSlide()
{
	if($get('CategoryToBePopulated').value == 'categoriesSecondNavList')
	{
		categoryOnClick();
	}
	else if($get('CategoryToBePopulated').value == 'categoriesThirdNavList')
	{
		subcategoryOnClick();
	}
	else if($get('CategoryToBePopulated').value == '')
	{
		subsubcategoryOnClick();
	}
}


function removeChildNodes(ctrl)
{
	while (ctrl && ctrl.childNodes.length > 0 && ctrl.childNodes[0])
	{
		ctrl.removeChild(ctrl.childNodes[0]);
	}
}