document.observe("dom:loaded", function() {
	if ($('tab-men'))
		$('tab-men').observe('click', tabClick);
	if ($('tab-women'))
		$('tab-women').observe('click', tabClick);
	if ($('tab-story'))	
		$('tab-story').observe('click', tabStoryClick);
	
	function tabClick(event) {
		var el = Event.element(event);
		event.preventDefault();
		$('story').setStyle({ display: 'none' });
		$('tab-story').removeClassName('active');
		$('product-display').setStyle({ display: 'block' });
		el.addClassName('active');
	}
	
	function tabStoryClick(event) {
		event.preventDefault();
		$('product-display').setStyle({ display: 'none' });
		if ($('tab-men'))
			$('tab-men').removeClassName('active');
		if ($('tab-women'))
			$('tab-women').removeClassName('active');
		$('story').setStyle({ display: 'block' });	
		$('tab-story').addClassName('active');
	}
	
	if ($('thumbs')) {
		$('thumbs').select('a').each(function(n, i) {
			n.observe('click', thumbClick); 
		});
	}
	
	function thumbClick(event) {
		event.preventDefault();
		$('image').setStyle({display: 'none'});
		$('loading').setStyle({display: 'block'});
		var img_url = this.href;
		var img = new Image();
		img.src = img_url;
		img.onload = function() {
			$('image').setAttribute('src', img_url);
			$('loading').setStyle({display: 'none'});
			Effect.Appear('image', {duration: 0.25});	
		}
	}
		
	$$('a[href!=""]').each(function(lnk){
		var siteregex = /^(http:\/\/)([a-z]*\.)?(onetribe.com)/i;
		
		if (lnk.readAttribute('href').startsWith('http://') && !lnk.readAttribute('href').match(siteregex)) {
			lnk.writeAttribute('target','_blank');
			lnk.writeAttribute('rel','ext');
		}
	});

	$$('a[rel="ext"]').each(function(lnk) {
		lnk.observe('click', function(event) {
			event.preventDefault();
			window.open(this.href);
		});
    });
});