// This script adds additional content to a page (depending on what page it is).
$(document).ready(function() {
if (window.location.href.search(".com/clients") != -1) {
if (navigator.appName == "Microsoft Internet Explorer") {
$("#nav_column").css("margin-top","60px");
}
else {
$("#nav_column").css("margin-top","44px");
}
imagesHTML = "";
$("#nav_column").html(imagesHTML);
//Make the 4 imgDivs evenly-sized:
for (var i = 1; i <= 4; i++) {
$("#imgDiv"+i).css("width","154px");
$("#imgDiv"+i).css("height","78px");
$("#imgDiv"+i).css("margin-left","30px");
$("#imgDiv"+i).css("margin-right","30px");
$("#imgDiv"+i).css("margin-bottom","60px");
}
Array.prototype.shuffle = function (){ for(var rnd, tmp, i=this.length; i; rnd=parseInt(Math.random()*i), tmp=this[--i], this[i]=this[rnd], this[rnd]=tmp);};
imagesArray = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16];
imagesArray.shuffle();
imagesPointer = 0;
stopFade = new Array(0,0,0,0);
//Specify 4 different initial fade-in timeouts (one for each div):
timeoutArray = [1,2,3,4];
timeoutArray.shuffle();
timer = new Array();
changeLogo = new Array();
//Start fading in an image in each div at their specified timeouts:
for (var i = 1; i <= 4; i++) {
setTimeout("displayImage("+i+");", timeoutArray[i-1] * 1000);
}
changeLogo[1] = true;
changeLogo[2] = true;
changeLogo[3] = true;
changeLogo[4] = true;
//Set 4 listeners (one for each logo div) to control animation pausing:
$("#imgDiv1").mouseover(function() {
changeLogo[1] = false;
clearTimeout(timer[1]);
});
$("#imgDiv1").mouseout(function() {
changeLogo[1] = true;
timer[1] = setTimeout("changeImage(1);", 10000);
});
$("#imgDiv2").mouseover(function() {
changeLogo[2] = false;
clearTimeout(timer[2]);
});
$("#imgDiv2").mouseout(function() {
changeLogo[2] = true;
timer[2] = setTimeout("changeImage(2);", 10000);
});
$("#imgDiv3").mouseover(function() {
changeLogo[3] = false;
clearTimeout(timer[3]);
});
$("#imgDiv3").mouseout(function() {
changeLogo[3] = true;
timer[3] = setTimeout("changeImage(3);", 10000);
});
$("#imgDiv4").mouseover(function() {
changeLogo[4] = false;
clearTimeout(timer[4]);
});
$("#imgDiv4").mouseout(function() {
changeLogo[4] = true;
timer[4] = setTimeout("changeImage(4);", 10000);
});
}
else if (window.location.href.search("/contact") != -1) {
$(".textInput").each(function() {
if ($(this).attr("name") == "word") {
$(this).attr("id", "word");
}
});
//$("#something").attr("onsubmit","return validateForm();");
$("#something").submit(validateForm);
if (window.location.href.search("/?option=done") != -1) {
$("#contact").prepend("Thank you. Your submission will be processed soon.");
}
}
});
function displayImage(divNumber) {
fadeInDiv(divNumber);
$("#imgDiv"+divNumber).html(getImageHTML(imagesArray[imagesPointer]));
if (imagesPointer == 15) {
imagesPointer = 0;
}
else {
imagesPointer++;
}
//$("#test").html(imagesPointer);
/*timer[divNumber] = */
timer[divNumber] = setTimeout("changeImage("+divNumber+");", 10000);
}
function fadeInDiv(divNumber) {
if (stopFade[divNumber-1] != 10) {
stopFade[divNumber-1]++;
$("#imgDiv"+divNumber)[0].style.opacity = stopFade[divNumber-1]/10;
$("#imgDiv"+divNumber)[0].style.filter = 'alpha(opacity=' + stopFade[divNumber-1]*10 + ')';
setTimeout("fadeInDiv("+divNumber+");", 100);
}
if (stopFade[divNumber-1] == 10) {
//$("#imgDiv"+divNumber)[0].style.display = "none";
}
}
function fadeOutDiv(divNumber) {
if (stopFade[divNumber-1] != 0) {
stopFade[divNumber-1]--;
$("#imgDiv"+divNumber)[0].style.opacity = stopFade[divNumber-1]/10;
$("#imgDiv"+divNumber)[0].style.filter = 'alpha(opacity=' + stopFade[divNumber-1]*10 + ')';
setTimeout("fadeOutDiv("+divNumber+");", 100);
}
if (stopFade[divNumber-1] == 0) {
//$("#imgDiv"+divNumber)[0].style.display = "none";
}
}
function changeImage(divNumber) {
fadeOutDiv(divNumber);
//This line fixes the crazy image switch bug:
clearTimeout(timer[divNumber]);
setTimeout("displayImage("+divNumber+");",2000);
}
function getImageHTML(imgNumber) {
switch (imgNumber) {
case 1:
return "
";
break;
case 2:
return "
";
break;
case 3:
return "
";
break;
case 4:
return "
";
break;
case 5:
return "
";
break;
case 6:
return "
";
break;
case 7:
return "
";
break;
case 8:
return "
";
break;
case 9:
return "
";
break;
case 10:
return "
";
break;
case 11:
return "
";
break;
case 12:
return "
";
break;
case 13:
return "
";
break;
case 14:
return "
";
break;
case 15:
return "
";
break;
case 16:
return "
";
break;
}
}