function nextPic () {
	
	var current = getCurrentID();
	var next = (+current) + 1;
	var max = (+$('maximum').innerHTML);
	
	if (next <= max) {
		
		new Effect.Fade($('pic_' + id), {
			duration: 0.25,
			afterSetup: function(){
				$('current').update(next)
			},
			afterFinish: function(){
				$('preview_title').setStyle({
					margin: '492px 0px 0px 0px'
				})
				
				
				
				new Effect.Appear($('pic_' + next), {
					duration: 0.25,
					afterSetup: function(){
						$('preview_title').setStyle({
							margin: '8px 0px 0px 0px'
						})
					}
				})
			}
		});
		
	} else {
		
		new Effect.Fade($('pic_' + id), {
			duration: 0.25,
			afterSetup: function(){
				$('current').update('1')
			},
			afterFinish: function(){
				$('preview_title').setStyle({
					margin: '492px 0px 0px 0px'
				})
				
				
				
				new Effect.Appear($('pic_1'), {
					duration: 0.25,
					afterSetup: function(){
						$('preview_title').setStyle({
							margin: '8px 0px 0px 0px'
						})
					}
				})
			}
		});
		
	}
}

function prevPic () {
	
	var current = getCurrentID();
	var prev = (+current) - 1;
	var max = (+$('maximum').innerHTML);
	
	if (prev >= 1) {
		
		new Effect.Fade($('pic_' + id), {
			duration: 0.25,
			afterSetup: function(){
				$('current').update(prev)
			},
			afterFinish: function(){
				$('preview_title').setStyle({
					margin: '492px 0px 0px 0px'
				})
				
				
				
				new Effect.Appear($('pic_' + prev), {
					duration: 0.25,
					afterSetup: function(){
						$('preview_title').setStyle({
							margin: '8px 0px 0px 0px'
						})
					}
				})
			}
		});
		
	} else {
		
		new Effect.Fade($('pic_' + id), {
			duration: 0.25,
			afterSetup: function(){
				$('current').update(max)
			},
			afterFinish: function(){
				$('preview_title').setStyle({
					margin: '492px 0px 0px 0px'
				})
				
				
				
				new Effect.Appear($('pic_' + max), {
					duration: 0.25,
					afterSetup: function(){
						$('preview_title').setStyle({
							margin: '8px 0px 0px 0px'
						})
					}
				})
			}
		});
		
	}
}

function getCurrentID () {
	
	id = $('current').innerHTML;
	
	return id;
}

