/* Footer JS */
window.addEvent('domready',function(){
  var panel = $('cart');
  if(panel){
    var panelH = panel.getSize().size.y;
    var slidefx = new Fx.Styles(panel,{duration:400,wait:false});
    
    var toggler = $('kraftwerks-bottom-panel-toggler');
    if (toggler) {
      var dir = true;
      toggler.addEvent('click', function(){
        if (dir) {
          slidefx.start({
            'height': '2px'
          });
          dir = false;
        }
        else {
          slidefx.start({
            'height': panelH + 'px'
          });
          dir = true;
        }
      });
    }
    
    var check = $('kraftwerks-checkout');
    if (check) {
      check.addEvent('click', function(e){
        new Event(e).stop();
        if (dir) {
          slidefx.start({
            'height': '200px'
          });
          dir = false;
        }
        else {
          slidefx.start({
            'height': panelH + 'px'
          });
          dir = true;
        }
      });
    }
    
  }
});

/*
 * Mootools Scripts
 * Vertical Menu Hover effect
 */

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

	var vMenu = $$('ul.vertmenu li');
	
	vMenu.each(function(l,i){
	
		var lSize = l.getSize();

		var bg = new Element('div',{
			'styles':{
				'display':'none',
				'position':'absolute',
				'height':  lSize.size.y + 'px',
				'width': lSize.size.x + 'px',
				'margin-top': -lSize.size.y + 'px'
			}
		});

		bg.addClass('vMenuBg');

		(l.getFirst()).setStyles({'position':'relative','z-index':20});
		bg.setStyles({'z-index':10});

		bg.injectInside(l);

		var fx = new Fx.Styles(bg, {duration: 200, transition: Fx.Transitions.linear});

		l.addEvent('mouseenter',function(){

			bg.setStyles({'display':'block','opacity':1});

		});

		l.addEvent('mouseleave',function(){

			fx.start({'opacity':0});

		});


	});
	
});