// JavaScript Document
var myLocation = document.URL
var locationArray = myLocation.split("/")
var myPage = locationArray[locationArray.length - 1]
myPage = myPage.substring(0, myPage.length - 4)
var home = "<map name=\"Map3\" id=\"Map3\"><area shape=\"rect\" coords=\"0,0,145,30\" href=\"programschedule.htm\" /><area shape=\"rect\" coords=\"145,0,285,30\" href=\"directions.htm\" /></map>"

var info = "<map name=\"Map3\" id=\"Map3\"><area shape=\"rect\" coords=\"0,0,72,30\" href=\"info.htm\" /><area shape=\"rect\" coords=\"72,0,132,30\" href=\"vaala.htm\" /><area shape=\"rect\" coords=\"132,0,182,30\" href=\"vnlc.htm\"/><area shape=\"rect\" coords=\"182,0,228,30\" href=\"staff.htm\" /><area shape=\"rect\" coords=\"228,0,318,30\" href=\"symposium.htm\" /></map>"

var news = "<map name=\"Map3\" id=\"Map3\"><area shape=\"rect\" coords=\"0,0,0,0\" href=\"news.htm\" /></map>"

var press = "<map name=\"Map3\" id=\"Map3\"><area shape=\"rect\" coords=\"0,0,125,30\" href=\"press.htm\" /><area shape=\"rect\" coords=\"125,0,315,30\" href=\"mediaaccreditation.htm\" /></map>"

var sponsors = "<map name=\"Map3\" id=\"Map3\"><area shape=\"rect\" coords=\"0,0,120,30\" href=\"viffsponsors.htm\" /><area shape=\"rect\" coords=\"120,0,269,30\" href=\"viffcopresenters.htm\" /><area shape=\"rect\" coords=\"269,0,447,30\" href=\"coverpage.htm#browsepackage\" /><area shape=\"rect\" coords=\"447,0,630,30\" href=\"sponsors.htm#donation\" /></map>"

var sponsorpackage = "<map name=\"Map4\" id=\"Map4\"><area shape=\"rect\" coords=\"0,0,93,30\" href=\"coverpage.htm#browsepackage\" /><area shape=\"rect\" coords=\"93,0,151,30\" href=\"page1.htm#browsepackage\" /><area shape=\"rect\" coords=\"151,0,209,30\" href=\"page2.htm#browsepackage\" /><area shape=\"rect\" coords=\"209,0,267,30\" href=\"page3.htm#browsepackage\" /><area shape=\"rect\" coords=\"267,0,324,30\" href=\"page4.htm#browsepackage\" /><area shape=\"rect\" coords=\"324,0,382,30\" href=\"page5.htm#browsepackage\" /><area shape=\"rect\" coords=\"382,0,440,30\" href=\"page6.htm#browsepackage\" /><area shape=\"rect\" coords=\"440,0,498,30\" href=\"page7.htm#browsepackage\" /><area shape=\"rect\" coords=\"498,0,662,30\" href=\"sponsorship.pdf\" /></map>"

var volunteer = "<map name=\"Map3\" id=\"Map3\"><area shape=\"rect\" coords=\"0,0,0,0\" href=\"volunteer.htm\" /></map>"

var films = "<map name=\"Map3\" id=\"Map3\"><area shape=\"rect\" coords=\"0,0,0,0\" href=\"films.htm\" /></map>"

var shop = "<map name=\"Map3\" id=\"Map3\"><area shape=\"rect\" coords=\"0,0,0,0\" href=\"shop.htm\" /></map>"

var links = "<map name=\"Map3\" id=\"Map3\"><area shape=\"rect\" coords=\"0,0,0,0\" href=\"links.htm\" /></map>"

var calendar = "<map name=\"calendarMap\" id=\"calendarMap\"><area shape=\"rect\" coords=\"0,0,0,0\" onmouseover=\"document.calendar.src = \'../graphics/calendar2.jpg\'\" onmouseout=\"document.calendar.src = \'../graphics/calendar.jpg\'\" href=\"../news/news.htm\" /><area shape=\"rect\" coords=\"0,0,0,0\" onmouseover=\"document.calendar.src = \'../graphics/calendar3.jpg\'\" onmouseout=\"document.calendar.src = \'../graphics/calendar.jpg\'\" href=\"../news/news.htm\" /></map>"

// Declare two arrays with pictures. One includes wide pictures and the other stores tall pictures
var five = ["vnlc0.jpg", "vnlc1.jpg", "vnlc2.jpg", "vnlc3.jpg", "vnlc4.jpg"]
var ten = ["vnlc5.jpg", "vnlc6.jpg", "vnlc7.jpg", "vnlc8.jpg", "vnlc9.jpg"]
var fifteen = ["vnlc10.jpg", "vnlc11.jpg", "vnlc12.jpg", "vnlc13.jpg", "vnlc14.jpg"]
var twenty = ["vnlc15.jpg", "vnlc16.jpg", "vnlc17.jpg", "vnlc18.jpg", "vnlc19.jpg"]

