window.addEvent('domready',function(){Product.setup();});


var Product = {
	curImage:0,
	box: {},
	setup: function()
	{
		Product.pics = $$('#pictures img,#fabpictures img');
		Product.pics.each(function(e)
			{
				e.setOpacity(0);
			}
			);
		
		if (Product.pics.length > 0)
			Product.pics[Product.curImage].fade(1);
		
		$$('#colourways div').addEvent('click',function(e)
			{
			for(var i=0;i<$$('#colourways div').length ;i++)
				if ($$('#colourways div')[i] == e.target)
				{
					if (Product.curImage != i+1)
					{
						Product.pics[Product.curImage].fade(0);
						Product.curImage = i+1;
						Product.pics[Product.curImage].fade(1);
					}
				}
			});
		
		if ($('roomimage') != null)
		{
		$('roomimage').addEvent('click',function(e)
			{
				$('productdetails').addClass('hidden');
				$('gridnav').addClass('hidden');
				$('largeroomimage').removeClass('hidden');
				e = new Event(e);
				e.stop();
			});
			
		$$('#roomnav a').addEvent('click',function(e)
		{
				$('productdetails').removeClass('hidden');
				$('gridnav').removeClass('hidden');
				$('largeroomimage').addClass('hidden');
				e = new Event(e);
				e.stop();
		});
		}
			
		if ($$('a.mb').length > 0)
		{
		Product.box = new MultiBox('mb', {useOverlay: true});
		}
			
	}
}


