// JavaScript Document

// NAME -- smallerscreen.js
// AUTHOR -- Brian J Almeter.
// FOR -- American Art Museum

// function checks for smaller screen size (800 X 600) and produces css fixes to items
function checkScreen() {
	//screen.availHeight  // size of screen monitor
	if(screen.availWidth <= 800) {  // size of screen monitor
		document.getElementById("splash2").style.left = "5%";
	}
	if(screen.availWidth >= 1024) {  // size of screen monitor
		document.getElementById("splash2").style.left = "15%";
	}
	if(screen.availWidth > 1200) {  // size of screen monitor
		document.getElementById("splash2").style.left = "22%";
	}
	if(screen.availWidth > 1400) {  // size of screen monitor
		document.getElementById("splash2").style.left = "25%";
	}
	// check for Favorites tab in browser being open or smaller browser window size
	if(screen.availWidth == 1024) {  // size of screen monitor
		if(document.body.clientWidth < 920) {
			document.getElementById("splash2").style.left = "10%";
		}
	}
	if(screen.availWidth == 1152) {  // size of screen monitor
		if(document.body.clientWidth < 900) {
			document.getElementById("splash2").style.left = "12%";
		}
	}
	if(screen.availWidth == 1280) {  // size of screen monitor
		if(document.body.clientWidth < 1000) {
			document.getElementById("splash2").style.left = "11%";
		}
	}
}