var topmenuImgArr = new Array('img/m1.gif','img/m2.gif','img/m3.gif','img/m4.gif','img/m5.gif','img/m6.gif','img/m7.gif');
var topmenuAltImgArr = new Array('img/m1_.gif','img/m2_.gif','img/m3_.gif','img/m4_.gif','img/m5_.gif','img/m6_.gif','img/m7_.gif');
var topmenuActImgArr = new Array('img/m1d.gif','img/m2d.gif','img/m3d.gif','img/m4d.gif','img/m5d.gif','img/m6d.gif','img/m7d.gif');
var topmenuURLArr = new Array('1etap.asp','2etap.asp','3etap.asp','4etap.asp','5etap.asp','6etap.asp','7etap.asp');
var topmenuThisGroup = -1;
var topmenuPrevious = -1;
var topmenuCurrent = -1;
function topmenuMouseOver(itemNo){
	var src='';
	topmenuPrevious = topmenuCurrent;
	for (i=0; i<topmenuImgArr.length; i++){
		src = (i==itemNo)? topmenuAltImgArr[i] : topmenuImgArr[i];
		if (topmenuThisGroup>=0 && topmenuThisGroup<topmenuImgArr.length) {
			if (i==topmenuThisGroup) {src=topmenuActImgArr[i];};
		}
		document.getElementById('img_' + i).src = src;
	}
	
	
}
function topmenuMouseOut(itemNo){
	document.getElementById('img_' + itemNo).src = topmenuImgArr[itemNo];
	if (topmenuThisGroup>=0 && topmenuThisGroup<topmenuImgArr.length) {document.getElementById('img_' + topmenuThisGroup).src = topmenuActImgArr[topmenuThisGroup];}
}

function makeTopMenu(){

	log("menu img path: " + menuJsImagePath);
	if (menuJsImagePath!=""){
		for (var i = 0; i<topmenuImgArr.length; i++){
			topmenuImgArr[i] = menuJsImagePath + topmenuImgArr[i];
			topmenuAltImgArr[i] = menuJsImagePath + topmenuAltImgArr[i];
			topmenuActImgArr[i] = menuJsImagePath + topmenuActImgArr[i];
		}
	}

	var itemNo = -1;
	if (topmenuThisGroup>=0 && topmenuThisGroup<topmenuImgArr.length) {itemNo = topmenuThisGroup;};
	var topMenuObj = document.getElementById('topMenu');
	var s='';
	for (i=0; i<topmenuImgArr.length; i++){
		s += '<div class="chodziez"><a href="' + topmenuURLArr[i] + '"><img id="img_' + i + '" src="' 
		if (itemNo == i){
			s+=topmenuActImgArr[i]
		}
		else {
			s+= topmenuImgArr[i];
		}
		s+= '" border="0" onmouseover="topmenuMouseOver(' + i + ')" onmouseout="topmenuMouseOut(' + i + ')" /></a></div>';
	
	}
	topMenuObj.innerHTML = s;
}
menuImgPreloader = new ImagePreloader(topmenuImgArr.concat(topmenuAltImgArr), function(){addLoadEvent(makeTopMenu);});
