var productPage = Class.create({
	
	initialize: function()
	{
		this.start();
	},
	
	start: function() 
	{
		this.sizing = $('sizing');
		this.sizing.hide();
		this.sizingOpen = false;
		this.registerEvents();
	},
	
	registerEvents: function()
	{
		$('sizingButton').observe('click', this.toggleSizing.bind(this));
		$('gallery').childElements().each(function(link)
		{
			if (link.href)
			{
				link.observe('click', this.changeMainImg.bind(this, link.href));
			}
		}.bind(this));
	},
	
	toggleSizing: function(ev)
	{
		ev.stop();

		if (this.sizingOpen)
		{
			Effect.SlideUp('sizing', {duration: 0.2});
			this.sizingOpen = false;
		}
		else
		{
			Effect.SlideDown('sizing', {duration: 0.3});
			this.sizingOpen = true;
		}
	},
	
	changeMainImg : function(src, event)
	{
		event.stop();
		$('mainImage').src = src;
	}
});

document.observe('dom:loaded', function(){
	if ($('sizing'))
	{
		pp = new productPage();
	}
});