<!--
/*
**************  TAB NAVIGATION  **************
*/

var arrSections = ['intro', 'video', 'steps', 'shop', 'feedback'];

function changeSection(whichSection) {
	hideAll();
	var strTab = whichSection + 'Tab';
	var strTable = whichSection + 'Table';
	
	document.getElementById(strTab).innerHTML = '<img src=\"/images/howto_' + whichSection + '_selected.gif\" width=\"76\" height=\"26\" border=\"0\">';
	
	strStyle = document.getElementById(strTable).style;
	strStyle.display = '';
}

function hideAll() {
	for (var i=0; i < arrSections.length; i++) { 
		var strTab = arrSections[i] + 'Tab';
		var strTable = arrSections[i] + 'Table';
		
		document.getElementById(strTab).innerHTML = '<a href=\"javascript:;\" \onClick=\"changeSection(\'' + arrSections[i] + '\')"><img src=\"/images/howto_' + arrSections[i] + '.gif\" width=\"76\" height=\"26\" border=\"0\"></a>';

		strStyle = document.getElementById(strTable).style;
		strStyle.display = 'none';
	} 
}

function activateVideo() {
	changeSection('video');
}

/*
**************  BREAD CRUMB NAVIGATION  **************
*/

var parent1 = '';
var child1 = '';
var parent2 = '';
var strBreadCrumb = '';

var arrURL = document.location.href.split('?');
if(arrURL.length > 1) {
	var arrTmp = arrURL[1].split('&');
	for(var x=0; x < arrTmp.length; x++) {
		var tmp = arrTmp[x].split('=');
		eval('var ' + unescape(tmp[0]) + '=\'' + unescape(tmp[1]) + '\'');
	}
}

strBreadCrumb = '<a href=\"/index.asp\">Home</a> :: '
if(parent1 != '' && child1 != '') {
	strBreadCrumb += '<a href=\"/module_list.asp?parent1=' + escape(parent1) + '&child1=' + escape(child1) + '&parent2=' + escape(parent2) + '\">' + parent1 + ' - ' + child1 + '</a> :: ';
}
strBreadCrumb += strTutTitle;
//-->