// JavaScript Document

changeStyle = function(imgID, photoPosition) {
	var photoStyle = photoPosition + '_';
	
	// if current style is default (Left White), set class name to next style: 1 (Left Dark)
	if (imgID == photoStyle + '0') {
		document.getElementById('photoStyle' + photoPosition).className = 'content dark';
		document.getElementById(imgID).id = photoPosition + '_1';		
	}
	// if current style is 1 (Left Dark), set class name to next style: 2 (Right White)
	if (imgID == photoStyle + '1') {
		document.getElementById('photoStyle' + photoPosition).className = 'content right';
		document.getElementById(imgID).id = photoPosition + '_2';
	}
	// if current style is 2 (Right White), set class name to next style: 3 (Right Dark)
	if (imgID == photoStyle + '2') {
		document.getElementById('photoStyle' + photoPosition).className = 'content dark right';
		document.getElementById(imgID).id = photoPosition + '_3';
	}
	// if current style is default (Right Dark), set class name to next style: default (Left White)
	if (imgID == photoStyle + '3') {
		document.getElementById('photoStyle' + photoPosition).className = 'content';
		document.getElementById(imgID).id = photoPosition + '_0';
	}
}