/* <![CDATA[ */
window.addEvent('domready', function(){

	var currentDetailPane = 0;
	var currentProductPane = 0;

	/* Product Detail Logic */

	var detailScroll = new Fx.Scroll('detail_viewport', {
		wait: false,
		duration: 600,
		transition: Fx.Transitions.Quad.easeInOut
	});

	detailScroll.toElement('product' + currentDetailPane);

	var detailElements = $$('.product_detail_container');

	
	/* ******** Left and right arrows ********* */
	$('db_right').addEvent('click', function(event) {
		if (currentDetailPane < (detailElements.length-1)) {currentDetailPane++;} else {currentDetailPane = 0;}
		var pane = 'product' + currentDetailPane;
		
		event = new Event(event).stop();
		detailScroll.toElement(pane);
	});

	$('db_left').addEvent('click', function(event) {
		if (currentDetailPane > 0) {currentDetailPane--;} else {currentDetailPane = detailElements.length -1;}
		var pane = 'product' + currentDetailPane;

		event = new Event(event).stop();
		detailScroll.toElement(pane);
	});


	/* Specifications Logic */

	var specButtons = $$('.product_specs');

	$('specifications').setStyles({
		opacity:0
	});

	specButtons.each(function(element) {
		element.addEvent('click', function(event) {
			var btnIndex = element.getProperty('id').substring(10);
			var newSpecHtml = $('specs_' + btnIndex).innerHTML;
			
			event = new Event(event).stop();
			$('specs_content').innerHTML = newSpecHtml;
			$('specifications').setStyles({
				opacity:1
			});
		});
	});

	$('specs_close_button').addEvent('click', function(event) {
		event = new Event(event).stop();
		$('specifications').setStyles({
			opacity:0
		});
	});

});
/* ]]> */