document.observe('dom:loaded', function(event){
	var gallery = $('gallery2')
	if(gallery == null) return;
	gallery.select('div.image_view img')[0].writeAttribute('src',gallery.select('ul.ul_thumbs li')[0].select('img')[0].readAttribute('src'))
	gallery.observe('click',function(event){
		var obj = Event.element(event)
		if(obj.hasClassName('leftArrow')){
			var th  = $$('.ul_thumbs')[0]
			var left = th.style.left.replace('px','')
			if(left == null || left == '')
				left = 0 
			else
				left = parseInt(left)
			if(left < 0)
				th.style.left = (left + 114)+"px"
		}else if(obj.hasClassName('rightArrow')){
			var th  = $$('.ul_thumbs')[0]
			var left = th.style.left.replace('px','')
			if(left == null || left == '')
				left = 0 
			else
				left = parseInt(left)
			var nth = th.childElements().length
			if(left  > (0-(nth-6)*114))
				th.style.left = (left - 114)+"px"
		} else if(obj.hasClassName('li_thumb')) {
			obj.up('.gallery2').select('div.image_view img')[0].writeAttribute('src',obj.readAttribute('src'))
		}
	})
})