window.onload = init;

function init() 
{
	overHighLight ();
	initScrollLayers();
	scrollBar();
}
function initScrollLayers() {
	if(document.getElementById('scrollbar'))
	{
		// 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 wndo1 = new dw_scrollObj('scrollbar', 'souscontenu', null);
		
		// arguments: dragBar id, track id, axis ("v" or "h"), x offset, y offset
		// (x/y offsets of dragBar in track)
		wndo1.setUpScrollbar("dragBar", "track", "v", 1, 1);
		  
		  
		// Read instructions if your scrolling layers are inside tables 
		  
		// Scrollbars initially hidden in this example 
		dw_showLayers("scrollbar");
	}
}

function dw_showLayers() {
  if ( document.getElementById ) {
    var lyr, i;
    for (i=0; arguments[i]; i++) {
      lyr = document.getElementById( arguments[i] );
      lyr.style.visibility = "visible";
    }
  }
}
function overHighLight ()
{
	if(document.getElementById("images"))
	{
		var divImages = document.getElementById("images");
		var divImage = divImages.getElementsByTagName("div");
		
		for(var i = 0 ; i < divImage.length ; i ++)
		{
			var stylePrecedent;
			divImage[i].onmouseover = function ()
			{
				stylePrecedent = this.className;
				this.className = "over";
				return true;
			}
			divImage[i].onmouseout = function ()
			{
				this.className = stylePrecedent;
				return true;
			}
			divImage[i].onclick = function ()
			{
				var lien = this.getElementsByTagName("a");
				document.location.href = lien[0].href;
				return true;
			}
		}
	}
	
	if(document.getElementById("mozaique"))
	{
		var divImages = document.getElementById("mozaique");
		var divImage = divImages.getElementsByTagName("div");
		for(var i = 0 ; i < divImage.length ; i ++)
		{
			var stylePrecedent;
			divImage[i].onmouseover = function ()
			{
				stylePrecedent = this.className;
				this.className = "over";
				return true;
			}
			divImage[i].onmouseout = function ()
			{
				this.className = stylePrecedent;
				return true;
			}
		}
	}
	if(document.getElementById("principal"))
	{
		var divImages = document.getElementById("principal");
		var divImage = divImages.getElementsByTagName("div");
		for(var i = 0 ; i < divImage.length ; i ++)
		{
			var stylePrecedent;
			divImage[i].onmouseover = function ()
			{
				stylePrecedent = this.className;
				this.className = "over";
				return true;
			}
			divImage[i].onmouseout = function ()
			{
				this.className = stylePrecedent;
				return true;
			}
		}
	}
}

function scrollBar()
{
	up();
	down();
}

function up()
{
	if(document.getElementById("up"))
	{
		var divSousContenu = document.getElementById("souscontenu");
		var scrollUp = document.getElementById("up");
		scrollUp.onclick = function(){return false}
		scrollUp.onmouseover = function()
		{
			dw_scrollObj.initScroll('scrollbar','up')
		}
		scrollUp.onmousedown = function()
		{
			dw_scrollObj.doubleSpeed('scrollbar')
		}
		scrollUp.onmouseout = function()
		{
			dw_scrollObj.stopScroll('scrollbar')
		}
		scrollUp.onmouseup = function()
		{
			dw_scrollObj.resetSpeed('scrollbar')
		}
	}
	
}
function down()
{
	if(document.getElementById("down"))
	{
		var divSousContenu = document.getElementById("souscontenu");
		var scrollDown = document.getElementById("down");
		scrollDown.onclick = function(){return false}
		scrollDown.onmouseover = function()
		{
			dw_scrollObj.initScroll('scrollbar','down')
		}
		scrollDown.onmousedown = function()
		{
			dw_scrollObj.doubleSpeed('scrollbar')
		}
		scrollDown.onmouseout = function()
		{
			dw_scrollObj.stopScroll('scrollbar')
		}
		scrollDown.onmouseup = function()
		{
			dw_scrollObj.resetSpeed('scrollbar')
		}
	}
}