window.addEvent('domready', function() {
	
	$$('div.otherPic a.thumb').addEvent('click', function(event){
		event.stop();
		$('fullSizeProd').set('src',this.get('href'));
	});
	
	$$('div.sizeColor a').addEvent('click', function(event){
		event.stop();
		$('fullSizeProd').set('src',this.get('href'));
		$('sizeColorInfo').set('html',this.get('title'));
		$('idColor').set('value',this.get('rel'));
		$$('div.sizeColor a').each(function(el){
			if(el.hasClass('active')){
				el.removeClass('active');
			}
		});
		this.addClass('active');
		
	});

});

function switchColorPic(idC,id,src){
	$('hiddenColor').set('value',idC);
	if(src != ''){
		$(id).set('src',src);
	}
}


function changeBan(numbs)
{
	if(entrain == false)
	{
		entrain=true;
		if(timeout)
			clearTimeout(timeout);
		
		var myEffects = new Fx.Morph('ban_scroll', {
			duration: 'normal',
			transition: Fx.Transitions.Sine.easeOut,
			onComplete: function() {
				entrain=false;
				var numbis = parseInt(numbs)+1;
				if(numbis > 3)
				{
					numbis=0;
				}
				timeout=setTimeout("changeBan('"+numbis+"')",5000);
			}
		});
		
		myEffects.start({
			'margin-left': "-"+(numbs*960)+"px"
		});
		
		x=0;
		$$('.btn_ban').each(function(element2){
			if(x == numbs)
			{
				element2.addClass('hover');
			}
			else
			{
				element2.removeClass('hover');
			}
			x++;
		});
	}
}