function showImage(index,len) {
var $ = jQuery
	$('.contentImage').scrollable().seekTo(index)
	//changeText(index, len)
}
function changeText(index, len) {
var $ = jQuery
	$('#imageBrowser .index').text((index+1)+' / '+len)
	var lnkPrev = $('#imageBrowser a.prev')
	var lnkNext = $('#imageBrowser a.next')
	
	$('.contentImageCaptions .caption').eq(index).show();
	if(index==0) {
		if(lnkPrev.css('display')=='none') {
			return
		}
		lnkPrev.hide()
		$('#imageBrowser').prepend('<span class="prev">&laquo;</span>')
	} else if(lnkPrev.css('display')=='none') {
		$('#imageBrowser span.prev').remove()
		lnkPrev.show()
	} else if((index+1)==len) {
		lnkNext.hide()
		$('#imageBrowser').append('<span class="next">&raquo;</span>')
	} else if(lnkNext.css('display')=='none') {
		$('#imageBrowser span.next').remove()
		lnkNext.show()
	}
}
function initImages() {
	var $ = jQuery
	var len = $('.contentImage .image').length
	if(len<=1){
		return
	}
	var currentIndex = 0
	$('.contentImageCaptions .caption').hide();
	$('.contentImage').scrollable({
		size: 1,
		vertical:true,
		onSeek: function(p){
			$('.contentImageCaptions .caption').hide();
			
			changeText(p, len)
			currentIndex = p
			return false;
		}	
	})
	
	//$('.contentImage').scrollable().seekTo(2)
	$('#mainBody .content .left').append('<div id="imageBrowser" class="browser"><a class="prev" href="#">&laquo;</a><span class="index"></span><a class="next" href="#">&raquo;</a></div>');
	showImage(currentIndex,len)
	$('#imageBrowser a.prev').click(function() {
		currentIndex -= 1
		showImage(currentIndex, len)
	})
	$('#imageBrowser a.next').click(function() {
		currentIndex += 1
		showImage(currentIndex, len)
	})
	//var imgBrws = $('#mainBody').
	
}

jQuery(document).ready(function(){
	var $ = jQuery
	
	initImages()
	$('#main .browser').appendTo('#pageHeader')
	$('#mainMenu ul.submenu').each(function() {
		var s = $(this)
		s.parent().hover(function() {
			s.show()
		}, function() {
			s.hide()
		})
		var h = s.height() + 42
		//alert("HU:"+h)
		s.css('marginTop', -h)
	})
	
})
