var usableviewport = document.viewport.getDimensions();
var usablewidth = usableviewport.width;
var usableheight = usableviewport.height;


var hidingactive = true;
if (usableheight >= 730) hidingactive = false;


var mmtarget = 0;
var mmstatus = 0;
var mmanimating = false;
var mmhidetimer = 0;

function showMainMenu() {
	mmtarget = 1;
	if (mmhidetimer) clearTimeout(mmhidetimer);
	animateCategoryMenu();
	animateMainMenu();
}

function hideMainMenu() {
	if (hidingactive) {
		if (mmhidetimer) clearTimeout(mmhidetimer);
		mmhidetimer = setTimeout('hideMainMenu2()',200);
	}
}

function hideMainMenu2() {
	mmtarget = 0;
	animateCategoryMenu();
	animateMainMenu();
}

function animateMainMenu() {
	if (mmanimating == false) {
		if (mmstatus == 0 && mmtarget == 1) {
			mmanimating = true;
			new Effect.BlindDown('mainmenu', {duration: 0.3, afterFinish: function(){mmanimating=false;mmstatus = 1;}});
			/*var o = document.getElementById('categorymenu');
			if (o) {
				cmanimating = true;
				new Effect.Morph('categorymenu', {duration: 0.3, style: 'height: 129px;', afterFinish: function(){cmanimating=false;mmstatus = 1;}});
			}*/
		}
		if (mmstatus == 1 && mmtarget == 0) {
			mmanimating = true;
			new Effect.BlindUp('mainmenu', {duration: 0.45, afterFinish: function(){mmanimating=false;mmstatus = 0;}});
			/*var o = document.getElementById('categorymenu');
			if (o) {
				cmanimating = true;
				new Effect.Morph('categorymenu', {duration: 0.45, style: 'height: 12px;', afterFinish: function(){cmanimating=false;mmstatus = 0;}});
			}*/
		}
	}
}

var cmtarget = 0;
var cmstatus = 1;
var cmanimating = false;
var cmhidetimer = false;

function showCategoryMenu() {
	cmtarget = 1;
	if (cmhidetimer) clearTimeout(cmhidetimer);
	animateCategoryMenu();
	animateMainMenu();
}

function hideCategoryMenu() {
	if (hidingactive) {
		if (cmhidetimer) clearTimeout(cmhidetimer);
		cmhidetimer = setTimeout('hideCategoryMenu2()',100);
	}
}

function hideCategoryMenu2() {
	cmtarget = 0;
	animateCategoryMenu();
	animateMainMenu();
}

function animateCategoryMenu() {
	if (cmanimating == false) {
		if (cmstatus == 0 && cmtarget == 1) {
			var o = document.getElementById('categorymenu');
			if (o) {
				cmanimating = true;
				new Effect.Morph('categorymenu', {duration: 0.25, style: 'height: 129px;', afterFinish: function(){cmanimating=false;cmstatus = 1;}});
				new Effect.Morph('categorybox', {duration: 0.25, style: 'margin-top: 0px;', afterFinish: function(){cmanimating=false;cmstatus = 1;}});
				new Effect.Morph('mainmenu', {duration: 0.25, style: 'margin-top: 0px;', afterFinish: function(){cmanimating=false;cmstatus = 1;}});
				new Effect.Morph('topbox', {duration: 0.25, style: 'margin-top: 0px;', afterFinish: function(){cmanimating=false;cmstatus = 1;}});
			}
		}
		if (cmstatus == 1 && cmtarget == 0) {
			var o = document.getElementById('categorymenu');
			if (o) {
				cmanimating = true;
				new Effect.Morph('categorymenu', {duration: 0.25, style: 'height: 12px;', afterFinish: function(){cmanimating=false;cmstatus = 0;}});
				new Effect.Morph('categorybox', {duration: 0.25, style: 'margin-top: -8px;', afterFinish: function(){cmanimating=false;cmstatus = 0;}});
				new Effect.Morph('mainmenu', {duration: 0.25, style: 'margin-top: -8px;', afterFinish: function(){cmanimating=false;cmstatus = 0;}});
				new Effect.Morph('topbox', {duration: 0.25, style: 'margin-top: -8px;', afterFinish: function(){cmanimating=false;cmstatus = 0;}});
			}
		}
	}
}


function showCartLayer() {
	document.getElementById('cartlayer').style.display = 'block';
}

function hideCartLayer() {
	document.getElementById('cartlayer').style.display = 'none';
}


function showUserLayer() {
	document.getElementById('userlayer').style.display = 'block';
}

function hideUserLayer() {
	document.getElementById('userlayer').style.display = 'none';
}


function showDescriptionLayer(cislo) {
	document.getElementById('proddesc'+cislo).style.display = 'block';
}

function hideDescriptionLayer(cislo) {
	document.getElementById('proddesc'+cislo).style.display = 'none';
}