/* Copyright Fluid Creativity, 2007 */

var initNavigation = function(){
	var navTitles = $$("#navigation li span.subcategory");
	var navLinks = $$("#navigation li ul.subcategory");

	var initial = -1;
		
	$$(navLinks).each(function(el, i) {
		if ($E("li.current", el)) initial = i;
	});

	var accordion = new Accordion(navTitles, navLinks, { show: initial, alwaysHide: true });
}

var initImageRotater = function(){
	if ($E('div.imageRotater')) {	
		var scroller = new ContentScroller({slideDuration: 3500, fadeDuration: 500});
		scroller.addSlides($$('div.imageRotater img').setStyle('z-index', 1));
		scroller.start();
	}
}

var initMouseOvers = function(){
	var preload = new Image();

	$$('.rollOver').each(function(el){
		if (el.src.test(/\.(gif|jpg|jpeg|png)$/i)) {

			// preload images
			preload.src = el.src.replace(/\.(gif|jpg|jpeg|png)/, '-over.$1');

			el.addEvents({
				mouseover: function(){
					this.src = this.src.replace(/\.(gif|jpg|jpeg|png)/, '-over.$1');
				},

				mouseout: function(){
					this.src = this.src.replace(/-over\.(gif|jpg|jpeg|png)/, '.$1');
				}
			});
		}
	});
}

var initImageSwitcher = function(){
	if ($('productDetails')) {
		var initialImage = $E('#productDetails .mainImage').href;
		var initialTitle = $E('#productDetails .mainImage span').getText();
	
		/*$$('#productImages img').addEvents({
			mouseover: function(){
				$E('#productDetails .mainImage').href = this.src.replace(/\d+x\d+/, '640x480');
				$E('#productDetails .mainImage img').src = this.src.replace(/\d+x\d+/, '221x173');
				$E('#productDetails .mainImage span').setText(this.alt);
			},
			mouseout: function(){
				$E('#productDetails .mainImage').href = initialImage;
				$E('#productDetails .mainImage img').src = initialImage.replace(/\d+x\d+/, '221x173');
				$E('#productDetails .mainImage span').setText(initialTitle);
			}
		});*/
	
		if ($('productVariant')) {
			$('productVariant').addEvent('change', function() {
				if (this.options[this.selectedIndex].className.test(/image-(\d+)/)) {
					var imageId = /image-(\d+)/.exec(this.options[this.selectedIndex].className)[1];
				
					initialTitle = this.options[this.selectedIndex].title;
					
					$E('#productDetails .mainImage').set({
						href: $E('#productDetails .mainImage').href.replace(/product-(\d+)(-\d+)?/, 'product-$1-' + imageId),
						title: initialTitle
					});
					
					$E('#productDetails .mainImage img').set({
						src: $E('#productDetails .mainImage img').src.replace(/product-(\d+)(-\d+)?/, 'product-$1-' + imageId),
						alt: initialTitle
					});
					
					$E('#productDetails .mainImage span').setText(initialTitle);
					initialImage = $E('#productDetails .mainImage').href;
				}
			});
		}
	}
}

window.addEvent('domready', initNavigation);
window.addEvent('domready', initImageRotater);
window.addEvent('domready', initMouseOvers);
window.addEvent('domready', initImageSwitcher);