﻿var menuTime;
var topIdArray = new Array('home', 'where_to_visit', 'vacation_themes', 'what_to_do', 'where_to_stay', 'travel_resources', 'about_jamaica', 'meetings');
var subMenuArray = new Array('home_sub', 'where_to_visit_sub', 'vacation_themes_sub', 'what_to_do_sub', 'where_to_stay_sub', 'travel_resources_sub', 'about_jamaica_sub', 'meetings_sub');
var subIdArray = new Array();
subIdArray['where_to_visit'] = ['jamaica_overview', 'kingston', 'montego_bay', 'negril', 'ocho_rios', 'port_antonio', 'south_coast', 'map'];
subIdArray['vacation_themes'] = ['adventure', 'beaches', 'bird', 'family', 'golf', 'heritage', 'off_path', 'spring_break', 'weddings', 'featured_themes'];
subIdArray['what_to_do'] = ['attractions', 'activities', 'dining', 'events', 'featured_to_do'];
subIdArray['where_to_stay'] = ['overview', 'apartments', 'bnb', 'guest_houses', 'hotels', 'villas', 'featured_stay'];
subIdArray['travel_resources'] = ['getting_there', 'getting_around', 'what_you', 'travel_smart', 'for_returning', 'travel_agencies', 'resources-services'];
subIdArray['about_jamaica'] = ['culture', 'history', 'facts', 'great_jamaicans', 'meet_people', 'jamica_talk', 'news', 'helpful_links'];
subIdArray['meetings'] = ['jtb_services', 'submit_rfp', 'meeting_centre', 'meeting_facilities', 'special_interest', 'jamaica_meetings', 'mgmt'];


//preload background images
var arrBgs = new Array('img/menu/visit_bg.png', 'img/menu/themes_bg.png', 'img/menu/do_bg.png', 'img/menu/stay_bg.png', 'img/menu/resources_bg.png', 'img/menu/about_bg.png', 'img/menu/meetings_bg.png', 'img/menu/visit_bg2.png', 'img/menu/themes_bg2.png', 'img/menu/do_bg2.png', 'img/menu/stay_bg2.png', 'img/menu/resources_bg2.png', 'img/menu/about_bg2.png', 'img/menu/meetings_bg2.png');
for (var i = 0; i < arrBgs.length; i++) {
    var preload_image = new Image(); 
    preload_image.src=arrBgs[i]; 
}

  
  



function turnOff() {
    var strSrcTmp;
    var arrImages = document.getElementsByTagName('img');
    for (var i = 0; i<arrImages.length; i++) {
        if (arrImages[i].className.indexOf("imgOverTop") == 0) {
            var src = arrImages[i].src;
            var imgtype = src.substring(src.lastIndexOf("."), src.length);
            for (var j = 0; j < topIdArray.length; j++) {
                if (src.indexOf(topIdArray[j]) > -1) {
                    strSrcTmp = arrImages[i].getAttribute('src').replace("_over" + imgtype, imgtype);
                    arrImages[i].setAttribute('src', strSrcTmp);
                    if (subMenuArray[j] != 'home_sub') {
                        document.getElementById(subMenuArray[j]).style.display = 'none';
                    }
                }                    
            }
         } 
     }
}

function turnOffOthers(thisImgSrc) {
    var strSrcTmp;
    var arrImages = document.getElementsByTagName('img');
    for (var i = 0; i < arrImages.length; i++) {
        if (arrImages[i].className.indexOf("imgOverTop") == 0) {
            var src = arrImages[i].src;
            var imgtype = src.substring(src.lastIndexOf("."), src.length);
            for (var j = 0; j < topIdArray.length; j++) {
                if ((src.indexOf(topIdArray[j]) > -1) && (thisImgSrc.indexOf(topIdArray[j]) == -1)) {
                    strSrcTmp = arrImages[i].getAttribute('src').replace("_over" + imgtype, imgtype);
                    arrImages[i].setAttribute('src', strSrcTmp);
                    if (subMenuArray[j] != 'home_sub') {
                        document.getElementById(subMenuArray[j]).style.display = 'none';
                    }
                }                    
            }
         } 
     }
}

function rolloversInit() {
	if (!document.getElementById) return;
	
	var arrPreload = new Array();
	var strSrcTmp;
	var arrImages = document.getElementsByTagName('img');
	
	for (var i=0; i<arrImages.length; i++) {
		if (arrImages[i].className.indexOf("imgOver") == 0) {
			var src = arrImages[i].src;
			var imgtype = src.substring(src.lastIndexOf("."), src.length);
			var altsrc = src.replace(imgtype, "_over" + imgtype);

			arrImages[i].setAttribute('altsrc', altsrc);
			arrPreload[i] = new Image();
			arrPreload[i].src = altsrc;
			
			
			arrImages[i].onmouseover = function() {
			    clearTimeout(menuTime);
				strSrcTmp = this.getAttribute('src');
				if (this.className.indexOf("imgOverTop") == 0) {
				    turnOffOthers(strSrcTmp);
				    for (var i = 0; i < topIdArray.length; i++) { 
				        if (strSrcTmp.indexOf(topIdArray[i]) > -1) {
	                        this.setAttribute('src', this.getAttribute('altsrc'));
							if ((i > 0) && (subIdArray[i] != 'home_sub')) {
							    document.getElementById(subMenuArray[i]).style.display = 'block';
							}
							break;
	                    }
	                }
	                
	            } else if (this.className.indexOf("imgOverSub") == 0) {
	                var found = false;
                    for (var i = 1; i < topIdArray.length; i++) { 
                        for (var j = 0; j < subIdArray[topIdArray[i]].length; j++) {
	                        if (strSrcTmp.indexOf(subIdArray[topIdArray[i]][j]) > -1) {
	                            this.setAttribute('src', this.getAttribute('altsrc'));
	                            //alert(subMenuArray[i]);
	                            document.getElementById(subMenuArray[i]).style.display = 'block';
	                            found = true;
	                            break;
	                        }
	                    }
                        if (found) {
	                        break;
	                    }
	                }
                }
			}
			
            arrImages[i].onmouseout = function() {
                if (this.className.indexOf("imgOverSub") == 0) {
                    var found = false;
                    for (var i = 1; i < topIdArray.length; i++) { 
                        for (var j = 0; j < subIdArray[topIdArray[i]].length; j++) {
	                        if (strSrcTmp.indexOf(subIdArray[topIdArray[i]][j]) > -1) {
	                            strSrcTmp = this.getAttribute('src').replace("_over" + imgtype, imgtype);
				                this.setAttribute('src', strSrcTmp);
	                            found = true;
	                            break;
	                        }
	                    }
                        if (found) {
	                        break;
	                    }       
	                }
                }
			    menuTime = setTimeout('turnOff()', 500);
			}

		}
	}
}
