window.addEvent('load', organizeMenu);
function organizeMenu()
{
if($('sidebar') != null){

/*---------------SONS-------------------------*/
//הורדת הכיוכווים מסביב לאלמנט שנבחר
var   sonSelect =$('sidebar').getElement("li.parent a.sel"); 
if(sonSelect!= null){
sonSelect = sonSelect.getParent();
//sonSelect.setStyle('background-image','none');
//if(sonSelect.getNext()!= null)
   // sonSelect.getNext().setStyle('background-image','none');
}
/*---------------------------grand Sons-----------------------*/
    var parentElement =$('sidebar').getElement("li.parent");
    if(parentElement != null){
    var nextElement = parentElement.getNext();
    if(nextElement != null)
        nextElement.addClass('nextElement');
        }

    
    //נכדים//
    parentElement =$('sidebar').getElement("li.parent li.parent a.sel"); //get the a element
    if(parentElement != null)
    {
        parentElement = parentElement.getParent(); //get the Li element
        if(parentElement != null)
        {
        parentElement.addClass('sel');
        nextElement = parentElement.getNext(); //next li
        if(nextElement == null)//הורדת הקיווקווים במידה וזה אחרון ברשימה
        {
            var obj = parentElement.getParent().getParent().getNext();
            if(obj!= null)
                obj.setStyle('background','none');

        }
        //הורדת הקיווקווים בשלב הקודם של התפריט
         var previousElement = parentElement.getPrevious();
           if(previousElement != null){
            previousElement.setStyle('background','none');
            }
        /*
        nextElement = parentElement.getNext(); //next li
        if(nextElement != null)
            nextElement.addClass('nextElement');
            else //this is the last element
            {
                nextElement = parentElement.getParent();
                nextElement.addClass('parentElementEnd');
            }
        var previousElement = parentElement.getPrevious();
        if(previousElement != null){
            previousElement.addClass('previousElement');
            //alert(previousElement);
            }
        else //this is the first element in the list 
        {
           // previousElement = parentElement.getParent();
           // previousElement.addClass('parentElement');
           // alert(previousElement);
            var topLine = new Element('div',{'class':'topLine'});
            topLine.setStyles({'top':parentElement.getPosition().y-4  + 'px',
                   'left':parentElement.getPosition().x  + 'px',
                   'display':'block'
                   });
           $('sidebar').adopt(topLine);
           
        }*/
       }
    }
    }
}



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

if($('sidebar') != null){
/*-------------------------SONS--------------------------------*/
    var Sons = $('sidebar').getElements("li.parent ul li a");
    var myTimer;

    Sons.each(function(item, i) {
    var myEffect = new Fx.Morph(item, {duration: 200, transition: Fx.Transitions.Sine.easeOut});
    if(item.hasClass('sel')) return;
    if(item.hasClass('parent')) return;
        item.addEvents({
    	'mouseenter': function() {
    	item.setStyles({'background-position':'12px 10px' });
    	myTimer = $clear(myTimer);
    	myTimer =(function(){
        myEffect.start({'background-color':['#ffffff' ,'#F4F0F4'],
        'padding-left':['26px','39px'],
        'background-position': ['12px 10px', '22px 10px'] 
        });
    	}).delay(50);
      	
    	},
    	'mouseleave': function() {
    	    myEffect.cancel();
    	    myEffect.start({'background-color':'#ffffff',
    	     'padding-left':'26px' ,
    	     'background-position': '12px 10px'
  	        });
    	    myTimer = $clear(myTimer);
    	}
      });
    });

/*-------------------------SONS ENG--------------------------------*/





/*-------------------------grandSons--------------------------------*/

var grandSons = $('sidebar').getElements("li.parent li li a");
    grandSons.each(function(item, i) {
     var myEffectgrandSons = new Fx.Morph(item, {duration: 200, transition: Fx.Transitions.Sine.easeOut});

    if(item.hasClass('sel')) return;
    item.removeEvents();
    item.addEvents({
	'mouseenter': function() {
    item.addClass('over');
   item.setStyles({'background-position':'130px 10px' });
    myEffectgrandSons.start({
    'padding-left':['22px','35px']
    });
	   /* var  parentElement = item.getParent(); //get the Li element
        if(parentElement != null)
        {
             nextElement = parentElement.getNext(); //next li
            if(nextElement != null)
                nextElement.addClass('nextElement');
                else //this is the last element
                {
                   nextElement = parentElement.getParent();
                    nextElement.addClass('parentElementEnd');
                }
            var previousElement = parentElement.getPrevious();
            if(previousElement != null){
                if(previousElement.hasClass('nextElement')){
                   $('topLine').setStyles({'top':parentElement.getPosition().y-2  + 'px',
                   'left':parentElement.getPosition().x  + 'px',
                   'display':'block'
                   });
                   }
                else
                    previousElement.addClass('previousElement');
                }
            else //this is the first element in the list 
            {
             $('topLine').setStyles({'top':parentElement.getPosition().y-4  + 'px',
                   'left':parentElement.getPosition().x  + 'px',
                   'display':'block'
                   });
            }
	    }
	    */
	},
	'mouseleave': function() {
	item.removeClass('over');
    myEffectgrandSons.cancel();
     myEffectgrandSons.start({'padding-left':'22px'});
    
  //  item.setStyle('padding-left','22px');
    
   
	   /* var  parentElement = item.getParent(); //get the Li element
        if(parentElement != null)
        {
             nextElement = parentElement.getNext(); //next li
            if(nextElement != null)
                nextElement.removeClass('nextElement');
                else //this is the last element
                {
                    nextElement = parentElement.getParent();
                    nextElement.removeClass('parentElementEnd');
                }
            var previousElement = parentElement.getPrevious();
            if(previousElement != null){
               if(previousElement.hasClass('nextElement'))
                     $('topLine').setStyle('display','none');
                else
                    previousElement.removeClass('previousElement');
                }
            else //this is the first element in the list 
            {
                  $('topLine').setStyle('display','none');
            }
	    }*/
	
	}}
	);	

    });
/*-------------------------grandSons END--------------------------------*/

}
});