var navGroups = new Array();
var picArray = new Array();
var iconArray = new Array();
var switchedBack = 0;
var theTimeout;

var imgServer = "http://images.dharmatrading.com";
var numImages;
var preloadedImages = new Array();
var preloadFlag = false;

var i;

function init() {
	numImages = picArray.length;
	preloadImages();
	if (numImages > 0) {
		if ( (picArray[1].src != "") && (picArray[1].src != "clear.gif") ) {
			showPic('image', 1);
		}
	}
}

function drawLnav() {
var outString = "";
var groupName = (navInclude + " ");
var qs = new Querystring();
var override = qs.get("lnav");
//if (document.location.href == "http://www.dharmatrading.com/samtest.html") {
//	alert("Groupname: " + groupName + "\n navInclude: " + navInclude + "\n override: " + override);
//}
if (override != null) {
	groupName = override;
}
var idx = 0;
if (groupName) {
	idx = groupName.indexOf(".html");
}
if (idx > 0) {
	groupName = groupName.substring(0,idx);
}
if (navGroup[groupName]) {
	var numItems = navGroup[groupName].items.length;
	//alert("navInclude=" + navInclude + "\n" + "Groupname=" + groupName);
	if (numItems > 0) {
	outString += ("<div style=\"margin-bottom:3px;\">");
	outString += ("<table id=\"lnav " + groupName + "\" width=\"149\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
	outString += ("<tr>");
	outString += ("<td colspan=\"3\"><img src=\"" + imgServer + "\/images\/eng\/display\/lnav_09.gif\" width=\"149\" height=\"5\" alt=\"\"><\/td>");
	outString += ("<\/tr>");
	outString += ("<tr>");
	outString += ("<td style=\"background-image:url(" + imgServer + "\/images\/eng\/display\/lnav_12.gif);background\-repeat:repeat-y;\">");
	outString += ("<img src=\"" + imgServer + "\/images\/eng\/general\/clear.gif\" width=\"1\" height=\"1\" alt=\"\"><\/td>");
	outString += ("<td width=\"147\" bgcolor=\"#DCE7FC\">");
	outString += ("<div style=\"margin-left:10px;margin-top:3px;margin-bottom:3px;\">");
	var numItems = navGroup[groupName].items.length;
	var i=0;
	for (i=0;i<numItems;i++) {
		outString += ("<div class=\"" + navGroup[groupName].items[i].styleclass + "area\"><A HREF=\"" + navGroup[groupName].items[i].url + "\" CLASS=\"" + navGroup[groupName].items[i].styleclass + "link\">" + navGroup[groupName].items[i].title + "<\/a><\/div>");
	}
	outString += ("<\/div>");
	outString += ("<\/td>");
	outString += ("<td style=\"background-image:url(" + imgServer + "\/images\/eng\/display\/lnav_12.gif);background\-repeat:repeat-y;\">");
	outString += ("<img src=\"" + imgServer + "\/images\/eng\/general\/clear.gif\" width=\"1\" height=\"1\" alt=\"\"><\/td>");
	outString += ("<\/tr>");
	outString += ("<tr>");
	outString += ("<td colspan=\"3\"><img src=\"" + imgServer + "\/images\/eng\/display\/lnav_14.gif\" width=\"149\" height=\"5\" alt=\"\"><\/td>");
	outString += ("<\/tr>");
	outString += ("<\/table><\/div>");
	}
} else {
	if (groupName != null) {
		//alert("navGroup not found for " + groupName);
	}
}
document.writeln(outString);
return(outString);
}

function preloadImages() {
	if (document.images) {
		Dyes_over = newImage(imgServer + "/images/eng/display/Dyes-over.gif");
		Dyes_down = newImage(imgServer + "/images/eng/display/Dyes-down.gif");
		Paints_over = newImage(imgServer + "/images/eng/display/Paints-over.gif");
		Paints_down = newImage(imgServer + "/images/eng/display/Paints-down.gif");
		Clothing_over = newImage(imgServer + "/images/eng/display/Clothing-over.gif");
		Clothing_down = newImage(imgServer + "/images/eng/display/Clothing-down.gif");
		Fabric_over = newImage(imgServer + "/images/eng/display/Fabric-over.gif");
		Fabric_down = newImage(imgServer + "/images/eng/display/Fabric-down.gif");
		Scarves_over = newImage(imgServer + "/images/eng/display/Scarves-over.gif");
		Scarves_down = newImage(imgServer + "/images/eng/display/Scarves-down.gif");
		Chemicals_over = newImage(imgServer + "/images/eng/display/Chemicals-over.gif");
		Chemicals_down = newImage(imgServer + "/images/eng/display/Chemicals-down.gif");
		Markers_Dyes_over = newImage(imgServer + "/images/eng/display/Markers-Dyes_over.gif");
		Markers_Paints_over = newImage(imgServer + "/images/eng/display/Markers-Paints_over.gif");
		Markers_Paints_down = newImage(imgServer + "/images/eng/display/Markers-Paints_down.gif");
		Markers_over = newImage(imgServer + "/images/eng/display/Markers-over.gif");
		Markers_down = newImage(imgServer + "/images/eng/display/Markers-down.gif");
		Markers_Dyes_down = newImage(imgServer + "/images/eng/display/Markers-Dyes_down.gif");
		Transfer_Products_Paints_over = newImage(imgServer + "/images/eng/display/Transfer-Products-Paints_over.gif");
		Transfer_Products_Paints_down = newImage(imgServer + "/images/eng/display/Transfer-Products-Paints_down.gif");
		Transfer_Products_Clothing_over = newImage(imgServer + "/images/eng/display/Transfer-Products-Clothing_over.gif");
		Transfer_Products_Clothing_down = newImage(imgServer + "/images/eng/display/Transfer-Products-Clothing_down.gif");
		Transfer_Products_over = newImage(imgServer + "/images/eng/display/Transfer-Products-over.gif");
		Transfer_Products_down = newImage(imgServer + "/images/eng/display/Transfer-Products-down.gif");
		Books_Clothing_over = newImage(imgServer + "/images/eng/display/Books-Clothing_over.gif");
		Books_Clothing_down = newImage(imgServer + "/images/eng/display/Books-Clothing_down.gif");
		Books_over = newImage(imgServer + "/images/eng/display/Books-over.gif");
		Books_down = newImage(imgServer + "/images/eng/display/Books-down.gif");
		Tools_Clothing_over = newImage(imgServer + "/images/eng/display/Tools-Clothing_over.gif");
		Tools_Clothing_down = newImage(imgServer + "/images/eng/display/Tools-Clothing_down.gif");
		Tools_Fabric_over = newImage(imgServer + "/images/eng/display/Tools-Fabric_over.gif");
		Tools_Fabric_down = newImage(imgServer + "/images/eng/display/Tools-Fabric_down.gif");
		Tools_over = newImage(imgServer + "/images/eng/display/Tools-over.gif");
		Tools_down = newImage(imgServer + "/images/eng/display/Tools-down.gif");
		Resists_Fabric_over = newImage(imgServer + "/images/eng/display/Resists-Fabric_over.gif");
		Resists_Fabric_down = newImage(imgServer + "/images/eng/display/Resists-Fabric_down.gif");
		Resists_Scarves_over = newImage(imgServer + "/images/eng/display/Resists-Scarves_over.gif");
		Resists_Scarves_down = newImage(imgServer + "/images/eng/display/Resists-Scarves_down.gif");
		Resists_over = newImage(imgServer + "/images/eng/display/Resists-over.gif");
		Resists_down = newImage(imgServer + "/images/eng/display/Resists-down.gif");
		Techniques_Scarves_over = newImage(imgServer + "/images/eng/display/Techniques-Scarves_over.gif");
		Techniques_Scarves_down = newImage(imgServer + "/images/eng/display/Techniques-Scarves_down.gif");
		Techniques_Chemicals_over = newImage(imgServer + "/images/eng/display/Techniques-Chemicals_over.gif");
		Techniques_Chemicals_down = newImage(imgServer + "/images/eng/display/Techniques-Chemicals_down.gif");
		Techniques_over = newImage(imgServer + "/images/eng/display/Techniques-over.gif");
		Techniques_down = newImage(imgServer + "/images/eng/display/Techniques-down.gif");
		tnav_18_Chemicals_over = newImage(imgServer + "/images/eng/display/tnav_18-Chemicals_over.gif");
		tnav_18_Chemicals_down = newImage(imgServer + "/images/eng/display/tnav_18-Chemicals_down.gif");
		ClickHereToSendYourOrder_down = newImage("/images/eng/buttons/ClickHereToSendYourOrder-anim.gif");

		
		for (i=1;i<numImages-1;i++) {
			if ( (picArray[i].src != '') && (picArray[1].src != "clear.gif") ) {
				preloadedImages[i] = newImage(imgServer + "/images/eng/products/image/" + picArray[i].src);
			}
		}
		preloadFlag = true;
	}
}



function newImage(arg) {
	if (document.images) {
			rslt = new Image();
			rslt.src = arg;
			return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

function navGroup(title) {
this.title = title;
this.items = new Array();
}

function navItem(title, url, styleclass) {
this.title = title;
this.url = url;
this.styleclass = styleclass;
}