//brzina padanja menija, stavi na puno(vece od visine menija) ako neces animirano padanje
animate_speed = 12;
//delay prije dropanja
drop_delay = 100;
//delay prija uvlacenja
hide_delay = 200;
//ako se pri nekim velicinama prozora ne pozicioniraju ispravno pri centriranju treba malo prilagoditi ili bolje izmjeriti page_width odnosno page_height
//cini se da je razlika izmedju
horizontalno_centrirano = 1; 				//1 za centriranje, 0 za apsolutno
vertikalno_centrirano = 0; 					//1 za centriranje, 0 za apsolutno

		page_width = 762; 							//sirina stranice + mozebitne nekakve margine, uglavno sirina izmedju bordera i scrollbara, obavezno postaviti ako je ukljuceno horizontalno centriranje
		page_height = 500; 							//visina stranice + mozebitne nekakve margine, obavezno postaviti ako je ukljuceno vertikalno centriranje

timeout_ID = new Array();

//koristi ID od layera/diva za index, kao sto je dole ucinjeno

function position(meni) {
if (document.getElementById) {
			document.getElementById(meni).style.clip = "rect(" + document.getElementById(meni).style.height + "auto 0 auto)";
			document.getElementById(meni).style.visibility="visible";
			if (horizontalno_centrirano) {
				document.getElementById(meni).style.left = ((document.body.clientWidth>page_width) ? document.body.clientWidth/2 + Xkoordinate[meni] : page_width/2 + Xkoordinate[meni]) + "px";
			}	else {
				document.getElementById(meni).style.left = Xkoordinate[meni] + "px";
			}
			if (vertikalno_centrirano)
					document.getElementById(meni).style.top = ((document.body.clientHeight>page_height) ? document.body.clientHeight/2 + Ykoordinate[meni] : page_height/2 + Ykoordinate[meni]) - parseInt(document.getElementById(meni).style.height) + "px"
					else
					document.getElementById(meni).style.top = Ykoordinate[meni] - parseInt(document.getElementById(meni).style.height) + "px";
} else if (document.all) {
			document.all(meni).style.clip = "rect(" + document.all(meni).style.height + "auto 0 auto)";
			document.all(meni).style.visibility="visible";
			if (horizontalno_centrirano) {
				alert("centr");
				document.all(meni).style.left = (document.body.clientWidth>page_width) ? document.body.clientWidth/2 + Xkoordinate[meni] : page_width/2 + Xkoordinate[meni];
			}	else {
				document.all(meni).style.left = Xkoordinate[meni];
			}
			if (vertikalno_centrirano)
					document.all(meni).style.top = ((document.body.clientHeight>page_height) ? document.body.clientHeight/2 + Ykoordinate[meni] : page_height/2 + Ykoordinate[meni]) - parseInt(document.all(meni).style.height)
					else
					document.all(meni).style.top = Ykoordinate[meni] - parseInt(document.all(meni).style.height);
} else if (document.layers) {
			document.layers[meni].clip.top = layer_height[meni]; 
			document.layers[meni].visibility = "show";
			if (horizontalno_centrirano)
					document.layers[meni].left = ((window.innerWidth>page_width) ? window.innerWidth/2 + Xkoordinate[meni] : page_width/2 + Xkoordinate[meni]) - 9
					else
					document.layers[meni].left = (Xkoordinate[meni]);
			if (vertikalno_centrirano)
					document.layers[meni].top = ((window.innerHeight>page_height) ? window.innerHeight/2 + Ykoordinate[meni] : page_height/2 + Ykoordinate[meni]) - layer_height[meni]
					else
					document.layers[meni].top = Ykoordinate[meni] + 3 - layer_height[meni];
}	
}


function drop_animate(meni) {
if (document.getElementById) {
	if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);
	if (parseInt(document.getElementById(meni).currentStyle.clipTop) > animate_speed) {
			document.getElementById(meni).style.clip = "rect("+(parseInt(document.getElementById(meni).currentStyle.clipTop) - animate_speed)+" auto auto auto)";
			document.getElementById(meni).style.top = parseInt(document.getElementById(meni).style.top) + animate_speed + "px";
			timeout_ID[meni] = setTimeout("drop_animate('" + meni + "')", 10);
	} else {
			document.getElementById(meni).style.top = parseInt(document.getElementById(meni).style.top) + parseInt(document.getElementById(meni).currentStyle.clipTop)  + "px";
			document.getElementById(meni).style.clip = "rect(0 auto auto auto)";
	}
} else if (document.all) {
	if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);
	
			if (parseInt(document.all(meni).currentStyle.clipTop) > animate_speed) {
					document.all(meni).style.clip = "rect("+(parseInt(document.all(meni).currentStyle.clipTop) - animate_speed)+" auto auto auto)";
					document.all(meni).style.top = parseInt(document.all(meni).style.top) + animate_speed;
					timeout_ID[meni] = setTimeout("drop_animate('" + meni + "')", 10);
			} else {
					document.all(meni).style.top = parseInt(document.all(meni).style.top) + parseInt(document.all(meni).currentStyle.clipTop);
					document.all(meni).style.clip = "rect(0 auto auto auto)";
			}
} else if (document.layers) {
	if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);
			if (document.layers[meni].clip.top > animate_speed) {
					document.layers[meni].clip.top -= animate_speed;
					document.layers[meni].top += animate_speed;
					timeout_ID[meni] = setTimeout('drop_animate("' + meni + '")', 10);
			} else {
					document.layers[meni].top += document.layers[meni].clip.top;
					document.layers[meni].clip.top = 0;
			}
}
}


