function category_sort(filter) // filter will = Alpine Ski 1 or Carving 3 or Waxless 3
{
	if (filter!="sort")
	{
	category = filter.charAt(filter.length-1) // extracts the last character (1 2 or 3)
	filter = filter.substring(0,filter.length-2) 
	// refills filter without that last digit eg. Alpine Ski 1 = Alpine Ski
	record_count = 0
	index = 1 
	for (i = 1; i<total_items+1;i++)
		{
		addrecord=0
		if (category=="1" && item_cat1[i]==filter) {addrecord=1}
		if (category=="2" && item_cat2[i]==filter) {addrecord=1}
		if (category=="3" && (item_cat3[i]==filter || item_cat3a[i]==filter)) {addrecord=1} 
		// category 3 and 3a allow a product to come up in two different searches 
		if (addrecord==1 & (item_cat1[i].indexOf(product_page)!=-1))  
		// only fill sorted array if item is in correct product category
			{
			record_count=record_count+1
			sorted_name[record_count] = item_name[i]
			sorted_vendor[record_count] = item_vendor[i]
			sorted_price[record_count]=item_price[i]
			sorted_desc[record_count]=item_desc[i]
			sorted_sizes[record_count]=item_sizes[i]
			sorted_cat1[record_count]=item_cat1[i]
			sorted_cat2[record_count]=item_cat2[i]
			sorted_cat3[record_count]=item_cat3[i]
			sorted_cat3a[record_count]=item_cat3a[i]
			sorted_sale[record_count]=item_sale[i]
			sorted_picture[record_count]=item_picture[i]
			sorted_picture_big[record_count]=item_picture_big[i]
			sorted_year[record_count]=item_year[i]
			}
		}
	document.getElementById('select_brand').value="sort"
	document.form_catalog.select_type.blur()
	populate()
	}
}




function brand_sort(brand) 
{
	if (brand=="All")	
	// user has selected to display ALL relevant products (in same category eg. All Alpine, All Nordic etc.
	{
		load(product_page)	// simply use the load function again
	}
	else
	{
	if (brand != "sort")
		{
		record_count = 0
		index = 1 
		for (i = 1; i<total_items+1;i++)
			{
			if ((item_vendor[i]==brand) && (item_cat1[i].indexOf(product_page)!=-1))	
			// if the vendor brand AND the product category match
				{
				record_count=record_count+1
				sorted_name[record_count] = item_name[i]
				sorted_vendor[record_count] = item_vendor[i]
				sorted_price[record_count]=item_price[i]
				sorted_desc[record_count]=item_desc[i]
				sorted_sizes[record_count]=item_sizes[i]
				sorted_cat1[record_count]=item_cat1[i]
				sorted_cat2[record_count]=item_cat2[i]
				sorted_cat3[record_count]=item_cat3[i]
				sorted_sale[record_count]=item_sale[i]
				sorted_picture[record_count]=item_picture[i]
				sorted_picture_big[record_count]=item_picture_big[i]
				sorted_year[record_count]=item_year[i]
				}
			}
		document.getElementById('select_type').value="sort"
		document.form_catalog.select_brand.blur()
		populate()
		}
	}
}

function load(product) 
	{
	product_page=product	
	// set the main category eg. Alpine, Nordic, Telemark --> set in the referring HTML page
	document.getElementById('select_brand').value="sort"	// set both drop-down boxes to - sort by -
	document.getElementById('select_type').value="sort"
	document.form_catalog.select_brand.blur() 	// make both boxes lose focus so user can easily scroll
	document.form_catalog.select_type.blur()	

	record_count = 0 	// reset the # of records in sorted array
	index = 1 
	for (i = 1; i<total_items+1;i++)
		{
		addrecord=0 	// reset this variable - it determines whether or not to add a record to sorted array
		if (item_cat1[i].indexOf(product)!=-1) {addrecord=1}	//if the item category 1 contains product
		if (addrecord==1)
			{
			record_count=record_count+1
			sorted_name[record_count] = item_name[i]
			sorted_vendor[record_count] = item_vendor[i]
			sorted_price[record_count]=item_price[i]
			sorted_desc[record_count]=item_desc[i]
			sorted_sizes[record_count]=item_sizes[i]
			sorted_cat1[record_count]=item_cat1[i]
			sorted_cat2[record_count]=item_cat2[i]
			sorted_cat3[record_count]=item_cat3[i]
			sorted_cat3a[record_count]=item_cat3a[i]
			sorted_sale[record_count]=item_sale[i]
			sorted_picture[record_count]=item_picture[i]
			sorted_picture_big[record_count]=item_picture_big[i]
			sorted_year[record_count]=item_year[i]
			}
		}
	populate()	
	}


