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

function showCase(c) {
	document.getElementById(currentCase + 'Case').style.display = 'none';
	document.getElementById(c + 'Case').style.display = 'block';
	currentCase = c;
}

function showThumbs(newPos) {
	if (thumbsLocked == 'No') {
		thumbsLocked = 'Yes';
	}
	if (newPos > currentPos) {
		currentPos = currentPos + 20;
		document.getElementById('Thumbnails').style.left = '-' + currentPos + 'px';
		setTimeout("showThumbs('" + newPos + "')", 5);
	} else if (newPos < currentPos) {
		currentPos = currentPos - 20;
		document.getElementById('Thumbnails').style.left = '-' + currentPos + 'px';
		setTimeout("showThumbs('" + newPos + "')", 5);
	} else if (newPos == currentPos) {
		thumbsLocked = 'No';
		if (!ob) {
			if (currentPos == 0) {
				document.getElementById('PreviousThumbs').setAttribute('onmousedown', function(){void(0)});
				document.getElementById('PreviousThumbs').className = 'Disabled';
			} else {
				document.getElementById('PreviousThumbs').setAttribute('onmousedown', function(){if(thumbsLocked=='No'){showThumbs(currentPos - 360)}});
				document.getElementById('PreviousThumbs').className = '';
			}
			if (currentPos == 720) {
				document.getElementById('NextThumbs').setAttribute('onmousedown', function(){void(0)});
				document.getElementById('NextThumbs').className = 'Disabled';
			} else {
				document.getElementById('NextThumbs').setAttribute('onmousedown', function(){if(thumbsLocked=='No'){showThumbs(currentPos + 360)}});
				document.getElementById('NextThumbs').className = '';
			}
		}
		if (ob) {
			if (currentPos == 0) {
				document.getElementById('PreviousThumbs').setAttribute('onmousedown', 'void(0)');
				document.getElementById('PreviousThumbs').className = 'Disabled';
			} else {
				document.getElementById('PreviousThumbs').setAttribute('onmousedown', 'if(thumbsLocked==\'No\'){showThumbs(currentPos - 360)}');
				document.getElementById('PreviousThumbs').className = '';
			}
			if (currentPos == 720) {
				document.getElementById('NextThumbs').setAttribute('onmousedown', 'void(0)');
				document.getElementById('NextThumbs').className = 'Disabled';
			} else {
				document.getElementById('NextThumbs').setAttribute('onmousedown', 'if(thumbsLocked==\'No\'){showThumbs(currentPos + 360)}');
				document.getElementById('NextThumbs').className = '';
			}			
		}
	}
}