// JavaScript Document

var $j = jQuery.noConflict();

$j(function(){
	var totalImages = 6;
	var moveCount = 0;
	var slideSpeed = 1000;
	
	$j(document).ready(function(){
		document.getElementById('buttonLeft').style.display = 'none';
	});
	
	// do something when arrow clicked		
	$j("#buttonRight").click(function () {

		if (moveCount <= totalImages - 4){
			++moveCount;
			// arrow was clicked so we move the width of the image + padding							  
			$j('#furnitureImage1').animate({ left:'-=273'}, slideSpeed);
			document.getElementById('buttonLeft').style.display = 'block';
		}
		

		if (moveCount == totalImages - 3) {
			document.getElementById('buttonRight').style.display = 'none';
		}
	});
	
	// do something when arrow clicked		
	$j("#buttonLeft").click(function () {
		if (moveCount >= 1){	
			--moveCount;
			// arrow was clicked so we move the width of the image + padding							  
			$j('#furnitureImage1').animate({ left: '+=273'}, slideSpeed);
			document.getElementById('buttonRight').style.display = 'block';
		} 	
		

		if (moveCount <= 0) {
			document.getElementById('buttonLeft').style.display = 'none';
		}
	});
	
	
});