window.addEvent('domready', function() {
	$$('.group div').addEvent('click', function() {
		var id = $(this).getElement('input[name=pid]').value;
		var name = $(this).getElement('input[name=name]').value;
		var cutout = $(this).getElement('input[name=cutout]').value;
		var title = $(this).getElement('input[name=title]').value;
		var sku = $(this).getElement('input[name=sku]').value;
		var desc = $(this).getElement('input[name=description]').value;
		var price = $(this).getElement('input[name=price]').value;
		var stock = $(this).getElement('input[name=stock]').value;
		var in_stock = $(this).getElement('input[name=in_stock]').value;
		var url_identifier = $(this).getElement('input[name=url_identifier]').value;
		var base_url = $(document).getElement('input[name=base_url]').value;
		
		var personalise_item = $(this).getElement('input[name=personalise_item]').value;
		
		var hide = $$('.col3')[0].getElements('.hide');
		hide.setStyle('display', 'none');

		var holder = ($defined($('holder'))) ? $('holder') : new Element('div', {'id': 'holder'});
		holder.empty();
		
		var cutoutEl = new Element('img', {'id': 'cutout'}).inject(holder);
		var prodheadEl = new Element('img', {'id': 'prodhead'}).inject(holder);
		var skuEl = new Element('p', {'id': 'sku'}).inject(holder);
		var priceEl = new Element('p', {'id': 'price'}).inject(holder);
		var descEl = new Element('p', {'id': 'description'}).inject(holder);
		
		if (stock > 0 && in_stock != 0) {
			var addDiv = new Element('div', {'id': 'addDiv'}).inject(holder);
			var addP = new Element('p', {'id': 'addP'}).inject(addDiv);
			var addSelect = new Element('select', {'id': 'addSelect'}).inject(addDiv);
			var addBtn = new Element('button', {'id': 'addBtn'}).inject(addDiv);
            //var addWishlistLink = new Element('a', {'id': 'addWishlistLink'}).inject(addDiv);
			var addGiftlistLink = new Element('a', {'id': 'addGiftlistLink'}).inject(addDiv);
			var addPersonaliseLink = new Element('a', {'id': 'addPersonaliseLink'}).inject(addDiv);
					
			addP.set('text', 'How many would you like? ');
			addSelect.empty();
			
			var max = (stock < 12) ? stock : 12;
			
			for (i=0; i < max; i++) {
				var opt = new Element('option', {'value': i+1}).inject(addSelect);
				opt.set('text', i+1);
			}
			addBtn.set('text', 'Buy');
			addBtn.addEvent('click', function() {
				var addUrl = base_url + "shop/checkout/cart/add?product="+id+"&qty="+$('addSelect').value;
				location.href = addUrl;
			});

           	//addWishlistLink.set('href', 'shop/wishlist/index/add/product/'+id+'/store/2');
            //addWishlistLink.set('text', 'Add to Wishlist');
			//addGiftlistLink.set('href', 'shop/adjgiftreg/event/addItem/product/'+id);
            //addGiftlistLink.set('text', 'Add to Registry');

			if (personalise_item == 1) {
				
				addPersonaliseLink.set('href', 'shop/'+url_identifier);
            	addPersonaliseLink.set('text', 'Personalise this item');
				addPersonaliseLink.set('class', 'personalise_item');
			}
                                           

		} else {
			var noStock = new Element('p', {'id': 'noStock'}).inject(holder);
			noStock.set('text', 'Sorry we are temporarily out of stock')
		}
		
		prodheadEl.set('src', title);
		prodheadEl.set('alt', name);
		skuEl.set('text', sku);
		priceEl.set('text', '£'+price);
		descEl.set('text', desc);
		
		holder.inject($$('.col3')[0]);
		
		cutoutEl.set('src', cutout);
		cutoutEl.addClass('js');
		
		holder.inject($$('.product')[0]);
		
		
		var fxscroll = new Fx.Scroll(window, { duration:500 });
		fxscroll.start(0, $('buy_box_link').getCoordinates().top);
		
		location.href = '#' + url_identifier;
	});
});

window.addEvent('load', function() {
	// If the page links to a product via a hashtag...
	var hash = '#';
	var query_string = 'product=';
	if (location.href.indexOf(hash) != -1) {
		var prod = location.href.substring(location.href.indexOf(hash)+hash.length);
		var parent = $(document).getElement('input[value='+prod+']').parentNode;
		$(parent).fireEvent('click');
	} else if (location.href.indexOf(query_string) != -1) {
		var prod = location.href.substring(location.href.indexOf(query_string)+query_string.length);
		var parent = $(document).getElement('input[value='+prod+']').parentNode;
		$(parent).fireEvent('click');
	}
});