jQuery(document).ready(function() {
var $ = jQuery

	jQuery('.image-gallery').each(function() {

		var self = jQuery(this)
		var rows = jQuery(this).find('.row')

		jQuery('div.image-gallery').prepend('<div class="items" />')
		rows.appendTo('div.image-gallery .items')

		var imgMenu = 	$(this).find('div.image-menu')
		imgMenu.append('<div class="textScroller"><div class="texte" /></div>')

		//imgMenu.appendTo($(this).find('div.image-gallery').parent())
		jQuery('div.image-gallery').after(imgMenu)
		jQuery('div.image-gallery').after('<div style="clear:both"></div>')

		//.length()

		var sMenu = '<ul class="menu">'
		//$(this).find('.row:gt(0)').remove()
		for(var x=0; x < rows.length; x++) {

			if(rows.eq(x).find('.content').get(0)) {
				rows.eq(x).find('.content').appendTo('div.image-menu .texte')
			} else {
				jQuery('<div class="content empty"><p class="bodytext"></p></div>').appendTo('div.image-menu .texte')
			}
			sMenu += '<li><a href="#" onClick="return false;" class="page-'+x+'">&nbsp;</a></li>'
		}
		sMenu += '</ul>'

		jQuery('div.image-menu').prepend(sMenu)
		jQuery('div.image-menu .content').hide()

	  jQuery('div.image-menu ul.menu li a').click(function() {
			jQuery(this).blur()
			var page = $(this).attr('class').split('-')[1]
			self.scrollable().seekTo(page)

		})
		var currentText = jQuery('.textScroller .content').eq(0)
		currentText.show()
		jQuery('div.image-menu ul.menu li:eq(0)').addClass('active')
		jQuery(this).scrollable({size: 1, vertical:true, onSeek: function(p){
			currentText.fadeOut(function(){
				currentText = jQuery('.textScroller .content').eq(p)
				currentText.show()
			})

			//var nh = $('div.image-menu .texte .content').eq(p).height()
			//jQuery('div.image-menu .textScroller').height(nh)
			jQuery('div.image-menu ul.menu li.active').removeClass('active')
			var ce = jQuery('div.image-menu ul.menu li a').eq(p)
			ce.parent().addClass('active')
			/*
			*/
		}})

		$('div.image-menu .textScroller').scrollable({items:'.texte',size: 1,vertical:true})



	})
})