window.addEvent('domready', function() {
	var labels = $$('#tabs li');
	
	var contents = $$('#contents>div');
	
	var prod3d = $('prod3d');
	var prod3d_mini = $$('#prod3d_m a');	
	//var icons = $$('#icons img')

	var selcontent = contents[0];
	selcontent.setStyle('display','block');
	
	var sellabel = labels[0];
	sellabel.setStyles({
		'border-bottom':'1px solid #FFFFFF',
		'background-color':'#FFFFFF',
		'font-weight':'bold'
	});	
	
	var miniatures = $$('#miniatures a');
	var large = $('large');
	var large_image = new Array();
	
	miniatures.each(function(item, index){
		large_image[index] = new Image();
		large_image[index].src = item.getAttribute('href');	
	});
	
	selminiature = miniatures[0];
	selminiature.setStyle('background','#FFFFFF url(./img/arrow_1.png) no-repeat 19px 0px');
	
	labels.addEvents({
		click: function(e){
			e.stop;
			selcontent.setStyle('display','none');
			sellabel.setStyles({
				'border-bottom':'1px solid #AAAAAA',
				'background-color':'#FFFFFF',
				'font-weight':'normal'
			});
			var index = labels.indexOf(this);
			
			this.setStyles({
				'border-bottom':'1px solid #FFFFFF',
				'background-color':'#FFFFFF',
				'font-weight': 'bold'
			});
			contents[index].setStyles({
				'display': 'block',
				'opacity': 0
			});
			contents[index].set('tween', {duration: 'short'});
			contents[index].tween('opacity',0,1);
			selcontent = contents[index];
			sellabel = this;
		}
	});
	
	if (prod3d_mini) {
		prod3d_mini.addEvents({
			click: function(e){
				e.stop;
				selminiature.setStyle('background', 'none');
				
				prod3d.setStyle('z-index', '5');
				this.setStyle('background', '#FFFFFF url(./img/arrow_1.png) no-repeat 19px 0px');
				return false;
			}
		});
	}
	
	miniatures.addEvents({
		click: function(e) {
			e.stop;
			selminiature.setStyle('background','none');
			prod3d_mini.setStyle('background','none');
			
			selminiature = this;
			if (prod3d)	prod3d.setStyle('z-index', '1');
			large.setStyle('opacity',0);
			large.src = selminiature.getAttribute('href');
			large.set('tween', {duration: 'long'});
			large.tween('opacity','0','1');
			
			selminiature.setStyle('background','#FFFFFF url(./img/arrow_1.png) no-repeat 19px 0px');
			return false;
		}
	})
	
	/*icons.addEvents({
		mouseenter: function(e){
			e.stop;
			this.set('morph', {duration: 'short'});
			this.morph({height: 108, width: 124});
		},
		mouseleave: function(e) {
			e.stop;
			this.set('morph', {duration: 'short'});
			this.morph({height: 47, width: 56});
		}
	});*/
	
});