var i=0;
var  m=6;
var count=0;
var klasa  = "top-navigation-item";


function big(lyr) {
     var layer = lyr.substr(5)-1;
     var menu = "menu"+layer;
	 var width = getWidth(menu);
document.getElementById(lyr).style.left=width;    
document.getElementById(lyr).style.display='block';}
//		document.all[lyr].style.height='75px'; }

function small(lyr) {

//document.getElementById(lyr).style.height='0px';
document.getElementById(lyr).style.display='none';
}

function layer(){

var ilosc = getElementsByClassName(klasa);
	
            for(var i=1; i<=ilosc; i++){
			var layer = "Layer"+i;
			var zwrot = document.getElementById(layer);
			
			if(zwrot==null){
			}else{
			document.getElementById(layer).style.display='none';
			}
            }


}
function countItemsWidth(findClass) {
	var a=document.body.getElementsByTagName('*');
	var width=0;
	for(var i=0; i<a.length; i++) {
	    if(a[i].className==findClass) {
	    	width+=a[i].offsetWidth-1;
	    	
	        }
	    }        
    return width;
}

function makeTopMenu() {

layer();
var topHeight=countItemsWidth("top-navigation-item");
if(topHeight==640){
	document.getElementById("top_menu").style.width=topHeight+30+"px";
}
else if(topHeight>640){
	var diference= topHeight-640;
	document.getElementById("top_menu").style.width=topHeight+30+"px";
	document.getElementById("top_menu").style.left=document.getElementById("top_menu").offsetLeft-diference+"px";

}
else if((topHeight-1)<640){
	var diference= 640-topHeight+1;
	document.getElementById("top_menu").style.width=topHeight+30+"px";
	document.getElementById("top_menu").style.left=document.getElementById("top_menu").offsetLeft+diference+"px";
}
}
function getElementsByClassName(findClass) {
	var a=document.body.getElementsByTagName('*');
	for(var i=0; i<a.length; i++) {
	    if(a[i].className==findClass) {
	    	count++;
	        }
	    }        
    return count;
}

function getWidth(id){
    var width = 0;

			
			var ilosc = id.substr(4);
				for(var i=1; i<=ilosc; i++){
                     var pomoc ="menu"+i;
						var x = document.getElementById(pomoc).offsetWidth;
					width=width+x;
					
				}
		
		width=width+"px";
	return width;
}