var big,little;
var currentPict = 0;
function $(element) {
  element = document.getElementById(element);
  return element;
}

big = 140; //140
little = 30; //30
function scroll(pixels){
	var nextPixels, addPixels;
	if(Math.abs(pixels)<=little+1){
		var newImgHolder = document.createElement('div');
		newImgHolder.setAttribute('class', 'imgHolder');
		if(pixels>0){
			currentPict++;
			if(currentPict == gallery.length-2){
					newImgHolder.addEventListener("click",refer,false);
			}
			if(currentPict == gallery.length-1){
				$('right').style.display = "none";
			}else{
				var newImg = document.createElement('img');
				newImg.setAttribute('src', folder+gallery[currentPict+1]);
				newImgHolder.appendChild(newImg);
			}
			$('inside').removeChild($('inside').firstChild);
			$('inside').appendChild(newImgHolder);
			$('left').style.display = "block";
		}else{
			currentPict--;
			if(currentPict == 0){
				$('left').style.display = "none";
			}else{
				var newImg = document.createElement('img');
				newImg.setAttribute('src', folder+gallery[currentPict-1]);
				$('inside').removeChild($('inside').lastChild);
				newImgHolder.appendChild(newImg);
			}
			$('inside').insertBefore(newImgHolder,$('inside').firstChild);
			$('right').style.display = "block";
		}
		$('canvas').scrollLeft = 320;
	}else{
		if(Math.abs(pixels)>50){
			addPixels = big;
		}else if (pixels){
			addPixels = little;
		}
		if(pixels<0){
			addPixels = -addPixels;
		}
			
		$('canvas').scrollLeft = $('canvas').scrollLeft + addPixels;
		nextPixels = pixels - addPixels;
		
		setTimeout('scroll('+nextPixels+')',150);
	}
}
function updateOrientation(){
	setTimeout(function(){window.scrollTo(0, 1);$('canvas').scrollLeft = 320;}, 10);
	switch(window.orientation) { //0 portrait, -90 landscape clockwise, 90 landscape counter clockwise
		case 0:
			document.body.setAttribute("class","portrait");
			break;
		case 90:
		case -90:
			document.body.setAttribute("class","landscape");
			break;
	}
}