var block = false;
jQuery(document).ready(function(){
	jQuery('#browsebutton').click(function(){
		if(block == true){
			return;
		}
		if(jQuery('#imageBoxInside').css('left') == '0px'){
			moveForward();
		} else {
			moveBackward();
		}
	});
	
	function moveForward(){
		block = true;
		jQuery('#imageBoxInside').animate({
			left: '-=355'
		}, 800, function(){
			jQuery('#browsebutton').attr('src', '/images/browsebuttonback.png');
			block = false;
		});
	}
	
	function moveBackward(){
		block = true;
		jQuery('#imageBoxInside').animate({
			left: '+=355'
		}, 800, function(){
			jQuery('#browsebutton').attr('src', '/images/browsebutton.png');
			block = false;
		});
	}
	
});