positionMenu = false;

function switchClass( id, mode ) {
    var domId, nc, bro, obj, broj;
    domId = "zone" + id;
    obj = document.getElementById(domId);
   	but = document.getElementById("but"+id);
    if (mode == '+') {
    	obj.className = "etenduz"+id;
    	but.className = "butm";
    }
    else
    	obj.className = "hidden";
}
    
function deplieHome( num ) {
    var i, opt;
    for ( i = 1; i <= 3; i++ ) {
        opt =  (i == num) ? '+' : '-';
        switchClass( i, opt );
    }
}

function replieHome() {
	var domId, obj, but;
	for (var i=1;i<=3;i++) {
		domId = "zone"+i;
		obj = document.getElementById(domId);
		obj.className = domId;
		but = document.getElementById("but"+i);
		but.className = "butp"+i;
	}
}

function chooseWTD ( id ) {
	if (positionMenu)
		replieHome( id );
	else
		deplieHome( id );
	positionMenu = (positionMenu)? false : true;
}


function showSub( i ) {
	domId = "suitezone"+i;
	obj = document.getElementById(domId);
	obj.className = domId;
	for (j=1;j<=3;j++) {
		if (j != i )
			delSub(j);
	}
}

function delSub( i ) {
	domId = "suitezone"+i;
	obj = document.getElementById(domId);
	obj.className = "suite_off";
}