////////////////////////////////////////////////////////////
//
//	Slides
//
	
var g_slides = [{image:"slides/login.gif"},{image:"slides/tree.gif"},{image:"slides/context.gif"},{image:"slides/editor.gif"},{image:"slides/admin.gif"}]

var g_slideSelected = null
var g_slideURL = null
 
var SLIDEON = "images/slide_on.gif"
var SLIDEOFF = "images/slide_off.gif"
	
function showSlides() {
	var l_div = document.getElementById("slides")	
	l_div.onmousedown = clickSlide
	
	var l_imgButton
	
	for (var i=0;i<g_slides.length; i++) {
		l_imgButton = document.createElement("img")
		l_div.appendChild(l_imgButton)
		
		l_imgButton.index = i
		l_imgButton.onmouseover = function () {
			showSlide(this)
		}		
		l_imgButton.src = SLIDEOFF
		l_imgButton.className = "slideButton"
		l_imgButton.style.cursor = "pointer"
		
		g_slides[i]["button"] = l_imgButton
	}
	
	// show last slide
	showSlide(g_slides[0].button)
	
	// start slide show
	setInterval("nextSlide()", 4000)
	
}
 
function showSlide(p_button) {
	// turn off old
	if (g_slideSelected != null) {
		g_slideSelected.src = SLIDEOFF
	}
	
	// turn on new button
	g_slideSelected = p_button	
	g_slideSelected.src = SLIDEON
	
	// show slide
	var l_div = document.getElementById("slides")
	l_div.style.backgroundImage = "url("+g_slides[g_slideSelected.index].image+")"
	
	g_slideURL = g_slides[g_slideSelected.index].link
}
 
function clickSlide() {
	if (g_slideURL != null) {
		document.location = g_slideURL
	}
}
 
function nextSlide() {
	var l_indexSlide = g_slideSelected.index + 1
	
	if (l_indexSlide >= g_slides.length)
		l_indexSlide = 0	
	
	showSlide(g_slides[l_indexSlide].button)
}

onload = function () {
	showSlides()
}