/////////* browser type *////////////

	var browser=navigator.appName;
	

	/////////* page *////////////
	
	var thisPage = '';
	var pageMode = '';
	function grabCategoryFromUrl(){
		var vars = [], hash;
		var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
		for(var i = 0; i < hashes.length; i++){
			hash = hashes[i].split('=');
			vars.push(hash[0]);
			vars[hash[0]] = hash[1];
		}
		//alert(vars['category']);
		if(vars['category']){
			thisPage = vars['category'];
		}else{			
			thisPage = '';			
		}
		if(vars['page_mode']){
			pageMode = vars['page_mode'];
		}else{
			pageMode = '';
		}
	}
	
	grabCategoryFromUrl();
		
	var pageTypes = new Array('Home', 'best', 'food', 'stationery', 'little thinker', 'mugs', 'watch', 'tee', 'pillboxes', 'collection');
	var holdIterator = 0;
	if(thisPage == ''){ 
		thisPage = 'Home'; 
	}
	if((thisPage == 'stickies')||(thisPage == 'stationery')){ 
		thisPage = 'stationery'; 
	}
	if((thisPage == 'Magnetic')||(thisPage == 'puppet%20set')||(thisPage == 'little%20thinker')){ 
		thisPage = 'little thinker'; 
	}
	if((thisPage == 'apparel')||(thisPage == 'pillow')||(thisPage == 'watch')){ 
		thisPage = 'tee'; 
	}	
	for(var k = 0; k < pageTypes.length; k++){
		if(thisPage == pageTypes[k]){
			holdIterator = k;			
		}	
	}
	var home;
	home = window.location.href.toString().match(/page_mode/gi);
	var isHomepage = false;
	if(home != null){
		if(pageMode.toLowerCase() == "home"){
			var cate;
			cate = window.location.href.toString().match(/category/gi);
			if(cate == null){
				isHomepage = true;
			}
		}else{
		}
	}else{
	}


	/////////* init and nav *////////////
	
	var navs = new Array(); 
	var sublists = new Array();	
	for(var i = 1; i < 11; i++){	
		navs.push('nav' + i.toString());
		sublists.push('navSubList_0' + i.toString());	
	}	
	var sublistsState = new Array();	
	
	function initItems(){
		//////////////////////////////////////////////////////////////////////////////////////////////////////////////
		// ^^^^^ THIS FUNCTION IS CALLED INSIDE THE BOTTOM OF PRODNAV.LASSO (ONCE THE DIV IS FINISHED DRAWING)
		//////////////////////////////////////////////////////////////////////////////////////////////////////////////
		//loadingWheel('none');
		// show all nav lists
		//if(thisPage.toLowerCase() != 'home'){//(pageMode != '') || pageMode.toLowerCase() == 'search' || pageMode.toLowerCase() == 'product_detail'){
		if(!isHomepage){
			$('navMenuAndCart').show();					
			for(var i = 0; i < navs.length; i++){
				if((holdIterator)&&(holdIterator == i)){
					$(navs[i]).style.backgroundColor = '#99cc33';//6666cc';//99cc33
					$('navSubList_0' + (i+1) + '_topimg').src = 'nav_images/top_green.jpg';
					$('navSubList_0' + (i+1) + '_botimg').src = 'nav_images/bot_green.jpg';
				
				}
				if(browser == "Microsoft Internet Explorer"){			
					$(navs[i]).descendants()[3].style.padding = '0px 0px 0px 0px';
					$(navs[i]).descendants()[1].removeClassName('navItemTitle');
					$(navs[i]).descendants()[1].addClassName('navItemTitle_ie');
				}
			}

			for(var i = 0; i < sublists.length; i++){
				$(sublists[i]).style.display = "none";
				sublistsState.push(new Array(sublists[i].toString(), false));
				if((holdIterator)&&(holdIterator == i)){
					$(sublists[i]).style.display = "block";	
					sublistsState[i][1] = true;
				}				
			}				
		}else{
			//$('gridFader').show();
			//$('splashOverlay').show();
			//$('navMenuAndCart').hide();
		}

		if(pageMode.toLowerCase() == 'video'){
			$('navMenuAndCart').style.margin = '60px 0px 0px 0px';
		}
		
		if(pageMode.toLowerCase() == 'search'){
			$('navMenuAndCart').style.margin = '45px 0px 0px 0px';
		}
		if(navigator.appName == "Netscape"){
			var dropDownArrowImgIds2 = new Array("navSubList_04_arrow", "navSubList_05_arrow", "navSubList_06_arrow", "navSubList_07_arrow", "navSubList_08_arrow");
			for(var i = 0; i < dropDownArrowImgIds2.length; i++){
				$(dropDownArrowImgIds2[i]).style.margin = '0px 7px 0px 5px';
			}						
		}		
		if(navigator.vendor == "Apple Computer, Inc."){
			var dropDownArrowImgIds = new Array("navSubList_04_arrow", "navSubList_05_arrow", "navSubList_06_arrow", "navSubList_07_arrow", "navSubList_08_arrow");
			for(var i = 0; i < dropDownArrowImgIds.length; i++){
				$(dropDownArrowImgIds[i]).style.margin = '0px 7px 0px 5px';
			}
			$(dropDownArrowImgIds[3]).style.margin = '-15px 7px 0px 5px';			
		}

		//initGrid(); 
 		updateLoc();
	}

	var curOpenID = '';
	function showHideNav(id){
		for(var i = 0; i < sublistsState.length; i++){
			if(id == sublistsState[i][0]){
				var myParentID = $(id).ancestors();
				if(sublistsState[i][1] == false){
			
					if(browser == "Microsoft Internet Explorer"){				
						$(id).show();
					}else{
						new Effect.BlindDown(id, { duration: .25 });			
					}
					$(id + '_topimg').src = 'nav_images/top_green.jpg';
					$(id + '_botimg').src = 'nav_images/bot_green.jpg';
					if($(id + '_arrow')){ 
						$(id + '_arrow').src = 'nav_images/up_arrow_purple.png'; 
					}						
					$(myParentID[1]).style.backgroundColor = '#99cc33';							
					sublistsState[i][1] = true;
					//if(curOpenID != ''){
					if((curOpenID != '')&&(curOpenID != id)){					
						for(var j = 0; j < sublistsState.length; j++){
							if(curOpenID == sublistsState[j][0]){
								//var tempParent = $(curOpenID).ancestors();
								//tempParent.descendants()[2].style.color = '#ffffff';
								closeMe(curOpenID, j);
							}
						}
					}
					curOpenID = id;
				}else{
					/*
					new Effect.BlindUp(id, { duration: .25 });
					$(id + '_topimg').src = 'nav_images/top_purple.jpg';
					$(id + '_botimg').src = 'nav_images/bot_purple.jpg';
					if($(id + '_arrow')){ 
						$(id + '_arrow').src = 'nav_images/down_arrow_green.png'; 
					}						
					$(myParentID[1]).style.backgroundColor = '#6666cc';
					sublistsState[i][1] = false;
					*/
					closeMe(id, i);
				}
			}
		}
	}
	
	function closeMe(id, iterator){
		var myParentID = $(id).ancestors();		
		if(browser == "Microsoft Internet Explorer"){				
			$(id).hide();
		}else{
			new Effect.BlindUp(id, { duration: .25 });			
		}
		$(id + '_topimg').src = 'nav_images/top_purple.jpg';
		$(id + '_botimg').src = 'nav_images/bot_purple.jpg';
		if($(id + '_arrow')){ 
			$(id + '_arrow').src = 'nav_images/down_arrow_green.png'; 
		}						
		$(myParentID[1]).style.backgroundColor = '#6666cc';
		sublistsState[iterator][1] = false;						
	}

	var color = new Array();
	color[0] = 'green';
	color[1] = 'purple';
	color[2] = 'purple';
	color[3] = 'green';
	color[4] = '#99cc33';
	color[5] = '#6666cc';
	color[6] = '#3333cc';
	color[7] = '#ffffff';	
	
	function rollColor(id, mode){
	  //event.stopPropagation();
      //event.preventDefault();
		for(var i = 0; i < sublistsState.length; i++){
			if(id == sublistsState[i][0]){
				if(sublistsState[i][1] == false){
					$(id + '_topimg').src = 'nav_images/top_' + color[mode] + '.jpg';
					$(id + '_botimg').src = 'nav_images/bot_' + color[mode] + '.jpg';					
					var mainNav = $(id).ancestors()[1];
					mainNav.style.backgroundColor = color[(mode + 4)]; 
					mainNav.descendants()[2].style.color = color[(mode + 6)];	// change link color				
					if($(id + '_arrow')){ 
						$(id + '_arrow').src = 'nav_images/down_arrow_' + color[(mode + 2)] + '.png'; //nav_images/down_arrow_green.png
					}						
	
				}
			}
		}
	}

//////////* scrolling js *//////////

	var curPos = 0;
	var cellHeight = 380;//190;
	var increment = 10;
				  				  
	function scrollCatalog(id){
		if($(id).className == "prevBtn"){					
			if (curPos > 0){ 
				for(var i = 0; i < (cellHeight/increment); i++){
					$(prodGrid).scrollTop -= increment;
					curPos -= increment;								
				}								
			}					  
		} else if($(id).className == "nextBtn") {					
			if(curPos == $(prodGrid).scrollTop){
				for(var i = 0; i < (cellHeight/increment); i++){
					$(prodGrid).scrollTop += increment;
					curPos += increment;								
				}	
			}											  
		} else {
		} 
		$(stp).innerHTML = "scroll top is: " + $(prodGrid).scrollTop + ", and curPos is " + curPos + "";
	}
				  
	function updateLoc(){
		/*				 
	 	if($(prodGrid)){	
			curPos = $(prodGrid).scrollTop;					
			//$(stp).innerHTML = "scroll top is: " + $(prodGrid).scrollTop + ", and curPos is " + curPos + "";
		}
		*/		  
	}