/*--FUNCTIONS.JS--*/

function pngFix(){
	$$(".pngFix").each(function(el){
		$(el).firstChild.style.visibility = "hidden";
		$(el).style.display = "block";
		$(el).style.width = $(el).firstChild.width+"px";
		$(el).style.height = $(el).firstChild.height+"px";
		$(el).style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+$(el).firstChild.src+"', sizingMethod='crop');";
	});
}

function getRollOver(element){
	var stockSrc = element.src;
	stockSrc = stockSrc.substr(0, stockSrc.length-4);
	element.src = stockSrc+'_hover.png';
	element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+element.src+"', sizingMethod='crop');";
}

function getRollOut(element){
	var stockSrc = element.src;
	stockSrc = stockSrc.substr(0, stockSrc.length-10);
	element.src = stockSrc+'.png';
	element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+element.src+"', sizingMethod='crop');";
}

Event.observe(window,'load',function(){

	$$('.radioList .radio').each(function(el){
		Event.observe(el, 'click', function(){
			if(!el.hasClassName('active')){
				$$('.radioList label.active').each(function(el){
					getRollOut(el.descendants()[1]);
					el.removeClassName('active');
				});
				el.next(1).addClassName('active');
				getRollOver(el.next(1).descendants()[1]);
				$$('.radioList .radio').each(function(el){
					el.removeClassName('active');
				});
				el.toggleClassName('active');
				el.next(0).checked = true;
			}
		});
	});
	
	$$('.radioList label').each(function(el){
		Event.observe(el, 'mouseover', function(){
			if(!el.hasClassName('active')){
				getRollOver(el.descendants()[1]);
			}
		});
		Event.observe(el, 'mouseout', function(){
			if(!el.hasClassName('active')){
				getRollOut(el.descendants()[1]);
			}
		});
		Event.observe(el, 'click', function(){
			if(!el.hasClassName('active')){
				$$('.radioList label.active').each(function(el){
					getRollOut(el.descendants()[1]);
					el.removeClassName('active');
				});
				el.addClassName('active');
				$$('.radioList .radio').each(function(el){
					el.removeClassName('active');
				});
				el.previous(0).checked = true;
				el.previous(1).toggleClassName('active');
			}
		});
	});
	
	$$('.radioList input').each(function(el){
		if(el.checked){
			el.previous(0).addClassName('active');
			el.next().addClassName('active');
			getRollOver(el.next().descendants()[1]);
		}
	});

	compteur = 1;
	$$('#tabs li').each(function(el){
		el.id = "tab_"+compteur;
		Event.observe(el, 'click', function(){
			if(!el.hasClassName('active')){
				$$('#tabs li').each(function(el){
					el.removeClassName('active');
				});
				el.addClassName('active');
				var stockTabName = el.id.substr(4, el.id.length);
				if($('tabItem_'+stockTabName)){
					$$('#tabView .tabItem').each(function(el){
						el.setStyle({display:'none'});
					});
					$('tabItem_'+stockTabName).setStyle({display:'block'});
				}
			}
		});
		compteur++;
	});
	
	compteur = 1;
	$$('#tabView .tabItem').each(function(el){
		el.id = "tabItem_"+compteur;
		if(el.hasClassName('active')){
			el.setStyle({display:'block'});
			el.removeClassName('active');
		}
		else{
			el.setStyle({display:'none'});
		}
		compteur++;
	});
	
	compteur = 1;
	$$('#viewList li').each(function(el){
		el.id = "thumb_"+compteur;
		Event.observe(el, "mouseover", function(){
			if(!el.hasClassName('active')){
				$$('#viewList li').each(function(el){
					el.removeClassName('active');
				});
				el.addClassName('active');
				var stockName = el.id.substr(6, el.id.length);
				if($('view_'+stockName)){
					$$('#view img').each(function(el){
						el.setStyle({display:'none', opacity:0});
					});
					$('view_'+stockName).setStyle({display:'block'});
					new Effect.Opacity('view_'+stockName, {from:0, to:1, duration:0.3});
				}
			}
		});
		compteur++;
	});
	
	compteur = 1;
	$$('#view img').each(function(el){
		el.id = "view_"+compteur;
		if(compteur == 1){
			el.setStyle({display:'block', opacity:1});
		}
		else{
			el.setStyle({display:'none', opacity:0});
		}
		el.removeClassName('active');
		compteur++;
	});

});