﻿var menuTime;
var topIdArray = new Array('home','about_jamaica', 'where_to_visit', 'vacation_themes', 'wedding', 'contact');
var subMenuArray = new Array('home_sub', 'about_jamaica_sub', 'where_to_visit_sub', 'vacation_themes_sub', 'wedding_sub', 'contact_sub');
var subIdArray = new Array();
subIdArray['home'] = ['home'];
subIdArray['about_jamaica'] = ['general', 'travel_info', 'qa', 'event'];
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', 'music', 'spring_break', 'weddings', 'featured_themes'];
subIdArray['wedding'] = ['wedding_packages', 'wedding_spot', 'wedding_activities'];
subIdArray['contact'] = ['contact_info', 'brochure'];


//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);
			}

		}
	}
}
