// JavaScript Document

window.addEvent('domready', function() {	
	
	
	var accmenu = new Accordion('.pdp strong', '.pdp .menuwrapper', {
		show: null,
		duration: 'short',
		display: null,
		alwaysHide: true,
		transition: Fx.Transitions.Sine.easeOut,
		link: 'chain'
	});
	
	$$('.pdp strong').addEvent('mouseenter', function() {
		this.fireEvent('click');
	});
	
	$$('.pdp .menuwrapper').addEvent('mouseleave', function() {
		accmenu.display(null);
	});
	
	
	//$$('.pd1 li.menuparent').getElement('ul').set('opacity', 0);
	//$$('.pd2 li.menuparent').getElement('ul').set('opacity', 0);
	//$$('.pd3 li.menuparent').getElement('ul').set('opacity', 0);
	//$$('.pd4 li.menuparent').getElement('ul').set('opacity', 0);
	//$$('.pd5 li.menuparent').getElement('ul').set('opacity', 0);
	
	
	$$('.pd1 li.menuparent').addEvent('mouseenter', function() {
		/*this.getElement('ul').morph({'width': 184});*/
		this.getElement('ul').fade('in');
	});
	
	$$('.pd1 li.menuparent').addEvent('mouseleave', function() {
		/*this.getElement('ul').morph({'width': 0});*/
		this.getElement('ul').fade('out');
	});
	
	$$('.pd2 li.menuparent').addEvent('mouseenter', function() {
		/*this.getElement('ul').morph({'width': 184});*/
		this.getElement('ul').fade('in');
	});
	
	$$('.pd2 li.menuparent').addEvent('mouseleave', function() {
		/*this.getElement('ul').morph({'width': 0});*/
		this.getElement('ul').fade('out');
	});
	
	$$('.pd3 li.menuparent').addEvent('mouseenter', function() {
		/*this.getElement('ul').morph({'width': 184});*/
		this.getElement('ul').fade('in');
	});
	
	$$('.pd3 li.menuparent').addEvent('mouseleave', function() {
		/*this.getElement('ul').morph({'width': 0});*/
		this.getElement('ul').fade('out');
	});
	
	$$('.pd4 li.menuparent').addEvent('mouseenter', function() {
		/*this.getElement('ul').morph({'width': 184,'left': -184});*/
		this.getElement('ul').fade('in');
	});
	
	$$('.pd4 li.menuparent').addEvent('mouseleave', function() {
		/*this.getElement('ul').morph({'width': 0,'left': 0});*/
		this.getElement('ul').fade('out');
	});
	
	$$('.pd5 li.menuparent').addEvent('mouseenter', function() {
		/*this.getElement('ul').morph({'width': 184,'left': -184});*/
		this.getElement('ul').fade('in');
	});
	
	$$('.pd5 li.menuparent').addEvent('mouseleave', function() {
		/*this.getElement('ul').morph({'width': 0,'left': 0});*/
		this.getElement('ul').fade('out');
	});
});