window.addEvent('domready', function(){
	// Initialize Main Menu
	var myMenu = new MenuMatic();
	
	//create Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler02', 'div.element02', {
		opacity: true,
		onActive: function(toggler02, element02){
			toggler02.setStyles({
				'background-color':'#8A9299',
				'background-position':'400px -30px',
				'cursor':'default'
			});
		},
		onBackground: function(toggler02, element02){
			toggler02.setStyles({
				'background-color':'#ACB7BF',
				'background-position':'400px 2px',
				'cursor':'pointer'
			});
		}
	});
	
	// Lightbox initialization for overlay animations and images
	SqueezeBox.initialize({
		size: {x: 500, y: 1000}
	});
	
	SqueezeBox.assign($$('a[rel=boxed-image]'));

	SqueezeBox.parsers.swf = function(preset) {
		return (preset || this.url.test(/\.swf/)) ? this.url : false;
	};
 
	SqueezeBox.handlers.swf = function(url) {
		var size = this.options.size;
		return new Swiff(url, {
			id: 'sbox-swf',
			width: size.x,
			height: size.y
		});
	};

	/**
	 * That CSS selector will find all <a> elements with the
	 * class boxed.
	 *
	 * The second argument sets additional options
	 */
	SqueezeBox.assign($$('a.boxed'), {
		parse: 'rel'
	});
	
	// Product Navigation Hover Functions
	var pathToThumbs = 'assets/images/product/thumbs/';
	var pathToLrgThumbs = 'assets/images/product/large_thumbs/';
	$$('.item_thumb').getElement('img').addEvents({
		'mouseenter':function(){
			lrgThumb = pathToLrgThumbs+this.name;
			this.set('src', lrgThumb);
		},
		'mouseleave':function(){
			smlThumb = pathToThumbs+this.name;
			this.set('src', smlThumb);
		}
	});
});