var fireOn = window.ie ? 'load' : 'domready';

window.addEvent(fireOn, function(){



    var navigation = $$('#mainmenu li');

    var FxDuration = '300';

    var FxTransition = 'sine:out';

    var listItemHeight = 30;



    navigation.each(function(el){

        var submenu = el.getElement('ul');

        var myEffect = new Fx.Morph(submenu, {duration: FxDuration, transition: FxTransition});



        // Check if the element has a submenu..

        if(submenu){

            submenu.setStyle('height','0');

            var OuterLink = el.getElement('a');

            var height = (listItemHeight * submenu.getElements('li').length);



            // Attach some events to the first anchor

            OuterLink.addEvent('mouseover', function(e){

                if(!this.hasClass('active')){

                    this.addClass('active');



                    submenu.setStyle('display','block');



                    myEffect.cancel();

                    myEffect.start({

                        'height': [0, height]

                    });

                }

            });



            // Attach some events to the submenu

            el.addEvent('mouseleave', function(e){

                myEffect.cancel();

                myEffect.start({

                    'height': [myEffect.subject.style.height, 0]

                });

            });



            myEffect.addEvent('complete', function() {

                if(myEffect.subject.getStyle('height') == "0px"){

                    submenu.setStyle('display','none');

                    OuterLink.removeClass('active');

                }

            });

        }

    });

});





// Lightbox

// http://www.xul.fr/javascript/lightbox-form.html

function gradient(id, level) {

	var box = document.getElementById(id);

	box.style.opacity = level;

	box.style.MozOpacity = level;

	box.style.KhtmlOpacity = level;

	box.style.filter = "alpha(opacity=" + level * 100 + ")";

	box.style.display="block";

	return;

}



function fadein(id) {

	var level = 0;

	while(level <= 1)

	{

		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);

		level += 0.01;

	}

}



// Open the lightbox

function openbox(fadin) {

  var box = document.getElementById('box'); 

  document.getElementById('filter').style.display='block';

  if(fadin) {

	 gradient("box", 0);

	 fadein("box");

  }

  else

  { 	

    box.style.display='block';

  }  	

}



// Close the lightbox

function closebox()

{

   document.getElementById('box').style.display='none';

   document.getElementById('filter').style.display='none';

}



/* document.onselectstart=new Function('return false');

function dMDown(e) {return false;}

function dOClick() {return true;}

document.onmousedown=dMDown;

document.onclick=dOClick;



 */