function cbi(image, id) {
	var element = document.getElementById("menu-item-" + id);
	if(image==1)
		element.style.backgroundImage = "url(img/bg-menu-selected.png)";
	else
		element.style.backgroundImage = "url(img/bg-menu.png)";
	var element2 = document.getElementById("menu-item-text-" + id);
	if(image==1) {	element2.style.color = "#fffffd";}
	else {	element2.style.color = "#808080";}
}
var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;
function mopen(id)
{	
	mcancelclosetime();
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';
}
function mclose() {if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';cbi(0, '2');}
function mclosetime() {closetimer = window.setTimeout(mclose, timeout);}
function mcancelclosetime() {if(closetimer) {window.clearTimeout(closetimer);closetimer = null;	} }
document.onclick = mclose; 

var portfolio_next = 2;
function clearimg()
{
	document.getElementById('port_dot_1').src='/img/dot2.png';
	document.getElementById('port_dot_2').src='/img/dot2.png';
	document.getElementById('port_dot_3').src='/img/dot2.png';
	document.getElementById('port_dot_4').src='/img/dot2.png';
	document.getElementById('port_dot_5').src='/img/dot2.png';
	document.getElementById('port_dot_6').src='/img/dot2.png';
}

function setimg(n) {
	clearimg();
	document.getElementById('port_img').src='/img/porfolio/' + n + '.jpg';
	document.getElementById('port_dot_' + n).src='/img/dot1.png';
	portfolio_next = n + 1;
	if(portfolio_next == 7)
		portfolio_next = 1;
}

function nextimg() {
	setimg(portfolio_next);
}