var curr_pos=0;
var menu_position= -0;
var menu_margin = 15;
var menu_width = [];

function initializemenu() {
	curr_pos = 0;
//ustaw menu
var seek_margin=0;
$$("li.first_el_menu").each(function(e,i) {
   el_dim = e.getElement('a.menuel').getSize();
   menu_width[i] = e.getSize().y;
     e.setStyles({width: el_dim.x} );
	curr_posY  = menu_position;
   e.setStyles({left: curr_pos, bottom: curr_posY, width: el_dim.x});
    curr_pos = curr_pos+ el_dim.x +1 ;
	seek_margin ++;
 }
);

//seek all and add event's

var seek =  (window.getSize().x/2 - (curr_pos + el_dim.x)/2).toInt() ;
var first_element =0;
var last_element=0;
$$("li.first_el_menu").each(function(e,i) {
	left =e.getStyle('left').toInt();
   e.setStyles({left: left + seek} );
   if(i==1)first_element = left + seek-1;
   last_element = left+seek-1;
});


//ustaw first i last

if(first_element>=0) $("fill_right").setStyles({left:0 , width: first_element,bottom:menu_position});
var wid  = window.getSize().x  - $("fill_left").getStyle('left').toInt();
if(wid>0)$("fill_left").setStyles({width: wid } );

}


function initialize_menu_event() {

	$$("li.first_el_menu").each(function(element,i) {
var fx = new Fx.Morph(element, {duration:400, wait:false,transition:Fx.Transitions.Back.easeOut});

	element.removeEvents('mouseenter');
    element.removeEvents('mouseleave');

   var ElementW = element.getSize().x;
   var ElementB =  element.getStyle('bottom').toInt();
   var ElementH =element.getSize().y;
   var ElementW_diff =0;

	element.getElements('a.menue2').each(function(el){
		var fontsize = el.getStyle("font-size").toInt();		
		temp =  (el.get("text").length-4)*fontsize - ElementW ;		
		if(temp>ElementW_diff && temp>0) ElementW_diff = temp;		
	});

//////////wylicz tooooo z tabeli
    var   Element_up = ElementB -  menu_width[i] +50 ;

	if(Element_up > menu_position) Element_up=menu_position;
	//if(Element_up < -1* ElementH) Element_up = ElementH;
	element.addEvent('mouseenter', function(e){
		fx.start({
	    	bottom: Element_up,
	    	width: ElementW + ElementW_diff +20
		});
	  element.getElements('a.menuel').setStyle('color', '#ff0000');		 
		
	});
 
	element.addEvent('mouseleave', function(e){
		fx.start({
			bottom:  menu_position ,
			width: ElementW 
		});		     
	element.getElements('a.menuel').setStyle('color', '#000000');
	});
	});

}


window.addEvent('load',function() {
initializemenu();

initialize_menu_event();




if(NiftyCheck()){
	Rounded("li.first_el_menu","bottom","transparent","#F9F9F9","border #ccc");
	if($("txt_cont").get("text").length > 10 ) {
		var el_left = $("txt").getStyle('left').toInt();
		var el_size = $("txt").getSize();
		var fx = new Fx.Morph($("txt"), {duration:2500, wait:false});

        $("txt").setStyle('opacity','0');
		fx.start({ 	opacity: 0.85		});

	   Rounded("div#txt","all","transparent","#F9F9F9","border #ccc");
	 
	   $('img').setStyle('height',window.getScrollSize().y);
	}
	
}
});


window.addEvent('resize',function(e){
initializemenu();
});