var lastmenu = 0;
var menuint = 0;
var obj2 = 0;
var mlh = "";
var menuAnimationInProgress = false;;

function showMenu(obj) {
	if (!jQuery.support.opacity) return _showMenu(obj);
	menuid = parseInt(obj.attr("id").replace("menu", ""));
	lastmenu = menuid;
	obj.find("div").first().css("opacity", 0);
	obj.find("div").first().css("display", "block");
	obj.find("a").first().attr("class", "active");
	menuAnimationInProgress = true;
	mls  = new OpacityTween(obj.find("div").first().get(0),Tween.strongEaseIn,0,100,0.25);
	mls.onMotionFinished = function () {menuAnimationInProgress = false;  if (obj.find("div").first().css("display") != "none") { obj.find("div").first().css("opacity", 1); obj.find("div").first().css("display", "block");} else {obj.find("div").first().css("opacity", 0);} };
	mls.start();

}

function hideMenu(obj) {
	if (!jQuery.support.opacity) return _hideMenu(obj);
	menuid = parseInt(obj.attr("id").replace("menu", ""));
	obj.find("a").first().attr("class", "");
	obj.find("div").first().css("opacity", 0); obj.find("div").first().css("display", "none"); menuState[menuid] = 0;
	return false;
}

function _showMenu(obj) {
	menuid = parseInt(obj.attr("id").replace("menu", ""));
	lastmenu = menuid;
	obj.find("div").first().css("display", "block");
	obj.find("a").first().attr("class", "active");
}

function _hideMenu(obj) {
	menuid = parseInt(obj.attr("id").replace("menu", ""));
	obj.find("a").first().attr("class", "");
	obj.find("div").first().css("display", "none"); 
}

function filterByMarket(obj) {
	x = obj.id.split("_");
	id = parseInt(x[1]);
	mk = [];
	mk[0] = id;

	ps = [];
	for (k=0; k < products.length; k ++ )
	{
		for (s=0; s < products[k].markets.length; s ++ )
		{
			if (markets[id].id == products[k].markets[s]) {
				ps[ps.length] = k;
				break;
			}
		}
	}

	updateProductsMenu(mk, ps);
	
}







function filterByProduct(obj) {

	x = obj.id.split("_");
	id = parseInt(x[1]);
	
	mk = [];
		for (k=0; k < products[id].markets.length; k ++ )
		{
			for (i=0; i<markets.length;i++ ) {
				if (markets[i].id == products[id].markets[k]) {
					mk[mk.length] = i;
					break;
				}
			}
		}

	ps = [];
	ps[0] = id;
	updateProductsMenu(mk,ps);
	
}

function showProduct(obj) {
	x = obj.id.split("_");
	id = parseInt(x[1]);

	$('#productmenucategory').html(products[id].category);
	$('#productmenuimage').attr('src',products[id].image);
	$('#productmenutitle').html(products[id].name);
	$('#productmenudesc').html(products[id].summary);

}


function showMarket(obj) {
	x = obj.id.split("_");
	id = parseInt(x[1]);

	$('#marketmenuimage').attr('src',markets[id].image);
	$('#marketmenutitle').html(markets[id].name);
	$('#marketmenudesc').html(markets[id].description);

}

function updateProductsMenu(mk, prods) {
	for (i=0; i<markets.length;i++ ){
		$("#market_" + i).attr("class", "");
		$("#market2_" + i).attr("class", "");
	}
	for (i=0; i<mk.length;i++ )
	{
		$("#market_" + mk[i]).attr("class", "active");
		$("#market2_" + mk[i]).attr("class", "active");
	}

	for (i=0; i<products.length;i++ ){
		$("#product_" + i).attr("class", "");
		$("#product2_" + i).attr("class", "");
	}
	for (i=0; i<prods.length;i++ )
	{
		$("#product_" + prods[i]).attr("class", "active");
		$("#product2_" + prods[i]).attr("class", "active");
	}


}


function getMarketMenu() {
	txt = '<div style="width: 90px; color: #888; font-size: 15px; padding-top: 13px">PRODUCTS</div>';

	txt += '<div style="width: 140px;">';
for (i=0; i<products.length ;i++ ){
	txt += '									<a onmouseover="filterByProduct(this)" id="product2_'+i+'" href="index.php?s=products&o=product&id='+products[i].id+'">'+products[i].name+'</a>';
}
txt += '								</div>';
txt += '								<div style="width: 150px;">';
for (i=0; i<markets.length ;i++ ){
	txt += '									<a onmouseover="filterByMarket(this); showMarket(this);" id="market2_'+i+'" href="index.php?s=products&o=market&id='+markets[i].id+'">'+markets[i].name+'</a>';
}
txt += '								</div>';
	txt += '<div style="width: 200px;">';
txt += '									<h1 id="marketmenutitle">'+markets[0].name+'</h1>';
txt += '									<img  width="120" id="marketmenuimage" src="'+markets[0].image+'" id="marketmenuimage">';
txt += '									<span id="marketmenudesc" class="description">'+markets[0].description+'</span>';
txt += '								</div>';
return txt;
}

function getProductMenu() {
	txt = '<div style="width: 80px; color: #888; font-size: 15px; padding-top: 13px">MARKETS</div>';
	txt += '<div style="width: 140px;">';
	for (i=0; i<markets.length ;i++ ){
		txt += '									<a onmouseover="filterByMarket(this);" id="market_'+i+'" href="index.php?s=products&o=market&id='+markets[i].id+'">'+markets[i].name+'</a>';
	}
	txt += '</div>';
	txt += '<div style="width: 160px;" class="products">';
	for (i=0; i<products.length ;i++ ){
		txt += '									<a onmouseover="filterByProduct(this); showProduct(this);" id="product_'+i+'" href="index.php?s=products&o=product&id='+products[i].id+'">'+products[i].name+'</a>';
	}
	txt += '</div>';
	txt += '<div style="width: 200px;">';
	txt += '<h1 id="productmenucategory">'+products[0].category+'</h1>';
	txt += '<h2 id="productmenutitle">'+products[0].name+'</h2>';
	txt += '<img width="120" src="'+products[0].image+'" id="productmenuimage">';
	txt += '<span class="description" id="productmenudesc">'+products[0].summary+'</span>';
	txt += '</div>';
	return txt;
}