https://giffbeaton.com/javascript/myJs.js

1
2var zoomLevel = 1;
3
4function hoverIn(imageElement) {
5	if (imageElement.src.indexOf("Hover") > 0)
6		return;
7	imageElement.src = imageElement.src.substring(0, imageElement.src.length - 4) + "Hover" +
8		imageElement.src.substring(imageElement.src.length - 4, imageElement.src.length);
9}
10
11function hoverOut(imageElement) {
12	if (imageElement.src.indexOf("Hover") < 0)
13		return;
14	imageElement.src = imageElement.src.substring(0, imageElement.src.indexOf("Hover")) + 
15		imageElement.src.substring(imageElement.src.length - 4, imageElement.src.length);
16}
17
18
19function getWindowHeight() {
20	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
21}
22
23function getWindowWidth() {
24	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
25}
26
27
28
29// Resize the page - Make the content smaller if it doesn't fit on screen
30function resizePage(multiplier) {
31
32	var windowHeight = $(window).height();
33//	var bigContainerHeight = $('#bigContainer').height();
34	var bigContainerHeight = $('.resizableContainer').height();
35	zoomLevel = windowHeight/(bigContainerHeight + 80);
36	if (zoomLevel >= 1) {
37		zoomLevel = 1
38	} else {
39		zoomLevel = zoomLevel * multiplier;
40		$(".resizableContainer").css("msTransform", "scale(" + zoomLevel + "," + zoomLevel + ")");
41		$(".resizableContainer").css("MozTransform", "scale(" + zoomLevel + ")");  // Firefox
42		if (navigator.userAgent.indexOf("Chrome") > -1 || navigator.userAgent.indexOf("Safari") > -1) {
43			$(".resizableContainer").css("zoom", zoomLevel);
44		}
45		var marginTop = ($('.resizableContainer').offset().top -20) * -1;
46		$('.resizableContainer').css("margin-top", marginTop + "px");
47		
48		
49		$('#bigImageContainer').css("z-index", "-5");
50	}
51
52}
53
54
55// Resize the superSize page - Make the content smaller if it doesn't fit on screen
56function resizeSuperSizePage() {
57	var windowHeight = getWindowHeight();
58	zoomLevel = windowHeight/1000;  // zoomLevel is a global variable
59
60	if (zoomLevel < 1) {
61		document.getElementById("largeImage").style.zoom = zoomLevel;  // IE, Safari, Chrome
62		document.getElementById("largeImage").style.MozTransform = 'scale(' + zoomLevel + ')';  // Firefox
63	}
64		
65	if (navigator.userAgent.indexOf("Firefox") > -1 && zoomLevel < 1) {
66		var adjustmentMargin = ((900 - windowHeight)/2) * -1.2;
67		//alert(adjustmentMargin);
68		document.getElementById("largeImage").style.marginTop = adjustmentMargin + "px";
69		document.getElementById("largeImage").style.marginLeft = (adjustmentMargin * .6) + "px";
70	}
71}
72
73// Resize the superSize page - Make the content smaller if it doesn't fit on screen
74function adjustTop(designPage) {
75		if (navigator.userAgent.indexOf("Firefox") > -1)
76		{
77			document.getElementById("container").style.marginTop = "-50px";
78			if (designPage)
79				document.getElementById("container").style.marginLeft = "50px";
80		}
81}
82
83function showLoadingDiv(itemClicked) {
84	if (itemClicked.html() == "Contact") { // Don't show loadingDiv
85		return;
86	}
87    $('#loadingDiv').show();
88	$('#container').fadeOut(5000);
89}
90
91function getCategoryFolder(category) {
92	var categoryFolder = category.replace(/ /g, "");  // remove all spaces
93	categoryFolder = categoryFolder.replace(/-/g, "");
94	categoryFolder = categoryFolder.replace(/:/g, "");
95	//categoryFolder = categoryFolder.replace(/,/g, "");
96	categoryFolder = categoryFolder.replace(/\./g, "");
97	//categoryFolder = categoryFolder.replace(/&/g, "");
98	return categoryFolder;
99}
100