// JavaScript Document
var scriptHttp = "../scripts/userScripts.php";
var hr = '<table align="center" width="100%"><tr valign="middle"><td width="39px"><img border="0" src="images/hrLeft.png"></td><td style="background-repeat:repeat-x; background-image:url(images/hrCenter.png)"></td><td width="39px"><img border="0" src="images/hrRight.png"></td></tr></table>';

document.observe("dom:loaded", function() {
	// actions to be taken on dom:loaded
//	checHash();
});

function checHash(){
	if($('apDiv1') != null){
//		$('apDiv1').insert("checking Hash...<br>");
		myHash = location.hash.replace(/^\#/, '').split("&"); // remove the # from the beginning, and break into the statements
		manId = null;
		for(var i=0; i < myHash.length; i++){
			eval(myHash[i].replace(/\%22/g,'\"')); // convert to variables	
		}
		try{if(direct == true){ 
			navSelect(viewarea,catid,manId);
			panelsArray = $(Accordion1.getPanels());
			//selPanel = panelsArray.find(function(s){return s.innerHTML.match(viewarea+"\',\'"+catid+"\'")!=null?true:false;}).identify();
			selPanel = null;
			panelsArray.each(function(s){
				var test = s.innerHTML.match(viewarea+"\',\'"+catid+"\'");
				if(test != null){
					selPanel = s;
					throw $break;
				}
			});
			Accordion1.openPanel(selPanel);
			//if idItem present nav to it
			if(idItem != null){
				showItem(idItem);
			}
		} }catch(e){}// if hash contains a direct statement, load the ajax
	}
}
function populateNav(elId){
	ajaxRequest(scriptHttp, elId, 'action=populateNav');
}

function navSelect(elId, idCategories, idMan){
	vars = 'idCategories='+idCategories;
	vars += (idMan != null) ? '&idMan='+idMan : '';
	//show ...working...
	$(elId).update("<span id='working' class='working'><table width='100%' align='center'><tr><td><img src='../images/loading.gif'></td></tr></table></span>");
	var hashString = "direct=true&viewarea=\""+elId+"\"&catid=\""+idCategories+"\"";
	if(idMan != null){ hashString += "&manId="+idMan; }
	location.hash = hashString;
	
	catid = idCategories;
	
	new Ajax.Request('scripts/getItemsForCatJSON.php', {
		method: 'post',
		asynchronous: false,
		parameters: vars,
		onSuccess: function(t){
			var itemList = t.responseJSON;
			//display category info
			template1 = new Template($('apCatDisplay').innerHTML);
			$(elId).update(template1.evaluate(itemList));
			
			// create template for each item
			var tempString = $('apItemList').innerHTML.replace(/\%7b/gi,'\{').replace(/\%7d/gi,'\}');
			template2 = new Template(tempString);			
			itemList.items.each(function(s,ix){
				s.msrp = s.msrp.toFixed(2);
				s.salePrice = s.salePrice.toFixed(2);
				$('itemsTable').insert(template2.evaluate(s));
			})
			$$('#itemsTable > tbody:nth-child(odd) > tr').each(function(s){ s.addClassName("odd"); });
			// setup crumbtrail
			ctul = $('crumbTrailUL');
			ctulItems = $$('#crumbTrailUL li');
			ctulItems.each( function(s,ix){ if(ix > 0){ s.remove(); } } ); // remove all elements but the first root element
			catString = "'contentSpan',"+idCategories;
			ctul.insert("<li><img src=\"images/crumb.gif\" style=\"border:none\"><span onClick=\"navSelect("+catString+")\" class=\"link\">"+itemList.category.name+"</span></li>");
			if(idMan!=null){
				catString += ","+idMan;
				ctul.insert("<li><img src=\"images/crumb.gif\" style=\"border:none\"><span onClick=\"navSelect("+catString+")\" class=\"link\">"+itemList.items[0].manName+"</span></li>");
			}
			$('crumbTrail').show();			

		}
	});	
}

function showItem(itemId){
	elId = "contentSpan";
	vars = 'idItem='+itemId;
	//show ...working...
	$(elId).update("<span id='working' class='working'><table width='100%' align='center'><tr><td><img src='../images/loading.gif'></td></tr></table></span>");
	$('apDiv1').insert("<hr>set ... working icon<br>");
	location.hash = "direct=true&viewarea=\""+elId+"\"&catid=\""+catid+"\"&idItem=\""+itemId+"\"";
	$('apDiv1').insert("set location.hash - catid="+catid+"<br>");
	
	new Ajax.Request('scripts/getItemJSON.php', {
		method: 'post',
		asynchronous: false,
		parameters: vars,
		onSuccess: function(t){
			var itemData = t.responseJSON;
			// create crumb trail
			if($('ctItem') != null){ $('ctItem').remove(); }
			$('crumbTrailUL').insert("<li id='ctItem'><img src=\"images/crumb.gif\" style=\"border:none\">"+itemData.item_Name+"</li>");
			// create template for each item
			itemData.save = itemData.save.toFixed(2);
			var tempString = $('apItemDisplay').innerHTML.replace(/\%7b/gi,'\{').replace(/\%7d/gi,'\}');
			var template = new Template(tempString);
			//display item
			$('contentSpan').update(template.evaluate(itemData));
			// add documents to 'itemDocs'
			itemData.datasheets.each(function(s,ix){
											  $('itemDocs').insert('<div class="itemDatasheet"><a href="'+s.ds_location+'" target="_new" alt=""><img src="images/document.png" alt="document"><br>'+s.ds_description+'</a></div>');
											  });
			//add tabs to 'itemTabArea'
			itemData.tabs.each(function(s,ix){
											$('itemTabArea').insert('<dt>'+s.tab_name+'</dt><dd>'+s.tab_text+'</dd>');
										});
			// initiate tabricator on tabs
			tabricator1 = new Tabricator('itemTabArea', 'DT');

		}
	});	
}

function addToCart(idItem){
	alert("not yet implemented"	);
}