var navLabel = '';
var navHref = '';
var sep = '$#';

function jvsh_showNavigation()
{
	var navCell		= document.getElementById('htcNavigation');
	var anchorText;

	if (navLabel!=null && navCell!=null && navHref!=null)
	{
		var labels	= navLabel.split(sep);
		var hrefs	= navHref.split(sep);
		
		if (hrefs.length == 0)
			navCell.innerHTML = " ";
		else
		{
			navCell.innerHTML = "";
			for (var i=0;i<hrefs.length - 1;i++)
			{
				anchorText		= labels[i];
				if (typeof(anchorText)=='undefined') 
					anchorText = '';
				else if (anchorText.length > 40)
					anchorText	= anchorText.substring(0, 38) + "...";
				
				if (i > 0)
					navCell.innerHTML += "&nbsp;|";
				navCell.innerHTML += "&nbsp;<a target=\"contentIframe\" onclick=\"jvsh_rollBackHistory(" + i + ")\" href=\"" + hrefs[i] + "\" title=\"" + labels[i] + "\">" + anchorText + "</a>"
			}
			
			if (hrefs.length > 1)
					navCell.innerHTML += "&nbsp;|";
				navCell.innerHTML += "&nbsp;<u>" + labels[hrefs.length - 1] + "</u>";
		}
	}
}

function jvsh_rollBackHistory(index)
{
	navLabel	= jvsh_resize(navLabel, sep, index + 1);
	navHref	= jvsh_resize(navHref, sep, index + 1);
	jvsh_showNavigation();
}

function jvsh_resize(text, separator, size)
{
	var separatorIndex = 0;
	
	if (size == 0)
		return "";
	
	for (var i=size; i > 0 && separatorIndex >= 0; i--)
		separatorIndex	= text.indexOf(separator, separatorIndex + 1)
		
	return separatorIndex >= 0 ? text.substr(0, separatorIndex) : "";
}

function jvsh_addHistory(label, href)
{
	navLabel	= j_AddToEnd(navLabel, sep, label);
	navHref	= j_AddToEnd(navHref, sep, href);
}

var lastLeftMenu = null;
var lastLeftMenuItem = null;

function jvsh_onClickHeaderMenu(id, label, href)
{
	var leftMenu = document.getElementById('ul' + id);
	
	if (leftMenu != null && leftMenu != lastLeftMenu)
	{
		lastLeftMenuItem = null;
		leftMenu.style.display = 'block';
		if (lastLeftMenu != null)
			lastLeftMenu.style.display = 'none';
		lastLeftMenu = leftMenu;
	}	
	navLabel = '';
	navHref	= '';
	
	jvsh_addHistory(label, href);
	jvsh_showNavigation();
}

function jvsh_onClickLeftMenu(anchor, parentLabel, parentHref)
{
	if (anchor != lastLeftMenuItem)
	{
		anchor.parentElement.className = 'leftmenuitemsel';
		if (lastLeftMenuItem != null)
			lastLeftMenuItem.parentElement.className = 'leftmenuitem';

		lastLeftMenuItem = anchor;
	}
	navLabel = '';
	navHref	= '';
	
	jvsh_addHistory(parentLabel, parentHref);
	jvsh_addHistory(anchor.innerText, anchor.href);
	jvsh_showNavigation();
}

function jvsh_frameResize()
{
	try
	{
		var	iHeight;
		var	wnd;
		var	frame;
		frame = document.getElementById('contentIframe');
		wnd = frame.contentWindow;
		
		iHeight			= wnd.document.body.scrollHeight;

		if (frame.clientHeight != iHeight)
		{
			if (iHeight > 300)
				frame.style.height	= iHeight + 'px';
			else
				frame.style.height	= '300px';
		}
	}
	catch (e)
	{
	}
}

function jvsh_search()
{
    var searchTextbox = document.getElementById("sbText");
    var countCell = document.getElementById("sbCount");
   
   if (searchTextbox &&  countCell)
   {
        var searchText = searchTextbox.value;
        var url = "";
        
        if (searchText.length > 0)
        {
            searchText = searchText.replace('/', '^');
            url = "../Assortiment/VSHFlowControl/Zoek/" + encodeURIComponent(searchText) + ".aspx";
            document.getElementById("contentIframe").src = url;
        }
   }
   
   return false;
}