// ===== Toggle Tab Items ========================================================================
window.addEvent('domready',function(){
	if(!$('tabs') || !$('tabContent')) return;
	var tabBtns = $('tabs').getElements('.tab');
	var tabItem = $('tabContent').getElements('.contentTab');
	var activeTab = tabBtns[0];
	tabBtns.each(function(tab){
		tab.addEvent('click',function(e){
			tabItem.each(function(item){ item.addClass('hide') });
			tabBtns.each(function(tabs){
				tabs.removeClass('on');
			});
			var num = tab.className.replace(/\D/g,'');
			tab.addClass('on');
			tabItem[num-1].removeClass('hide');
			return false;
		});
	});
});

// ===== Change Image ===================================================================================
window.addEvent('domready',function(){
    var galItem = $$('#gallery .thumb');
    var galSelected = $$('#gallery .on');
    var enlarged = $$('#mainImage img');

	galItem.each(function(element){
		element.addEvent('click', function(e){
			e = new Event(e).stop();
			galSelected.removeClass('on');
			this.addClass('on');
			enlarged.src = enlarged.setProperty('src',this.getElement('img').getProperty('src').replace('thumb_','lg_'))
			galSelected = this;
		});
	});
});