////////////////////////////////////////////
Element.extend({
	getWidth: function(){
		return this.getCoordinates().width
	},
	getHeight: function(){
		return this.getCoordinates().height
	}
});
////////////////////////////////////////////

function initScrollArea() {
	$$("div.scrollarea div").each(function(div){
		div.setStyles("bottom:-71px; height:97px; overflow:hidden; cursor:pointer;");
		div.fxMove = new Fx.Style(div, "bottom", {
			duration: 500,
			transition: Fx.Transitions.Back.easeOut
		});
		div.addEvent("mouseenter", function(e) {
			//this.setOpacity(0.8);
			this.fxMove.stop();
			this.fxMove.start(0);
		});
		div.addEvent("mouseleave", function(e) {
			//this.setOpacity(1);
			this.fxMove.stop();
			this.fxMove.start(-71);
		});
	});
	//
	$$("div.scrollareatop").each(function(div){
		div.setStyles("bottom:-71px; cursor:pointer;");
		div.fxMove = new Fx.Style(div, "bottom", {
			duration: 500,
			transition: Fx.Transitions.Back.easeOut
		});
		div.addEvent("mouseenter", function(e) {
			//this.setOpacity(0.8);
			this.fxMove.stop();
			this.fxMove.start(0);
		});
		div.addEvent("mouseleave", function(e) {
			//this.setOpacity(1);
			this.fxMove.stop();
			this.fxMove.start(-71);
		});
	});
}

function initTips(){
	if ($$("a.tip").length == 0) return;
	var body = $$("body")[0];
	var frm = new Element("iframe").setProperties({
		"id": "tipPopupFrame",
		"src": "about:blank",
		"frameborder": "0"
	}).addClass("tipPopupFrame").injectInside(body);
	var tip = new Element("div").setProperty("id", "tipPopup").addClass("tipPopup").injectInside(body);
	//	
	$$("a.tip").each(function(a, i){
		a.addEvent("mouseover", function(e){
			new Event(e).stop();
			tip.empty();
			//loader.setStyle("visibility", "visible");
			// call AJAX here based on ID of a tag
			var cont = $("detai1_" + i);
			if (cont) {
				tip.setStyles({
					"visibility": "hidden",
					//"width": "auto"
					"width": "255px"
				}).innerHTML = cont.innerHTML;
			}
			//
			tip.setStyles({
				"visibility": "visible",
				//"width": tip.getWidth()+"px"
				"width": "255px"
			});
			frm.setProperties({
				//"width": tip.getWidth(),
				"width": "255px",
				"height": tip.getHeight()
			}).setStyles({
				"visibility": "visible",
				//"width": tip.getWidth()+"px",
				"width": "255px",
				"height": tip.getHeight()+"px"
			});
		});
		a.addEvent("mouseleave", function(e){
			new Event(e).stop();
			tip.setStyle("visibility", "hidden");
			frm.setStyle("visibility", "hidden");
		//	loader.setStyle("visibility", "hidden");
		});
		a.addEvent("mousemove", function(e){
			var evt = new Event(e);
			var x = (tip.getWidth()+evt.page.x<window.getScrollWidth()-20) ? evt.page.x+10 : evt.page.x-tip.getWidth()-10;
			var y = (tip.getHeight()+evt.page.y<window.getHeight()+window.getScrollTop()-20) ? evt.page.y+10 : evt.page.y-tip.getHeight()-10;
			tip.setStyles({
				top: y,
				left: x
			});
			frm.setProperties({
				"width": tip.getWidth(),
				"height": tip.getHeight()
			}).setStyles({
				"visibility": "visible",
				"width": tip.getWidth()+"px",
				"height": tip.getHeight()+"px",
				"top": y,
				"left": x
			});
		});
	});
	//
	
}
//////////////////////////////////////

