// JavaScript Document

//These functions make it so that when you hover on the titles of the companies or firms; the border around the related thumbnail will shift color. This is also applied to the thumbnails themselves to allow them to have a hover effect.

function PortShift1(){
	document.getElementById('galleryimgon1').style.borderColor = "#fff";
}
function PortShift1null(){
	document.getElementById('galleryimgon1').style.borderColor = "#03298A";
}
function PortShift2(){
	document.getElementById('galleryimgon2').style.borderColor = "#fff";
}
function PortShift2null(){
	document.getElementById('galleryimgon2').style.borderColor = "#03298A";
}
function PortShift3(){
	document.getElementById('galleryimgon3').style.borderColor = "#fff";
}
function PortShift3null(){
	document.getElementById('galleryimgon3').style.borderColor = "#03298A";
}
function PortShift4(){
	document.getElementById('galleryimgon4').style.borderColor = "#fff";
}
function PortShift4null(){
	document.getElementById('galleryimgon4').style.borderColor = "#03298A";
}
function PortShift5(){
	document.getElementById('galleryimgon5').style.borderColor = "#fff";
}
function PortShift5null(){
	document.getElementById('galleryimgon5').style.borderColor = "#03298A";
}
function PortShift6(){
	document.getElementById('galleryimgon6').style.borderColor = "#fff";
}
function PortShift6null(){
	document.getElementById('galleryimgon6').style.borderColor = "#03298A";
}
function PortShift7(){
	document.getElementById('galleryimgon7').style.borderColor = "#fff";
}
function PortShift7null(){
	document.getElementById('galleryimgon7').style.borderColor = "#03298A";
}
function PortShift8(){
	document.getElementById('galleryimgon8').style.borderColor = "#fff";
}
function PortShift8null(){
	document.getElementById('galleryimgon8').style.borderColor = "#03298A";
}
function PortShift9(){
	document.getElementById('galleryimgon9').style.borderColor = "#fff";
}
function PortShift9null(){
	document.getElementById('galleryimgon9').style.borderColor = "#03298A";
}
function PortShift10(){
	document.getElementById('galleryimgon10').style.borderColor = "#fff";
}
function PortShift10null(){
	document.getElementById('galleryimgon10').style.borderColor = "#03298A";
}
function PortShift11(){
	document.getElementById('galleryimgon11').style.borderColor = "#fff";
}
function PortShift11null(){
	document.getElementById('galleryimgon11').style.borderColor = "#03298A";
}

//These functions make it so that when you hover over the thumbnails; the related span tag will shift to the hover color. They also allow the span tags to have a hover effect, like any anchor tag would normally.

//Due to an error I can't completely understand at this point, the below function parameters in comments allow hovering on an icon to add the drop shadow to the span tags and remove it upon moving the mouse off of the icon; but make it so that when you hover over a tag and remove the cursor, the tag stays blue with the drop shadow, and the box remains highlighted. This is probably deeply tied in to the way I have added these effects, so until I can come up with a more efficient way to do it, it is best for it to stay like this.

