Shadowbox.loadSkin('classic', '/skin/frontend/default/boatshop/sb/src/skin');
Shadowbox.loadLanguage('en', '/skin/frontend/default/boatshop/sb/src/lang');
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], '/skin/frontend/default/boatshop/sb/src/player');

document.observe("dom:loaded", function() {
  Shadowbox.init({ onFinish: function(item) { $('shadowbox_title_inner').style.display='none'; } });
  
  // carousel stuff
  var proto_gallery = new Element('div', { 'id': 'proto_gallery' });
  Element.insert($('proto_images'), {'before': proto_gallery });
  var proto_carousel = new Element('div', { 'id': 'proto_carousel' });
  $('proto_images').wrap(proto_carousel);
  var pbutton = new Element('div', {  'class': 'previous_button' }).update('previous');
  Element.insert($('proto_carousel'), {'top': pbutton });
  var nbutton = new Element('div', {  'class': 'next_button' }).update('next');
  Element.insert($('proto_carousel'), {'bottom': nbutton });
  
	$('proto_gallery').update('<img src="shared/images/ajax-loader.gif" width="100" height="100" alt="Ajax Loader">');
	var links = $$("div#proto_images a").each(function(link, i) {
		new Element('img').observe("load",function() {
			if (++i == links.size()) {
				$('proto_gallery').update('<img src="' + links[0] + '" />');
			}
		}).writeAttribute('src', link);
	}).invoke('observe', 'click', function(event) {
		event.preventDefault();
		$('proto_gallery').update('<img src="' + this.href + '" />');
	});
  
  new UI.Carousel($('proto_carousel'), { container: '#proto_images' });
});