function fInitSubmenu() {
	try {
		var current;
		var tweening = false;
		$$("ul.subNav").each(function(el){
			var link = el.getPrevious();
			link.block = el;
			link.fx = new Fx.Slide(link.block, {
				onComplete : function(){
					tweening = false;
				}
			});
			if (!link.block.hasClass("opened")) {
				link.fx.hide();
			} else {
				current = link;
			}
			link.addEvent('click', function(e){
				new Event(e).stop();
				var oThis = $(this);
				//
				if (tweening) {
					return;
				}
				//
				if (current) {
					//referme
					tweening = true;
					current.fx.slideOut();
					current.setStyle("background", "url(/e_commerce/ximg/bgd_arrow_01.gif) 0 5px no-repeat");
					current.getParent().setStyle("background", "none");
					if(current.title == oThis.title){
						current = null;
						return;
					}
					current = null;
				}
				
				//ouvre
				oThis.fx.slideIn();
				oThis.setStyle("background", "url(/e_commerce/ximg/bgd_arrow_02.gif) 0 6px no-repeat");
				if($$(".contLev3").length!=0) {
					//oThis.getParent().setStyle("background", "url(/e_commerce/ximg/bgd_nav_type1_opened.gif) 0 0 repeat-x");
				} else if($$(".contLev").length!=0) {
					//oThis.getParent().setStyle("background", "url(/e_commerce/ximg/bgd_nav_type2_opened.gif) 0 0 repeat-x");
				}			
				current = oThis;
			});
		});
	} catch(e) {
	}
}
//
function fInitSymbols() {
	for (var i = 1; i < 6; i++) {
		if ($("symbol"+i)) {
			$("symbol"+i).pos = -10-31*(5-i);
			$("symbol"+i).addEvent("mouseenter", function(e){
				new Event(e).stop();
				showSymbolTip($(this));
			});
		}
	}
	function showSymbolTip(el){
		try {
			var oDiv = el.getParent().getPrevious().getFirst();
			oDiv.setHTML(el.getFirst().getFirst().innerHTML);
			oDiv.getParent().setStyle("background-position", el.pos+"px 100%");
		} catch (e){}
	}
}
//
function opaceIt(thisObj, opaceTo) {
	/*if (!thisObj) return;
	if (opaceTo != 0)
		thisObj.style.display='block';
	else thisObj.style.display='none';*/
	/*if (opaceTo != 0) {
		thisObj.setStyles({
			display:'block'
		}).setOpacity(1);
	}*/
	if(thisObj.getStyle("opacity")==0 || thisObj.getStyle("opacity")==1) {
		thisObj.setStyles({display:'block', opacity: eval(1-opaceTo)});
		var myEffects = new Fx.Morph(thisObj, {
			duration:400, 
			transition:Fx.Transitions.quadInOut
		});
		myEffects.start({'opacity': opaceTo});
	}
}
///////////////////////
var fShowLayer = function (oSourceLayer, linkObject){
	$('showDeatilFAQ').innerHTML=oSourceLayer.innerHTML;
	if ($(linkObject)) {
		$('showDeatilFAQ').setStyles({
			top: $(linkObject).getCoordinates().top+14,
			left: $(linkObject).getCoordinates().left
		});
	}
	opaceIt($('showDeatilFAQ'), 1) 
}
<!--Tab 01-->
var fShowLayer1 = function (oSourceLayer, linkObject){
	$('showDeatilFAQ1').innerHTML=oSourceLayer.innerHTML;
	if ($(linkObject)) {
		$('showDeatilFAQ1').setStyles({
			top: $(linkObject).getCoordinates().top+14,
			left: $(linkObject).getCoordinates().left
		});
	}
	opaceIt($('showDeatilFAQ1'), 1) 
}
<!--Tab 02-->
var fShowLayer2 = function (oSourceLayer, linkObject){
	$('showDeatilFAQ2').innerHTML=oSourceLayer.innerHTML;
	if ($(linkObject)) {
		$('showDeatilFAQ2').setStyles({
			top: $(linkObject).getCoordinates().top+14,
			left: $(linkObject).getCoordinates().left
		});
	}
	opaceIt($('showDeatilFAQ2'), 1) 
}
<!--Tab 03-->
var fShowLayer3 = function (oSourceLayer, linkObject){
	$('showDeatilFAQ3').innerHTML=oSourceLayer.innerHTML;
	if ($(linkObject)) {
		$('showDeatilFAQ3').setStyles({
			top: $(linkObject).getCoordinates().top+14,
			left: $(linkObject).getCoordinates().left
		});
	}
	opaceIt($('showDeatilFAQ3'), 1) 
}
<!--Tab 04-->
var fShowLayer4 = function (oSourceLayer, linkObject){
	$('showDeatilFAQ4').innerHTML=oSourceLayer.innerHTML;
	if ($(linkObject)) {
		$('showDeatilFAQ4').setStyles({
			top: $(linkObject).getCoordinates().top+14,
			left: $(linkObject).getCoordinates().left
		});
	}
	opaceIt($('showDeatilFAQ4'), 1) 
}
///////////////////////
function totalTTC()
{
	var val = document.formTotalPrice.quantite.options[document.formTotalPrice.quantite.selectedIndex].value;
	$("totalTTC").innerHTML = parseInt($("prix").innerHTML) * parseInt(val);
	
}
function totalTTC1()
{
	var val = document.formTotalPrice1.quantite1.options[document.formTotalPrice1.quantite1.selectedIndex].value;
	$("totalTTC1").innerHTML = parseInt($("prix1").innerHTML) * parseInt(val);
	
}
function totalTTC2()
{
	var val = document.formTotalPrice2.quantite2.options[document.formTotalPrice2.quantite2.selectedIndex].value;
	$("totalTTC2").innerHTML = parseInt($("prix2").innerHTML) * parseInt(val);
	
}