function populate()
{	
	item_box_i = 0
	for (i=index; i<index+10; i++)
	{
		item_box_i++
		if (i<record_count+1)
		{
			document["picture"+item_box_i].src=sorted_picture[i]
			catalog_picture[item_box_i]=sorted_picture_big[i]
			document.getElementById('vendor'+item_box_i).innerHTML=sorted_year[i]+" "+sorted_vendor[i]
			if (sorted_cat2[i]!="") {document.getElementById('name'+item_box_i).innerHTML=sorted_cat2[i].substring(0,1) + "'s "+sorted_name[i]}
			else {document.getElementById('name'+item_box_i).innerHTML=sorted_name[i]}
			document.getElementById('desc'+item_box_i).innerHTML=sorted_desc[i]
			document.getElementById('sizes'+item_box_i).innerHTML=sorted_sizes[i]
			document.getElementById('price'+item_box_i).innerHTML=sorted_price[i]
			document.getElementById('sale'+item_box_i).innerHTML=sorted_sale[i]
			if (sorted_cat1[i].substring(sorted_cat1[i].length-3,sorted_cat1[i].length)=="Ski")
			{
				document.getElementById('lengths'+item_box_i).innerHTML="Lengths:"
				document.getElementById('dimensions'+item_box_i).innerHTML="Dimensions:"
			}
			else
			{
				document.getElementById('lengths'+item_box_i).innerHTML=""
				document.getElementById('dimensions'+item_box_i).innerHTML=""
			}
		}
		else
		{
			document["picture"+item_box_i].src="catalog/null.gif"
			document.getElementById('vendor'+item_box_i).innerHTML="No Matches"
			document.getElementById('name'+item_box_i).innerHTML=""
			document.getElementById('desc'+item_box_i).innerHTML=""
			document.getElementById('sizes'+item_box_i).innerHTML=""
			document.getElementById('price'+item_box_i).innerHTML=""
			document.getElementById('lengths'+item_box_i).innerHTML=""
			document.getElementById('dimensions'+item_box_i).innerHTML=""
			document.getElementById('sale'+item_box_i).innerHTML=""		
			catalog_picture[item_box_i]=""
		}
	}
	


	if (record_count==0) 
	{
		document.getElementById('first').innerHTML="0"
		document.getElementById('last').innerHTML="0"
		document.getElementById('total').innerHTML="0"
		document.getElementById('next').innerHTML=""
		document.getElementById('previous').innerHTML=""
	}
	else
	{
		document.getElementById('first').innerHTML=index
		if (index+10>record_count) 
			{
			document.getElementById('last').innerHTML=record_count
			document.getElementById('next').innerHTML=""
			} 
		else 
			{
			document.getElementById('last').innerHTML=index+9
			document.getElementById('next').innerHTML="Next >>"
			}
		document.getElementById('total').innerHTML=record_count
		if (index==1) 
			{
			document.getElementById('previous').innerHTML=""
			} 
		else 
			{
			document.getElementById('previous').innerHTML="<< Previous"
			}
	}

}

function move_forward()
{
	
	if (index+10<record_count+1)
	{
		index=index+10
		populate()
	}
}

function move_backward()
{
	
	if (index-10>0)
	{
		index=index-10
		populate()
	}
}
