//// JavaScript Document
//function slideUp(){
//		var targetObject = document.getElementById('belt');
//		var targetObjectPos = targetObject.style.marginTop;
//		var targetObjectPosNum = targetObjectPos.split("px");
//		var endPos = 450 - document.getElementById('belt').offsetHeight;
//		if (targetObjectPosNum[0] > endPos){
//			var position = targetObjectPosNum[0]-150;
//			$("#belt").animate({  "marginTop": position + "px" },1000);
//			//targetObject.style.marginTop = position + "px";
//		}
//	}
//	function slideDown(){
//		var targetObject = document.getElementById('belt');
//		var targetObjectPos = targetObject.style.marginTop;
//		var targetObjectPosNum = targetObjectPos.split("px");
//		if (targetObjectPosNum[0] < 0){
//			var position = Number(targetObjectPosNum[0])+150;
//			$("#belt").animate({  "marginTop": position + "px" },1000);
//			//document.getElementById('belt').style.marginTop = position + "px";
//		}
//	}


// JavaScript Document

	function slideLeft(){
		var targetObject = document.getElementById('belt');
		var targetObjectPos = targetObject.style.marginLeft;
		var targetObjectPosNum = targetObjectPos.split("px");
		var thumbWidth = document.getElementById('thumbImg').offsetWidth;
		var endPos = (document.getElementById('mygallery').offsetWidth - document.getElementById('belt').offsetWidth)+70;
		var leftDiff = targetObjectPosNum[0]-endPos;
		if (targetObjectPosNum[0] > endPos){
			if (leftDiff >= thumbWidth){
				var position = targetObjectPosNum[0]-185;
				$("#belt").animate({  "marginLeft": position + "px" },1000);
			}else{
				var position = targetObjectPosNum[0]-leftDiff;
				$("#belt").animate({  "marginLeft": position + "px" },1000);
			}
		}
	}
	function slideRight(){
		var targetObject = document.getElementById('belt');
		var targetObjectPos = targetObject.style.marginLeft;
		var targetObjectPosNum = targetObjectPos.split("px");
		var thumbWidth = document.getElementById('thumbImg').offsetWidth;
		//var diff = targetObjectPosNum[0]-endPos;
		var leftDiff = 0-targetObjectPosNum[0];
		if (targetObjectPosNum[0] < 0){
			if (leftDiff >= thumbWidth){
				var position = Number(targetObjectPosNum[0])+185;
				$("#belt").animate({  "marginLeft": position + "px" },1000);
			}else{
				var position = Number(targetObjectPosNum[0])+leftDiff;
				$("#belt").animate({  "marginLeft": position + "px" },1000);
			}
		}
	}