/**********************************************
* Browser definition                          *
**********************************************/
if (navigator.userAgent.toLowerCase().indexOf('msie') != -1 && navigator.userAgent.toLowerCase().indexOf('opera') == -1) {
	var isIE = true;
	//get IE version
	if (navigator.userAgent.toLowerCase().indexOf("msie 5.5") != -1) {
		var isIE55 = true;
	} else if (navigator.userAgent.toLowerCase().indexOf("msie 6") != -1)  {
		var isIE6 = true;
	} else if (navigator.userAgent.toLowerCase().indexOf("msie 7") != -1)  {
		var isIE7 = true;
	}
} else if (navigator.userAgent.toLowerCase().indexOf('opera') != -1) {
	var isOp = true;
} else if (navigator.userAgent.toLowerCase().indexOf('firefox') != -1 || 
		  (navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && (navigator.userAgent.toLowerCase().indexOf('rv:1.7') != -1 || navigator.userAgent.toLowerCase().indexOf('rv:1.8') != -1))) {
	var isMoz = true;
}


/**
  * Add an event on a given object
  * @param html object obj, the object to add event on
  * @param string evType, the event type to add (click, mouseover, blur, etc.)
  * @param string fcn, the function name to call on event
  * @return boolean true on success, false on failure
  */
function CMS_addEvent(obj, evType, fcn) {
	if (obj.addEventListener) {
		obj.addEventListener(evType, fcn, true);
		return true;
	} else if (obj.attachEvent) {
		var r = obj.attachEvent("on"+evType, fcn);
		return r;
	} else {
		return false;
	}
	return true;
}

/**
  * Get element by id
  * @param string id, the element id to get
  * @return wanted element or false if not founded
  */
function getE(id) {
	var elmt = document.getElementById(id);
	if (elmt) { 
		return elmt;
	} else {
		return false;
	}
}


//check if the next sibling node is an element node
function get_nextsibling(n)
  {
  var x=n.nextSibling;
  while (x.nodeType!=1)
   {
   x=x.nextSibling;
   }
  return x;
  }



CMS_addEvent(window, 'load', function() {
	/*show more-info box */
	var aDivs = document.getElementsByTagName('div');

	for(var i=0; i<aDivs.length; i++){
		if(aDivs[i].className == 'detail-stitre-artvivre'){
			CMS_addEvent(aDivs[i], 'click', function() {
				if (isIE) {
					e = window.event.srcElement;
					var div = get_nextsibling(e);
				} else {
					e = this;
					var div = get_nextsibling(e);
				}
				if(div.style.display == "block" ){
					div.style.display = "none";
					//others style
					var aOthersDivs = document.getElementsByTagName('div');
					for(var j=0; j<aOthersDivs.length; j++){
						if(aOthersDivs[j].className == 'right-produit-artdevivre'){
							aOthersDivs[j].style.position = 'relative';
						}
					}
				} else {
					div.style.display = "block";
					//others style
					var aOthersDivs = document.getElementsByTagName('div');
					for(var j=0; j<aOthersDivs.length; j++){
						
						if(aOthersDivs[j].className == 'right-produit-artdevivre' && (aOthersDivs[j].childNodes[1].style.display == "none" || aOthersDivs[j].childNodes[1].style.display == "" )){
							
							aOthersDivs[j].style.position = 'static';
						}
					}
				}
			});
			
			
		}
		if(aDivs[i].className == 'close-detail'){
			CMS_addEvent(aDivs[i], 'click', function() {
				if (isIE) {
					e = window.event.srcElement;
					var div = e.parentNode.parentNode;
				} else {
					e = this;
					var div = e.parentNode;
				}
				if(div.style.display == "block" ){
					div.style.display = "none";
				} else {
					div.style.display = "block";
				}
			});
		}
	}
});