var tab_script = new Array(
						"include/script/scrollable/dw_scrollObj.js",
						"include/script/scrollable/dw_hoverscroll.js",
						"include/script/scrollable/dw_event.js",
						"include/script/scrollable/dw_slidebar.js",
						"include/script/scrollable/dw_scroll_aux.js"
						);

var tab_css = new Array(
						"include/css/scrollable/scroll-rel.css"
						);

//inclusion des différents scripts utilitaires
len = tab_script.length;
for (i=0; i<len; i++) {
	script_tag = "<script type=\"text/javascript\" src=\"" + tab_script[i] + "\"></script>\n";
	document.write(script_tag);
}

//inclusion des différentes css
len = tab_script.length;
for (i=0; i<len; i++) {
	script_tag = "<link rel=\"stylesheet\" type=\"text/css\" media=\"screen\" href=\"" + tab_css[i] + "\" />\n";
	document.write(script_tag);
}

function initScrollLayer(container, div_scrollable) {

	  // arguments: id of layer containing scrolling layers (clipped layer), id of layer to scroll,
	  // if horizontal scrolling, id of element containing scrolling content (table?)
	  var wndo = new dw_scrollObj(container, div_scrollable);

	  // bSizeDragBar set true by default (explained at www.dyn-web.com/dhtml/scroll/ )
	  wndo.bSizeDragBar = true;

	  // arguments: dragBar id, track id, axis ("v" or "h"), x offset, y offset
	  // (x/y offsets of dragBar in track)
	  wndo.setUpScrollbar("dragBar", "track", "v", 1, 1);

	  // pass id('s) of scroll area(s) if inside table(s)
	  // i.e., if you have 3 (with id's wn1, wn2, wn3): dw_scrollObj.GeckoTableBugFix('wn1', 'wn2', 'wn3');
	 // dw_scrollObj.GeckoTableBugFix(container);

}


function insertScrollbarIn(container) {

	scrollbar = document.createElement("DIV");
	scrollbar.setAttribute("id", "scrollbar");
  	scrollbar.innerHTML =
  				"<div id=\"scrollbar\"><div id=\"up\"><a href=\"javascript:;\" onclick=\"return false\"" +
			  	"onmouseover=\"dw_scrollObj.initScroll('" + container + "','up')\" " +
			  	"onmouseout=\"dw_scrollObj.stopScroll('" + container + "')\" " +
			  	"onmousedown=\"dw_scrollObj.doubleSpeed('" + container + "')\" " +
				"onmouseup=\"dw_scrollObj.resetSpeed('" + container + "')\">" +
				"<img src=\"images/scrollable/btn-up.gif\" width=\"11\" height=\"11\" alt=\"\" /></a></div>" +
				"<div id=\"track\"><div id=\"dragBar\"></div></div>" +
				"<div id=\"down\"><a href=\"javascript:;\" onclick=\"return false\" " +
			  	"onmouseover=\"dw_scrollObj.initScroll('" + container + "','down')\" " +
			  	"onmouseout=\"dw_scrollObj.stopScroll('" + container + "')\" " +
			  	"onmousedown=\"dw_scrollObj.doubleSpeed('" + container + "')\" " +
			  	"onmouseup=\"dw_scrollObj.resetSpeed('" + container + "')\">" +
			  	"<img src=\"images/scrollable/btn-dn.gif\" width=\"11\" height=\"11\" alt=\"\" /></a></div>";

	document.getElementById(container).insertBefore(scrollbar, document.getElementById(container).firstChild);

}


function initScrollableContent() {
	document.getElementById("content").style.overflow = "hidden";
	document.getElementById("contenu").style.width = "380px";
	document.getElementById("contenu").style.overflow = "hidden";


	/* insertion de la scollbar dans la zone de contenu à défiler */
	insertScrollbarIn("contenu");

	//initialisation de la scrollbar
	initScrollLayer("contenu", "contenu_scrollable");

	dw_scrollObj.doubleSpeed('contenu');
}



/* gestion de la scrollbar du mulot pour le défilement des contenus */
var scrolling = false;
function stopScroll() {
	dw_scrollObj.stopScroll('contenu');
	scrolling = false;
}


function scrollingContent(direction) {
	if (!scrolling) {
		scrolling = true;
		dw_scrollObj.initScroll('contenu', direction);
		dw_scrollObj.doubleSpeed('contenu');
		setTimeout("stopScroll()", 500);
	}

}

function handle(delta) {

	if (navigator.userAgent.substr(0, 5) == "Opera") {
		if (delta < 0) {
        	scrollingContent("up");
        } else {
			scrollingContent("down");
		}
	} else {
        if (delta > 0) {
        	scrollingContent("up");
        } else {
			scrollingContent("down");
		}
	}
}

/** Event handler for mouse wheel event.
 */
function wheel(event){

    var delta = 0;
    if (!event) /* For IE. */
            event = window.event;
    if (event.wheelDelta) { /* IE/Opera. */
            delta = event.wheelDelta/120;
            /** In Opera 9, delta differs in sign as compared to IE.
             */
            if (window.opera)
                    delta = -delta;
    } else if (event.detail) { /** Mozilla case. */
            /** In Mozilla, sign of delta is different than in IE.
             * Also, delta is multiple of 3.
             */
            delta = -event.detail/3;
    }
    /** If delta is nonzero, handle it.
     * Basically, delta is now positive if wheel was scrolled up,
     * and negative, if wheel was scrolled down.
     */
    if (delta)
            handle(delta);
    /** Prevent default actions caused by mouse wheel.
     * That might be ugly, but we handle scrolls somehow
     * anyway, so don't bother here..
     */
    if (event.preventDefault)
            event.preventDefault();
	event.returnValue = false;
}

/** Initialization code.
 * If you use your own event management code, change it as required.
 */
if (window.addEventListener)
	/** DOMMouseScroll is for mozilla. */
	window.addEventListener('DOMMouseScroll', wheel, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = wheel;