//information structure for toggles (nav and adv search)
var togglesInfo = 
	{
		'nav':
		{
			'img': { 'opened':'', 'closed':'' },
			'quickSearch': { 'state':1 },
			'department': { 'state':0 },
			'brand': { 'state':0 },
			'category': { 'state':0 },
			'basket': { 'state':0 }
		},
		'advSearch':
		{
			'img': { 'opened':'', 'closed':'' },
			'department': { 'state':0 },
			'brand': { 'state':0 },
			'category': { 'state':0 },
			'priceRange': { 'state':0 }
		},
		'updatePage':''
	};

function recordToggle(toggle, value, updatePage)
{
	var ifrm = document.getElementById('ifNavCom');
	ifrm.src = updatePage + "?tg=" + toggle + "&v=" + value;
}
//initialises page with remembered nav open/close states
function showSelectedNavToggles(ti)
{
	if (ti.quickSearch.state == 1) { showNavToggleContent('NavQuickSearch', ti.img.opened); } else { hideNavToggleContent('NavQuickSearch', ti.img.closed); }
	if (ti.department.state == 1) { showNavToggleContent('NavDepartment', ti.img.opened); } else { hideNavToggleContent('NavDepartment', ti.img.closed); }
	if (ti.brand.state == 1) { showNavToggleContent('NavBrand', ti.img.opened); } else { hideNavToggleContent('NavBrand', ti.img.closed); }
	if (ti.category.state == 1) { showNavToggleContent('NavCategory', ti.img.opened); } else { hideNavToggleContent('NavCategory', ti.img.closed); }
//	if (ti.basket.state == 1) { showNavToggleContent('NavBasket', ti.img.opened); } else { hideNavToggleContent('NavBasket', ti.img.closed); }
}
function toggleNavContent(area, ti, tni, record)
{
//	if (document.getElementById('toggle' + area + 'Content').style.visibility == 'visible')
	if (ti.state == 1)
	{
		hideNavToggleContent(area, tni.img.closed);
		ti.state = 0;
		if (record && tni.updatePage != '') { recordToggle(area, 0, tni.updatePage); }
	}
	else
	{
		showNavToggleContent(area, tni.img.opened);
		ti.state = 1;
		if (record && tni.updatePage != '') { recordToggle(area, 1, tni.updatePage); }
	}
}
function showNavToggleContent(area, toggleBackgroundImg)
{
	var toggle = document.getElementById('toggle' + area + 'Button');
	var content = document.getElementById('toggle' + area + 'Content');
	var bottom = document.getElementById('toggle' + area + 'Bottom');
		
	toggle.style.backgroundImage = 'url(' + toggleBackgroundImg + ')';//{##path(images_template)##}toggle_minus.gif)';

	content.style.visibility = "visible";
	content.style.display = "block";
	
	bottom.style.visibility = "visible";
	bottom.style.display = "block";
}
function hideNavToggleContent(area, toggleBackgroundImg)
{
	var toggle = document.getElementById('toggle' + area + 'Button');
	var content = document.getElementById('toggle' + area + 'Content');
	var bottom = document.getElementById('toggle' + area + 'Bottom');

	toggle.style.backgroundImage = 'url(' + toggleBackgroundImg + ')';//{##path(images_template)##}toggle_plus.gif)';
	
	content.style.visibility = "hidden";
	content.style.display = "none";
	
	bottom.style.visibility = "hidden";
	bottom.style.display = "none";
}