var ImageNavigation = Class.create();
ImageNavigation.prototype = {

	initialize: function() {
		this.m_ePrevious = null;
		this.m_eNavigation = null;
		this.m_eNext = null;
		this.m_eImage = null;
		this.m_aImages = null;

		this.m_iCurrent = 1;
		this.m_iTotal = 0;
	},
	
	setPrevious: function( p_ePrevious ) {
		this.m_ePrevious = p_ePrevious;		
	},

	setNavigation: function( p_eNavigation ) {
		this.m_eNavigation = p_eNavigation;
	},
	
	setNext: function( p_eNext ) {
		this.m_eNext = p_eNext;
	},

	setImage: function( p_eImage ) {
		this.m_eImage = p_eImage;
	},
	
	setImages: function( p_aImages ) {
		this.m_aImages = p_aImages;
	},

	setTotal: function( p_iTotal ) {
		this.m_iTotal = p_iTotal;
	},
	
	updateImage: function() {
		this.m_eImage.setAttribute( 'src', this.m_aImages[ this.m_iCurrent - 1 ] );

		if( this.m_eImage.parentNode.nodeName == 'A' ) {
			var l_sPhoto = this.m_aImages[ this.m_iCurrent - 1 ].replace( 'thumb/', '' );
			l_sPhoto = l_sPhoto.replace( 'middle/', '' );
			this.m_eImage.parentNode.setAttribute( 'href', l_sPhoto );
		}
	},

	updateNavigation: function() {
		this.m_eNavigation.innerHTML = this.m_iCurrent + "/" + this.m_iTotal;
	},

	setPreviousPhoto: function() {
		if( this.m_oImageLoader.m_iCurrent > 1 ) {
			this.m_oImageLoader.m_iCurrent--;
			this.m_oImageLoader.updateImage();			
			this.m_oImageLoader.updateNavigation();			
		}
		return false;
	},

	setNextPhoto: function() {
		if( this.m_oImageLoader.m_iCurrent < this.m_oImageLoader.m_iTotal ) {
			this.m_oImageLoader.m_iCurrent++;
			this.m_oImageLoader.updateImage();	
			this.m_oImageLoader.updateNavigation();	
		}
		return false;
	},

	start: function() {
		this.m_ePrevious.m_oImageLoader = this;
		this.m_ePrevious.onclick = this.setPreviousPhoto;
	
		this.m_eNext.m_oImageLoader = this;
		this.m_eNext.onclick = this.setNextPhoto;

		this.updateNavigation();
	}
}