//Choose one of each picture randomly
var randomPicFive = five[(Math.floor(Math.random() * 4))]
var randomPicTen = ten[(Math.floor(Math.random() * 4))]
var randomPicFifteen = fifteen[(Math.floor(Math.random() * 4))]
var randomPicTwenty = twenty[(Math.floor(Math.random() * 4))]

//17 Frontpage pictures to choose from
function myRandom(){
	document.frontpage1.src="../images/frontpage" + Math.floor(Math.random() * 18) + ".jpg"
}
function myRandom2(){
	document.frontpage2.src="../images/frontpage" + Math.floor(Math.random() * 18) + ".jpg"
}

var c
var t

//Advertisements on the right, take up 4 spots, but rotates different ads from the following arrays
var sponsorLinkArray = ["http://www.photo.net/photos/TanyaTruong/","http://www.radiovncr.com/", "http://www.nguoi-viet.com/", "http://www.nhamagazine.com/",  "http://www.wellsfargo.com/", "http://www.karunahealthcare.com/", "http://www.vaala.org/",  "http://www.nguoi-viet.com/nv2_default.asp", "http://www.anhoi.com/", "http://www.ramada.com/",  "http://www.breastlink.com/", "http://www.littlesaigontv.com/", "http://www.elite21stinsurance.com/",  "http://www.vnlc.org/", "http://www.vhntv.com/", "http://www.southwest.com/", "http://www.photo.net/photos/TanyaTruong/", ]

var sponsorLinkTargetArray = ["_blank", "_blank", "_blank", "_blank", "_blank", "_blank", "_blank", "_blank", "_blank", "_blank", "_blank", "_blank", "_blank", "_blank", "_blank", "_blank", "_blank"]

var sponsorImageArray = ["../sponsors/Tanya_Nga.jpg", "../sponsors/radiovncr.jpg", "../sponsors/nguoiviet.jpg", "../sponsors/nhamagazine.jpg",  "../sponsors/wellsfargo.jpg", "../sponsors/karunahealthcare.jpg", "../sponsors/vaala.jpg", "../sponsors/nguoiviet2.jpg", "../sponsors/whattheheo.jpg", "../sponsors/ramada.jpg", "../sponsors/breastlink.jpg",  "../sponsors/LSTV_logo.jpg", "../sponsors/elite.jpg", "../sponsors/vnlc.jpg", "../sponsors/vhn.jpg", "../sponsors/southwest.jpg", "../sponsors/Tanya_Nga.jpg"]

//Get a random variable to pick from the array, so that same advertisement does not start off in the rotation
function setRandomC(){
	c = (Math.floor(Math.random() * 14))
}

/* Change the src attribute of img tag named sponsorimages, change the href and target attribute of the A tag. Use random variable to select the next 3 elements in the array for the other 3 advertisement spots, remember to loop back to front of array if end of array. */

function timedCount(){
	c = c % 14
	document.getElementById('sponsorLink').href = sponsorLinkArray[c]
	document.getElementById('sponsorLink').target = sponsorLinkTargetArray[c]
	document.getElementById('sponsorImage').src = sponsorImageArray[c]
	
	document.getElementById('sponsorLink2').href = sponsorLinkArray[(c + 1 )% 14]
	document.getElementById('sponsorLink2').target = sponsorLinkTargetArray[(c + 1) % 14]
	document.getElementById('sponsorImage2').src = sponsorImageArray[(c + 1) % 14]
	
	document.getElementById('sponsorLink3').href = sponsorLinkArray[(c + 2) % 14]
	document.getElementById('sponsorLink3').target = sponsorLinkTargetArray[(c + 2) % 14]
	document.getElementById('sponsorImage3').src = sponsorImageArray[(c + 2) % 14]
	
	document.getElementById('sponsorLink4').href = sponsorLinkArray[(c + 3) % 14]
	document.getElementById('sponsorLink4').target = sponsorLinkTargetArray[(c + 3) % 14]
	document.getElementById('sponsorImage4').src = sponsorImageArray[(c + 3) % 14]
	c = c + 1
	// 7 second delay before this function calls itself again
	t = setTimeout("timedCount()",7000)
}

function changebackground(){
	var randombanner = (Math.floor(Math.random() * 9)) + 1
	var topbanner = "../images/topbanner" + randombanner + ".jpg"
	var bottombanner = "../images/bottombanner" + randombanner + ".jpg"
	document.getElementById('topbanner').background = topbanner
	document.getElementById('bottombanner').background = bottombanner
}