var portfolio;
var isOpen;

isOpen = false;

function checkAll(id, elements, is_checked) {
	var range = document.getElementById(id);
	var inputs = range.getElementsByTagName("input");
	for (i = 1; i < inputs.length; i++) {
		if (inputs[i].name == elements) {
			inputs[i].checked = is_checked;
		}
	}
}

function getElement(x) {
	return document.getElementById(x)
}

function show() {
	port = getElement('portfolio');
	port.className = 'nav_visible';
}

function hide(theValue) {
	if (theValue == false) {
		port = getElement('portfolio');
		port.className = 'nav_hidden';
		isOpen = false;
	} else {
		isOpen = true;
	}
}

function navOver(item) {
	var img = eval('document.' + item.name + '_i');
	img.className = 'visible';
	item.className = 'navItem_over';
	
	if (isOpen) {
		hide(false);
	}
}

function navOver2(item) {
	var img = eval('document.' + item.name + '_i');
	img.className = 'visible';
	item.className = 'navItem_over';
	timerID = 0;
}

function navOut(item) {
	var img = eval('document.' + item.name + '_i');
	img.className = 'hidden';
	item.className = 'navItem';
}

function navOver3(item) {
	var img = eval('document.' + item.name + '_i');
	img.className = 'visible';
	item.className = 'navItem_over';
	
	isOpen = true;
	
	var mWidth, mHeight;
	mHeight = 100;
	mWidth = 200;
	
	port = getElement('portfolio');
	port.className = 'nav_visible';
	port.style.left =  mWidth + 'px';
	port.style.top = mHeight + 'px';
}

function navOut3(item) {
	var img = eval('document.' + item.name + '_i');
	img.className = 'hidden';
	item.className = 'navItem';
}