function ThumbShift1(){
	document.getElementById('dulachover').style.color = "#036";
	//document.getElementById('dulachover').innerHTML = 
	//"<span style\=\"text\-shadow\: 2px 2px 2px \#999\">DuLac Realty<\/span>";
}
function ThumbShift1null(){
	document.getElementById('dulachover').style.color = "#D00D21";
	//document.getElementById('dulachover').innerHTML = 
	//"<span style\=\"text\-shadow\: none\">DuLac Realty<\/span>";
}
function ThumbShift2(){
	document.getElementById('cochover').style.color = "#036";
	//document.getElementById('cochover').innerHTML = 
	//"<span style\=\"text\-shadow\: 2px 2px 2px \#999\">Church of Champions<\/span>";
}
function ThumbShift2null(){
	document.getElementById('cochover').style.color = "#D00D21";
	//document.getElementById('cochover').innerHTML = 
	//"<span style\=\"text\-shadow\: none\">Church of Champions<\/span>";
}
function ThumbShift3(){
	document.getElementById('globalhover').style.color = "#036";
	//document.getElementById('globalhover').innerHTML = 
	//"<span style\=\"text\-shadow\: 2px 2px 2px \#999\">Global<\/span>";
}
function ThumbShift3null(){
	document.getElementById('globalhover').style.color = "#D00D21";
	//document.getElementById('globalhover').innerHTML = 
	//"<span style\=\"text\-shadow\: none\">Global<\/span>";
}
function ThumbShift4(){
	document.getElementById('lcraphover').style.color = "#036";
	//document.getElementById('lcraphover').innerHTML = 
	//"<span style\=\"text\-shadow\: 2px 2px 2px \#999\">Lake Charles Regional Airport<\/span>";
}
function ThumbShift4null(){
	document.getElementById('lcraphover').style.color = "#D00D21";
	//document.getElementById('lcraphover').innerHTML = 
	//"<span style\=\"text\-shadow\: none\">Lake Charles Regional Airport<\/span>";
}
function ThumbShift5(){
	document.getElementById('millerhover').style.color = "#036";
	//document.getElementById('millerhover').innerHTML = 
	//"<span style\=\"text\-shadow\: 2px 2px 2px \#999\">The Miller Family<\/span>";
}
function ThumbShift5null(){
	document.getElementById('millerhover').style.color = "#D00D21";
	//document.getElementById('millerhover').innerHTML = 
	//"<span style\=\"text\-shadow\: none\">The Miller Family<\/span>";
}
function ThumbShift6(){
	document.getElementById('armoirehover').style.color = "#036";
	//document.getElementById('armoirehover').innerHTML = 
	//"<span style\=\"text\-shadow\: 2px 2px 2px \#999\">Armoire<\/span>";
}
function ThumbShift6null(){
	document.getElementById('armoirehover').style.color = "#D00D21";
	//document.getElementById('armoirehover').innerHTML = 
	//"<span style\=\"text\-shadow\: none\">Armoire<\/span>";
}
function ThumbShift7(){
	document.getElementById('jeffdavishover').style.color = "#036";
	//document.getElementById('jeffdavishover').innerHTML = 
	//"<span style\=\"text\-shadow\: 2px 2px 2px \#999\">Jeff Davis Bank<\/span>";
}
function ThumbShift7null(){
	document.getElementById('jeffdavishover').style.color = "#D00D21";
	//document.getElementById('jeffdavishover').innerHTML = 
	//"<span style\=\"text\-shadow\: none\">Jeff Davis Bank<\/span>";
}
function ThumbShift8(){
	document.getElementById('fnbhover').style.color = "#036";
	//document.getElementById('fnbhover').innerHTML = 
	//"<span style\=\"text\-shadow\: 2px 2px 2px \#999\">FNB<\/span>";
}
function ThumbShift8null(){
	document.getElementById('fnbhover').style.color = "#D00D21";
	//document.getElementById('fnbhover').innerHTML = 
	//"<span style\=\"text\-shadow\: none\">FNB<\/span>";
}
function ThumbShift9(){
	document.getElementById('becihover').style.color = "#036";
	//document.getElementById('becihover').innerHTML = 
	//"<span style\=\"text\-shadow\: 2px 2px 2px \#999\">BECi<\/span>";
}
function ThumbShift9null(){
	document.getElementById('becihover').style.color = "#D00D21";
	//document.getElementById('becihover').innerHTML = 
	//"<span style\=\"text\-shadow\: none\">BECi<\/span>";
}
function ThumbShift10(){
	document.getElementById('henderhover').style.color = "#036";
	//document.getElementById('henderhover').innerHTML = 
	//"<span style\=\"text\-shadow\: 2px 2px 2px \#999\">Henderson Implement \&amp\; Marine<\/span>";
}
function ThumbShift10null(){
	document.getElementById('henderhover').style.color = "#D00D21";
	//document.getElementById('henderhover').innerHTML = 
	//"<span style\=\"text\-shadow\: none\">Henderson Implement \&amp\; Marine<\/span>";
}
function ThumbShift11(){
	document.getElementById('dianghover').style.color = "#036";
	//document.getElementById('dianghover').innerHTML = 
	//"<span style\=\"text\-shadow\: 2px 2px 2px \#999\">DeAngelo\'s Pizzeria<\/span>";
}
function ThumbShift11null(){
	document.getElementById('dianghover').style.color = "#D00D21";
	//document.getElementById('dianghover').innerHTML = 
	//"<span style\=\"text\-shadow\: none\">DeAngelo\'s Pizzeria<\/span>";
}