var g_rows 
var g_currentImage = 0
function hideImage(imageIndex) {
	g_rows.eq(imageIndex).hide()
}
function showImage(imageIndex) {
	g_currentImage = imageIndex
	g_rows.eq(imageIndex).show()
	var sCount = (imageIndex+1)+' / '+g_rows.length
	jQuery('div.image-menu li.text').text(sCount)
}

jQuery(document).ready(function() {
	jQuery('.image-gallery').each(function() {
	
	
		var self = jQuery(this)
		g_rows = jQuery(this).find('.row')
		if(g_rows.length<=1) {
			return;
		}
		
		g_rows.hide()
		
		var imgMenu = 	$(this).find('div.image-menu')
		//imgMenu.appendTo($(this).find('div.image-gallery').parent())
		jQuery('div.image-gallery').prepend(imgMenu)
		jQuery('div.image-gallery').after('<div style="clear:both"></div>')

		var sMenu = '<ul class="menu">'
		sMenu += '<li><a href="#" onClick="return false;" class="prev" id="prevImage">&nbsp;</a></li>'
		sMenu += '<li class="text">&nbsp;</li>'
		sMenu += '<li><a href="#" onClick="return false;" class="next" id="nextImage">&nbsp;</a></li>'
		//$(this).find('.row:gt(0)').remove()
		sMenu += '</ul>'
		
		jQuery('div.image-menu').append(sMenu)

		showImage(0)

		jQuery('div.image-menu #nextImage').click(function() {
			if(!g_rows.eq(g_currentImage+1).get(0)) {
				return
			}
			jQuery(this).blur()
			hideImage(g_currentImage)
			showImage(g_currentImage+1)
		})

		jQuery('div.image-menu #prevImage').click(function() {
			if(!g_rows.eq(g_currentImage-1).get(0)) {
				return
			}
			jQuery(this).blur()
			hideImage(g_currentImage)
			showImage(g_currentImage-1)
		})


	})
})