/**
* A simple JavaScript image loaderimage loader
* @author Cuong Tham
* @url http://thecodecentral.com/2008/02/21/a-useful-javascript-image-loader
* @usage
* var loader = new ImageLoader('IMAGE_URL');
* //set event handler
* loader.loadEvent = function(url, image){
*   //action to perform when the image is loaded
*   document.body.appendChild(image);
* }
* loader.load();
*/

//source: http://snipplr.com/view.php?codeview&id=561
// Cross-browser implementation of element.addEventListener()
function addListener(element, type, expression, bubbling)
{
  bubbling = bubbling || false;
  if(window.addEventListener)	{ // Standard
    element.addEventListener(type, expression, bubbling);
    return true;
  } else if(window.attachEvent) { // IE
    element.attachEvent('on' + type, expression);
    return true;
  } else return false;
}

var ImageLoader = function(url){
  this.url = url;
  this.image = null;
  this.loadEvent = null;
};

ImageLoader.prototype = {
  load: function(){
    this.image = document.createElement('img');
    var url = this.url;
    var image = this.image;
    var loadEvent = this.loadEvent;
    addListener(this.image, 'load', function(e){
      if(loadEvent != null){
        loadEvent(url, image);
      }
    }, false);
    this.image.src = this.url;
  },
  getImage:function(){
    return this.image;
  }
};


// Pour IE / menu
var sfHover = function() {
/*	var sfEls = document.getElementById("menu").getElementsByTagName("LI");

	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover = function() {
			this.className+=" sfhover"
		}
		sfEls[i].onmouseout = function() {
			this.className = this.className.replace(new RegExp(' sfhover\\b'), "");
		}
	}
	*/
	// prototype
	$$('#menu li').each(function (ele) {
		Event.observe(ele, "mouseover", function (event) {
			if(typeof this.down('ul') != 'undefined') {
				this.down('ul').setStyle({left : '0' })
			}

		});
		Event.observe(ele, "mouseout", function (event) {
			if(typeof this.down('ul') != 'undefined') {
				this.down('ul').setStyle({left : '-999em' })
			}
		});
	});
}
if (window.attachEvent) {
	document.observe("dom:loaded", sfHover);
}

Event.observe(window, 'load', loadAccordions, false);

document.observe("dom:loaded", function(){

	//if(Object.isElement($('faq-accordion')))
    //	accordion = new Accordion("faq-accordion", 1, true);

    /*browser = navigator.userAgent;
	var browserversion = navigator.appVersion;
	if (browser.indexOf('MSIE')!=-1 || browser.indexOf('Opera')!=-1) {
		DD_roundies.addRule('.footer-pourtour', '10px 10px');
	}*/

	//if(!Object.isElement($('menu'))) return;
	$$('.menu-expertise')[0].observe('mouseover', function (event) {
		$$('.menu-expertise img')[0].src = '/assets/images/menu_expertise_on.png';
	});
	$$('.menu-expertise')[0].observe('mouseout', function (event) {
		$$('.menu-expertise img')[0].src = '/assets/images/menu_expertise.png';
	});

	$$('.menu-gamme')[0].observe('mouseover', function (event) {
		$$('.menu-gamme img')[0].src = '/assets/images/menu_gamme_on.png';
	});
	$$('.menu-gamme')[0].observe('mouseout', function (event) {
		$$('.menu-gamme img')[0].src = '/assets/images/menu_gamme.png';
	});

	$$('.menu-energie')[0].observe('mouseover', function (event) {
		$$('.menu-energie img')[0].src = '/assets/images/menu_energie_vitamines_on.png';
	});
	$$('.menu-energie')[0].observe('mouseout', function (event) {
		$$('.menu-energie img')[0].src = '/assets/images/menu_energie_vitamines.png';
	});

	$$('.menu-coaching-forme')[0].observe('mouseover', function (event) {
		$$('.menu-coaching-forme img')[0].src = '/assets/images/menu_coaching_forme_on.png';
	});

	$$('.menu-coaching-forme')[0].observe('mouseout', function (event) {
		$$('.menu-coaching-forme img')[0].src = '/assets/images/menu_coaching_forme.png';
	});
})

if(js_imgs) {
	js_imgs.each(function (el) {
		var loader = new ImageLoader(baseuri + 'assets/images/' + el);
		loader.load();
		loader.loadEvent = function(url, image){
			//actions to perform when the image is loaded
			//hide loading indicator if applicable
		}
	});
}

function loadAccordions() {
	if(Object.isElement($('faq-accordion')))
		var bottomAccordion = new accordion('faq-accordion');
}

// Browser detection for Corner (IE & Opera // FF & Safari & Chrome)
var browser = navigator.userAgent;
var browserversion = navigator.appVersion;

if (browser.indexOf('MSIE')!=-1 || browser.indexOf('Opera')!=-1) {
    window.setTimeout("IEDOMContentLoaded()", 0);

    function IEDOMContentLoaded() {
        if(!(document.readyState==3))
            domreadydo();
        else
            window.setTimeout("IEDOMContentLoaded()", 0);
    }

    function domreadydo() {
    	//DD_roundies.addRule('.footer-pourtour', '10px', true);
    }
} else {
	// FF & Safari & Chrome
	DD_roundies.addRule('.footer-pourtour', '10px', true);
}


function cl () {
	if(typeof console == "undefined") return ;
	$A(arguments).each(function (a) {
		console.log(a)
    });
}

