var ie					= document.all;										// ... IE browser
var ob					= document.getElementById && !ie	// ... Other browsers
var currentPos 			= 0;															// ... Current x position of thumbnails within container
var thumbsLocked 		= 'No';														// Locks functionality until transitiion is complete


function showThumbs(newPos) {
	if (thumbsLocked == 'No') {
		thumbsLocked = 'Yes';
	}
	if (newPos > currentPos) {
		currentPos = currentPos + 20;
		document.getElementById('ls-inner').style.left = '-' + currentPos + 'px';
		setTimeout("showThumbs('" + newPos + "')", 5);
	} else if (newPos < currentPos) {
		currentPos = currentPos - 20;
		document.getElementById('ls-inner').style.left = '-' + currentPos + 'px';
		setTimeout("showThumbs('" + newPos + "')", 5);
	} else if (newPos == currentPos) {
		thumbsLocked = 'No';
		if (!ob) {
			if (currentPos == 0) {
				document.getElementById('ls-previous').setAttribute('onmousedown', function(){void(0)});
				document.getElementById('ls-previous').className = 'Disabled';
			} else {
				document.getElementById('ls-previous').setAttribute('onmousedown', function(){if(thumbsLocked=='No'){showThumbs(currentPos - 560)}});
				document.getElementById('ls-previous').className = '';
			}
			if (currentPos == 1680) {
				document.getElementById('ls-next').setAttribute('onmousedown', function(){void(0)});
				document.getElementById('ls-next').className = 'Disabled';
			} else {
				document.getElementById('ls-next').setAttribute('onmousedown', function(){if(thumbsLocked=='No'){showThumbs(currentPos + 560)}});
				document.getElementById('ls-next').className = '';
			}
		}
		if (ob) {
			if (currentPos == 0) {
				document.getElementById('ls-previous').setAttribute('onmousedown', 'void(0)');
				document.getElementById('ls-previous').className = 'Disabled';
			} else {
				document.getElementById('ls-previous').setAttribute('onmousedown', 'if(thumbsLocked==\'No\'){showThumbs(currentPos - 560)}');
				document.getElementById('ls-previous').className = '';
			}
			if (currentPos == 1680) {
				document.getElementById('ls-next').setAttribute('onmousedown', 'void(0)');
				document.getElementById('ls-next').className = 'Disabled';
			} else {
				document.getElementById('ls-next').setAttribute('onmousedown', 'if(thumbsLocked==\'No\'){showThumbs(currentPos + 560)}');
				document.getElementById('ls-next').className = '';
			}			
		}
	}
}