function pull_animate(meni) {
if (document.getElementById) {
	if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);
	if (parseInt(document.getElementById(meni).currentStyle.clipTop) < parseInt(document.getElementById(meni).style.height) - animate_speed) {
			document.getElementById(meni).style.clip = "rect("+(parseInt(document.getElementById(meni).currentStyle.clipTop) + animate_speed)+" auto auto auto)";
			document.getElementById(meni).style.top = parseInt(document.getElementById(meni).style.top) - animate_speed  + "px";
			timeout_ID[meni] = setTimeout("pull_animate('" + meni + "')",  8);
	} else {
			document.getElementById(meni).style.top = parseInt(document.getElementById(meni).style.top) - parseInt(document.getElementById(meni).style.height) + parseInt(document.getElementById(meni).currentStyle.clipTop)  + "px";
			document.getElementById(meni).style.clip = "rect(" + document.getElementById(meni).style.height + "auto auto auto)";
	}
} else if (document.all) {
	if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);

			if (parseInt(document.all(meni).currentStyle.clipTop) < parseInt(document.all(meni).style.height) - animate_speed) {
					document.all(meni).style.clip = "rect("+(parseInt(document.all(meni).currentStyle.clipTop) + animate_speed)+" auto auto auto)";
					document.all(meni).style.top = parseInt(document.all(meni).style.top) - animate_speed;
					timeout_ID[meni] = setTimeout("pull_animate('" + meni + "')",  8);
			} else {
					document.all(meni).style.top = parseInt(document.all(meni).style.top) - parseInt(document.all(meni).style.height) + parseInt(document.all(meni).currentStyle.clipTop);
					document.all(meni).style.clip = "rect(" + document.all(meni).style.height + "auto auto auto)";
			}
	
} else if (document.layers) {
	if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);
			if (document.layers[meni].clip.top < layer_height[meni] - animate_speed) {
					document.layers[meni].clip.top += animate_speed;
					document.layers[meni].top -= animate_speed;
					timeout_ID[meni] = setTimeout('pull_animate("' + meni + '")', 8);
			} else {
					document.layers[meni].top -= layer_height[meni] - document.layers[meni].clip.top;
					document.layers[meni].clip.top = layer_height[meni];
			}
}
}


function show_internal(meni) {
if (document.getElementById) {
	if (parseInt(document.getElementById(meni).currentStyle.clipTop) == parseInt(document.getElementById(meni).style.height)) {
		if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);
		timeout_ID[meni] = setTimeout("drop_animate('" + meni + "')", drop_delay);
	} else {
		drop_animate(meni);
	}
} else if (document.all) {

			if (parseInt(document.all(meni).currentStyle.clipTop) == parseInt(document.all(meni).style.height)) {
				if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);
				timeout_ID[meni] = setTimeout("drop_animate('" + meni + "')", drop_delay)
			} else
				drop_animate(meni);
} else if (document.layers) {
			if (document.layers[meni].clip.top == layer_height[meni]) {
				if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);
				timeout_ID[meni] = setTimeout("drop_animate('" + meni + "')", drop_delay)}
			else
				drop_animate(meni);
}
}

function show(meni) {
if (document.layers) {		
			if (document.layers[meni].clip.top == 0) 
				setTimeout('show_internal("' + meni + '")', 10)
			else 
				show_internal(meni);
}
else {
	show_internal(meni);
}
}


function hide(meni){
if (document.getElementById) {
if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);
		if (parseInt(document.getElementById(meni).currentStyle.clipTop) == 0) {
		timeout_ID[meni] = setTimeout("pull_animate('" + meni + "');", hide_delay);
		}	else {
 		pull_animate(meni);
		}
} else if (document.all) {
if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);
		if (parseInt(document.all(meni).currentStyle.clipTop) == 0) {
		timeout_ID[meni] = setTimeout("pull_animate('" + meni + "');", hide_delay);
		}	else {
 		pull_animate(meni);
		}
} else if (document.layers) {
	if (timeout_ID[meni]) clearTimeout(timeout_ID[meni]);
			if (document.layers[meni].clip.top == 0) 
				timeout_ID[meni] = setTimeout("pull_animate('" + meni + "');", hide_delay)
			else 
				pull_animate(meni);

}
		
window.onresize = position_all;
}

menuLoaded = 1;
position_all();