// JavaScript Document
var qsParm = new Array();
var query = window.location.search.substring(1);
var parms = query.split('&');
var query_string = '';
if(query == 'print'){
	query_string = '?print';
}else{
	for(var i = 0; i < parms.length; i++) {
		if(parms[i] == 'print'){
			query_string = '?print';
		}else{
			var pos = parms[i].indexOf('=');
			if (pos > 0) {
				var key = parms[i].substring(0,pos);
				var val = parms[i].substring(pos+1);
				if(key == 'print'){
					query_string = '?print';
				}
			}
		}
	}
}


function show_category(category_name) {

	var html = '';
//	html = '<div class="subtitle"><div class="subtitleParts">';
//	html += '<h3>Position of Environmentally Conscious Products</h3>';
//	html += '</div></div>';
	
	for(i = 0; i < category_sort.length; i++) {
		if(i % 2 == 0) {
			html += '<div id="menuList">';
			html += '<ul class="menu">';
		}
		html += '<li id="cate'+category_sort[i]+'" class="link"><a href="javascript:change_category(\''+category_sort[i]+'\')">'+category[category_sort[i]]+'</a></li>';
		if(i % 2 == 1) {
			html += '<br class="clear">';
			html += '</ul>';
			html += '</div>';
		}
	}
	if(i % 2 == 1) {
		html += '<br class="clear">';
		html += '</ul>';
		html += '</div>';
	}
	html += '<div id="eproductslist"></div>';

	document.write(html);

	change_category(category_name);

}

function change_category(category_name) {

	for(var i = 0; i < category_sort.length; i++){
		if(category_sort[i] == category_name){
			$("#cate"+category_sort[i]).addClass("crnt");
			$("#cate"+category_sort[i]).removeClass("link");
			$("#cate"+category_sort[i]).html($("#cate"+category_sort[i]).text());
		}else{
			$("#cate"+category_sort[i]).addClass("link");
			$("#cate"+category_sort[i]).removeClass("crnt");
			$("#cate"+category_sort[i]).html('<a href="javascript:change_category(\''+category_sort[i]+'\')">'+$("#cate"+category_sort[i]).text()+'</a>');
		}
	}

	var html;
	if(!category_name) {
		category_name = category_sort[0];
	}

	html = '<div id="category'+category_name+'">';
	html += '<ul class="factory">';
	for(var i = 0; i < product_link[category_name].length; i++) {
		html += '<li><a href="'+product_link[category_name][i]+query_string+'">'+product_name[category_name][i]+'</a></li>';
	}
	html += '</ul>';
	html += '</div>';

	$('#eproductslist').html(html);

}
