var t = 0; var menuObj; var senseClick = false; var activeStr = "0##"; activeArr = activeStr.split('##'); var link1On = new Image(); var link1Off = new Image(); var cat1On = new Image(); var cat1Off = new Image(); var cat1Click = new Image(); var link2On = new Image(); var link2Off = new Image(); var cat2On = new Image(); var cat2Off = new Image(); var cat2Click = new Image(); var linkOn = new Image(); var linkOff = new Image(); //link1On.src = "/proimages/linkbgover.gif"; link1On.src = "/proimages/downlinkbg.gif"; link1Off.src = "/proimages/linkbg.gif"; cat1On.src = "/proimages/downlinkbgover.gif"; cat1Off.src = "/proimages/linkbg.gif"; cat1Click.src = "/proimages/downlinkbg.gif"; link2On.src = "/proimages/sublink2bgon.gif"; link2Off.src = "/proimages/sublink2bg.gif"; cat2On.src = "/proimages/downlink2bgover.gif"; cat2Off.src = "/proimages/link2bg.gif"; cat2Click.src = "/proimages/link2bgClick.gif"; linkOn.src = "/proimages/sublinkbgon.gif"; linkOff.src = "/proimages/sublinkbg.gif"; function findPosX(obj) { var curleft = 0; if(obj) { if (obj.offsetParent) { while (obj.offsetParent) { curleft += obj.offsetLeft obj = obj.offsetParent; } } else if (obj.x) { curleft += obj.x; } return curleft; } } function findPosY(obj) { var curtop = 0; if(obj) { if (obj.offsetParent) { while (obj.offsetParent) { curtop += obj.offsetTop obj = obj.offsetParent; } } else if (obj.x) { curtop += obj.x; } return curtop; } } function hideObj(id){ var obj = document.getElementById(id); obj.style.visibility = 'hidden'; obj.style.display = 'none'; } function addCat(id, name, level, cnt, url, cssBlock, cssText){ var obj = document.createElement('DIV'); obj.id = id; obj.className = cssBlock; obj.level = level; obj.onmouseover = function(evt){ var contObj = document.getElementById('cont_' + this.id); var nameObj = document.getElementById('name_' + this.id); switch(level){ case 1: this.style.backgroundImage = 'url(' + cat1On.src + ')'; break; case 2: this.style.backgroundImage = 'url(' + cat2On.src + ')'; break; default: this.style.backgroundImage = 'url(' + catOn.src + ')'; break; } } obj.onmouseout = function(evt){ var nameObj = document.getElementById('name_' + this.id); var contObj = document.getElementById('cont_' + this.id); switch(level){ case 1: if(contObj.style.visibility == 'visible') this.style.backgroundImage = 'url(' + cat1Click.src + ')'; else this.style.backgroundImage = 'url(' + cat1Off.src + ')'; break; case 2: if(contObj.style.visibility == 'visible') this.style.backgroundImage = 'url(' + cat2Click.src + ')'; else this.style.backgroundImage = 'url(' + cat2Off.src + ')'; break; default: this.style.backgroundImage = 'url(' + catOff.src + ')'; break; } } obj.onclick = function(evt){ if(senseClick == false) { if(url != '#') { location.href = url; }else{ var contObj = document.getElementById('cont_' + this.id); if(contObj.style.visibility == 'hidden') { contObj.style.visibility = 'visible'; contObj.style.display = 'block'; // contObj.parentNode.style.height = parseInt(contObj.offsetHeight + 15) + "px"; switch(level){ case 1: this.style.backgroundImage = 'url(' + cat1Click.src + ')'; break; case 2: this.style.backgroundImage = 'url(' + cat2Click.src + ')'; break; default: this.style.backgroundImage = 'url(' + cat1Click.src + ')'; break; } }else{ contObj.style.visibility = 'hidden'; contObj.style.display = 'none'; // contObj.parentNode.style.height = "15px"; } } } if(this.level == 1) { senseClick = false; }else{ senseClick = true; } } var nameObj = document.createElement('DIV'); nameObj.innerHTML = name; nameObj.id = 'name_' + id; nameObj.className = cssText; var containerObj = document.createElement('DIV'); containerObj.id = 'cont_' + id; // containerObj.style.position = 'absolute'; containerObj.style.visibility = 'hidden'; containerObj.style.display = 'none'; containerObj.style.paddingTop = "2px"; if(level == 1) { containerObj.style.left = findPosX(menuObj); containerObj.style.top = findPosY(menuObj) + (cnt * 27); }else{ containerObj.style.left = 133; containerObj.style.top = cnt * 27; } obj.appendChild(nameObj); obj.appendChild(containerObj); return containerObj; } function addLink(id, name, level, cnt, url, cssBlock, cssText){ var obj = document.createElement('DIV'); obj.id = id; obj.className = cssBlock; obj.onclick = function(evt){ location.href = url; } obj.onmouseover = function(evt){ var nameObj = document.getElementById('name_' + this.id); switch(level){ case 1: this.style.backgroundImage = 'url(' + link1On.src + ')'; break; case 2: this.style.backgroundImage = 'url(' + link2On.src + ')'; break; default: this.style.backgroundImage = 'url(' + linkOn.src + ')'; break; } } obj.onmouseout = function(evt){ var nameObj = document.getElementById('name_' + this.id); switch(level){ case 1: this.style.backgroundImage = 'url(' + link1Off.src + ')'; break; case 2: this.style.backgroundImage = 'url(' + link2Off.src + ')'; break; default: this.style.backgroundImage = 'url(' + linkOff.src + ')'; break; } } var nameObj = document.createElement('DIV'); nameObj.innerHTML = name; // nameObj.noWrap = true; nameObj.id = 'name_' + id; nameObj.className = cssText; obj.appendChild(nameObj); return obj; } function getData(){ menuObj = document.getElementById('menu'); menuObj.innerHTML = ''; var nContObj = menuObj; var newNode = addCat('CX1', "Home", 1, 0, "#", 'cat1', 'cat1text'); nContObj.appendChild(newNode.parentNode); tmpContObj = nContObj; nContObj = newNode; var newNode = addLink('LX1', "Home", 2, 0, "/home/home_linkpage_1_1.html", 'link2', 'link2text'); nContObj.appendChild(newNode); nContObj = nContObj.parentNode.parentNode; var newNode = addCat('CX2', "About Us", 1, 1, "#", 'cat1', 'cat1text'); nContObj.appendChild(newNode.parentNode); tmpContObj = nContObj; nContObj = newNode; var newNode = addLink('LX39', "About Us", 2, 0, "/about_us/about_us_linkpage_2_39.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX35', "Dr Harjeev Rai (Director)", 2, 1, "/about_us/dr_harjeev_rai_(director)_linkpage_35_35.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX46', "Dr Ash Thakore (Private GP)", 2, 2, "/about_us/dr_ash_thakore_(private_gp)_linkpage_44_46.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX47', "Testimonials", 2, 3, "/about_us/testimonials_linkpage_45_47.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX6', "Links & Forms", 2, 4, "/about_us/links_and_forms_linkpage_7_6.html", 'link2', 'link2text'); nContObj.appendChild(newNode); nContObj = nContObj.parentNode.parentNode; var newNode = addCat('CX3', "Cosmetic Services", 1, 2, "#", 'cat1', 'cat1text'); nContObj.appendChild(newNode.parentNode); tmpContObj = nContObj; nContObj = newNode; var newNode = addLink('LX23', "Botulinum Treatment", 2, 0, "/cosmetic_services/botulinum_treatment_linkpage_24_23.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX24', "Dermal Fillers", 2, 1, "/cosmetic_services/dermal_fillers_linkpage_25_24.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX26', "Chemical Skin Peels", 2, 2, "/cosmetic_services/chemical_skin_peels_linkpage_27_26.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX37', "Excessive Sweating", 2, 3, "/cosmetic_services/excessive_sweating_linkpage_37_37.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX48', "Salon Partnerships", 2, 4, "/cosmetic_services/salon_partnerships_linkpage_46_48.html", 'link2', 'link2text'); nContObj.appendChild(newNode); nContObj = nContObj.parentNode.parentNode; var newNode = addCat('CX4', "Medical Services", 1, 3, "#", 'cat1', 'cat1text'); nContObj.appendChild(newNode.parentNode); tmpContObj = nContObj; nContObj = newNode; var newNode = addLink('LX12', "Private GP Services", 2, 0, "/medical_services/private_gp_services_linkpage_9_12.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX17', "Wellman Screening", 2, 1, "/medical_services/wellman_screening_linkpage_13_17.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX18', "Well Woman Screening", 2, 2, "/medical_services/well_woman_screening_linkpage_14_18.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX10', "Occupational Health", 2, 3, "/medical_services/occupational_health_linkpage_10_10.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX14', "Sick Leave In The Work Place", 2, 4, "/medical_services/sick_leave_in_the_work_place_linkpage_11_14.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX41', "Cervical Cancer Immunisation", 2, 5, "/medical_services/cervical_cancer_immunisation_linkpage_39_41.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX15', "The Cardiac Clinic", 2, 6, "/medical_services/the_cardiac_clinic_linkpage_17_15.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX16', "Weight Loss Clinic", 2, 7, "/medical_services/weight_loss_clinic_linkpage_15_16.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX42', "Minor Operations & Joint Injections", 2, 8, "/medical_services/minor_operations_and_joint_injections_linkpage_40_42.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX45', "Pregnancy", 2, 9, "/medical_services/pregnancy_linkpage_43_45.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX25', "Medical Tests", 2, 10, "/medical_services/medical_tests_linkpage_26_25.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX13', "Medicals", 2, 11, "/medical_services/medicals_linkpage_12_13.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX20', "Medico-Legal", 2, 12, "/medical_services/medico-legal_linkpage_21_20.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX9', "Allergy Testing", 2, 13, "/medical_services/allergy_testing_linkpage_18_9.html", 'link2', 'link2text'); nContObj.appendChild(newNode); nContObj = nContObj.parentNode.parentNode; var newNode = addCat('CX7', "Consultants", 1, 4, "#", 'cat1', 'cat1text'); nContObj.appendChild(newNode.parentNode); tmpContObj = nContObj; nContObj = newNode; var newNode = addLink('LX22', "Introducing the Consultants", 2, 0, "/consultants/introducing_the_consultants_linkpage_23_22.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX44', "Cardiology", 2, 1, "/consultants/cardiology_linkpage_28_44.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX43', "Endocrinology", 2, 2, "/consultants/endocrinology_linkpage_42_43.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX31', "ENT Surgeon", 2, 3, "/consultants/ent_surgeon_linkpage_33_31.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX29', "Gastroenterology", 2, 4, "/consultants/gastroenterology_linkpage_30_29.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX32', "General Surgery", 2, 5, "/consultants/general_surgery_linkpage_32_32.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX40', "Breast Surgeon", 2, 6, "/consultants/breast_surgeon_linkpage_38_40.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX30', "Orthopaedic Surgeons", 2, 7, "/consultants/orthopaedic_surgeons_linkpage_31_30.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX28', "Neurology", 2, 8, "/consultants/neurology_linkpage_29_28.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX33', "Urology", 2, 9, "/consultants/urology_linkpage_36_33.html", 'link2', 'link2text'); nContObj.appendChild(newNode); var newNode = addLink('LX34', "Vascular Surgery", 2, 10, "/consultants/vascular_surgery_linkpage_34_34.html", 'link2', 'link2text'); nContObj.appendChild(newNode); nContObj = nContObj.parentNode.parentNode; var newNode = addCat('CX5', "Prices", 1, 5, "#", 'cat1', 'cat1text'); nContObj.appendChild(newNode.parentNode); tmpContObj = nContObj; nContObj = newNode; var newNode = addLink('LX7', "Prices", 2, 0, "/prices/prices_linkpage_5_7.html", 'link2', 'link2text'); nContObj.appendChild(newNode); nContObj = nContObj.parentNode.parentNode; var newNode = addCat('CX6', "FAQ", 1, 6, "#", 'cat1', 'cat1text'); nContObj.appendChild(newNode.parentNode); tmpContObj = nContObj; nContObj = newNode; var newNode = addLink('LX4', "FAQ", 2, 0, "/faq/faq_linkpage_6_4.html", 'link2', 'link2text'); nContObj.appendChild(newNode); nContObj = nContObj.parentNode.parentNode; var newNode = addCat('CX8', "Contact Us", 1, 7, "#", 'cat1', 'cat1text'); nContObj.appendChild(newNode.parentNode); tmpContObj = nContObj; nContObj = newNode; var newNode = addLink('LX19', "Contact Us", 2, 0, "/contact_us/contact_us_linkpage_contact.php_19.html", 'link2', 'link2text'); nContObj.appendChild(newNode); nContObj = nContObj.parentNode.parentNode; for(var i=0; i<(activeArr.length-1); i++) { var j = i + 1; var mcontObj = document.getElementById('cont_' + 'CX' + activeArr[i]); var mObj = document.getElementById('CX' + activeArr[i]); if(mcontObj) { mcontObj.style.visibility = 'visible'; mcontObj.style.display = 'block'; } if(mObj) { switch(j){ case 1: mObj.style.backgroundImage = 'url(' + cat1On.src + ')'; break; case 2: mObj.style.backgroundImage = 'url(' + cat2On.src + ')'; break; default: mObj.style.backgroundImage = 'url(' + cat1On.src + ')'; break; } mObj.onmouseout = function(evt) { return false; } mObj.onmouseover = function(evt) { return false; } mObj.onclick = function(evt){ return false; } } } var j = i + 1; var lObj = document.getElementById('LX' + activeArr[activeArr.length-1]); if(lObj) { if(activeArr[0] == 0) { lObj.style.backgroundImage = 'url(' + cat1On.src + ')'; lObj.onmouseout = function(evt) { return false; } lObj.onmouseover = function(evt) { return false; } }else{ switch(j){ case 1: lObj.style.backgroundImage = 'url(' + link1On.src + ')'; break; case 2: lObj.style.backgroundImage = 'url(' + link2On.src + ')'; break; default: lObj.style.backgroundImage = 'url(' + linkOn.src + ')'; break; } // lObj.style.backgroundImage = 'url(' + sublinkOn.src + ')'; lObj.onmouseout = function(evt) { return false; } lObj.onmouseover = function(evt) { return false; } } } }