///////////////////////////////////

function initSliders(selectedTab) {
	var slide = $("slider");
	if (!slide) return;

	var elements = slide.getElements("dd");
	var togglers = slide.getElements("dt");
	elements.setStyle("display", "block");
	new Accordion(togglers, elements, {
		duration: 300,
		opacity: false,
		alwaysHide: true,
		display: selectedTab,
		onActive: function(el) {
			el.addClass("active");
		},
		onBackground: function(el) {
			el.removeClass("active");
		}
	});
}
///////////////
///////////////////////////////////

function initSliders1() {
	var slide = $("slider1");
	if (!slide) return;
	//
	var elements = slide.getElements("dd");
	var togglers = slide.getElements("dt");
	elements.setStyle("display", "block");
	new Accordion(togglers, elements, {
		duration: 300,
		opacity: false,
		alwaysHide: true,
		onActive: function(el) {
			el.addClass("active");
			var img = el.getFirst().getFirst();
			
			if(img.id == "haut")
			{
				img.src = "/e_commerce/ximg/btn_le_haut_02.gif";
			}
			else if(img.id == "bas")
			{
				
				img.src = "/e_commerce/ximg/btn_le_bas_02.gif";
			}
			else if(img.id == "accessoire")
			{
				
				img.src = "/e_commerce/ximg/btn_laccessoire_02.gif";
			}
		},
		onBackground: function(el) {
			el.removeClass("active");
			var img = el.getFirst().getFirst();
			
			if(img.id == "haut")
			{
				img.src = "/e_commerce/ximg/btn_le_haut_01.gif";
			}
			else if(img.id == "bas")
			{
				
				img.src = "/e_commerce/ximg/btn_le_bas_01.gif";
			}
			else if(img.id == "accessoire")
			{
				
				img.src = "/e_commerce/ximg/btn_laccessoire_01.gif";
			}
		}
	});
}
///////////////
function limitText(limitField, limitCount, limitNum) {
	if (limitField.value.length > limitNum) {
		limitField.value = limitField.value.substring(0, limitNum);
	} else {
		limitCount.value = limitNum - limitField.value.length;
	}
}
////////////////
function fShowMoreCopines(idCont, idPlus)
{
	idCont.setStyle("display", "block");
	idPlus.setStyle("display", "none");
}
//////////////
function fShowMoreEspaceFile(idCont, list)
{
	idCont.setStyle("display", "block");
	var listTye = $$("td.type01");
	for(var i=0; i<listTye.length; i++)
	{
		listTye[i].removeClass("typeActive");
	
		if (i == list){
			listTye[i].addClass("typeActive");
		}
			
	}
}
////////////////
function fShowConent(idCont, idActive)
{
	if (idCont.className == "")
	{
		idCont.addClass("hide1");
		idActive.removeClass("active");
	}
	else if (idCont.className == "hide1")
	{
		idCont.removeClass("hide1");
		idActive.addClass("active");
	}
}
function fShowHideList(){
var a= $('option1');
if(!a)return;
	a.addEvent('click',function(el){
			//new Event(el).stop();
			$('magasinCacheCache').getFirst().getNext().setStyle("display", "block");
			}
		);
var b= $('option2');
if(!b)return;
	b.addEvent('click',function(el){
			//new Event(el).stop();
			$('magasinCacheCache').getFirst().getNext().setStyle("display", "block");
			}
		);
var radio1 = $('radio1');
if(!radio1)return;
	radio1.addEvent('click',function(el){
	//new Event(el).stop();
	$('magasinCacheCache').getFirst().getNext().setStyle("display", "block");
	});	
var radio2 = $('radio2');
if(!radio2)return;
	radio2.addEvent('click',function(el){
	//new Event(el).stop();
	$('magasinCacheCache').getFirst().getNext().setStyle("display", "block");
	});	
}
/* hover effect */
window.addEvent("domready", function() {
	initScrollArea();
	initTips();
	//fInitSubmenu();
	fInitSymbols();
	initSliders(tabInit);
	initSliders1();
	fShowHideList();
if(document.all && navigator.appVersion.indexOf("MSIE")>-1 && navigator.appVersion.indexOf("Windows")>-1)
  {
    var a = document.getElementsByTagName("label");
    for(var i=0,j=a.length;i<j;i++){
      if(a[i].hasChildNodes && a[i].childNodes.item(0).tagName == "IMG")
      {
        a[i].childNodes.item(0).forid = a[i].htmlFor;
        a[i].childNodes.item(0).onclick = function(){
          var e = document.getElementById(this.forid);
          switch(e.type){
            case "radio": e.checked|=1;break;
            case "checkbox": e.checked=!e.checked;break;
            case "text": case "password": case "textarea": e.focus(); break;
          }
        }
      }
    }
  }
});