// JavaScript Document

window.addEvent('domready',init)

var thumbList = new Array()
var picList = new Array()

function init(){
	thumbList = $$('.gallery .thumbs li a')
	picList = $$('.gallery .pics li')
	initRollOvers()
	selectThumb(0)
	showPic(0)
}

function initRollOvers(){
	$each(thumbList, function(el,i){
		el.addEvent('mouseover',function(){
			selectThumb(i)
			showPic(i)
		})
	})
}

function selectThumb(id){
	$each(thumbList, function(el,i){
		if(i == id){
			el.addClass('over')
		}else{
			el.removeClass('over')
		}
	})
}

function showPic(id){
	$each(picList, function(el,i){
		if(i == id){
			el.setStyle('display','block')
		}else{
			el.setStyle('display','none')
		}
	})
}