function setPageSpecifics(page, title) {
	var imageType;
	var mainElement = mainElement;
	
	if(mainElement) {

		// Select the appropriate style type
		switch(title) {
			case "Large Display":
				if(page == "threads") {
					mainElement.style.bottom = "20px";
					mainElement.style.left = "0";
				}

				imageType = "large";
			break;

			case "Medium Display":
				if(page == "threads") {
					mainElement.style.bottom = "10px";
					mainElement.style.left = "0";
				}

				imageType = "medium";
			break;

			case "Small Display":
			default:
				if(page == "threads") {
					mainElement.style.bottom = "0";
					mainElement.style.left = "0";
				}
			
				imageType = "small";
			break;
		}	
	}
	
}


// Sets the correct alternate stylesheet
function changeStylesheet(page, title) {
	var linkElements = document.getElementsByTagName("link");
	
	// Loop through each, enable only specified alternate stylesheet and disable all others 
	for (var l = 0; l <= linkElements.length; l++) {
		if(linkElements[l]) {
			if(linkElements[l].getAttribute("rel").indexOf("alt") != -1) {
				if(linkElements[l].getAttribute("title") == title) {
					linkElements[l].disabled = false;
					
				} else {
					linkElements[l].disabled = true;

				}
			}
		}
	}
	
	if(page.length > 0) {
		setPageSpecifics(page, title);
	}
}

// Chooses which stylesheet to go for, given the screen width and screen height
function selectStylesheet(page) {


	var screenWidth = getWindowWidth();
	var screenHeight = getWindowHeight();
	
	// If not a small display
	if( (screenWidth > 1280) ||	(screenHeight > 690) ) {

		// If not a medium display
		if( (screenWidth > 1572) ||	(screenHeight > 900) ) {
			changeStylesheet(page, "Large Display");
			
		} else {
			changeStylesheet(page, "Medium Display");
			
		}
	} else {
		changeStylesheet(page, "Small Display");
		
	} 
	
}