window.onload = function () { var oBanner = document.getElementById('banner'); var aImg = oBanner.getElementsByTagName('li'); var oP = document.getElementById('p'); var aP = oP.getElementsByTagName('p'); var oLeft = document.getElementById('leftt'); var oRight = document.getElementById('rightt'); var timer = null; var n = 0; for (var i = 0; i < aP.length; i++) { aP[i].index = i; aP[i].onmouseover = function () { n = this.index; show(); }; } oBanner.onmouseover = function () { oLeft.style.display = 'block'; oRight.style.display = 'block'; clearInterval(timer); }; oBanner.onmouseout = function () { oLeft.style.display = 'none'; oRight.style.display = 'none'; timer = setInterval(show1, 4000); }; oRight.onclick = function () { show1(); } oLeft.onclick = function () { n--; if (n < 0) { n = aP.length - 1; } show(); } function show() { for (var i = 0; i < aP.length; i++) { aImg[i].style.display = ''; aP[i].className = ''; } aP[n].className = 'on'; aImg[n].style.display = 'block' } function show1() { n++; if (n == aP.length) { n = 0; } show(); } timer = setInterval(function () { show1(); }, 4000) } var oCase = document.getElementById('Solution'); var aUl = oCase.getElementsByTagName('li'); var oTitle = document.getElementById('programme'); var aApa = oTitle.getElementsByTagName('li'); for (var i = 0; i < aApa.length; i++) { aApa[i].index = i; aApa[i].onmouseover = function () { for (var i = 0; i < aApa.length; i++) { aApa[i].className = ''; aUl[i].style.display = ''; } this.className = ''; aUl[this.index].style.display = 'block'; } } var oSpot = document.getElementById('adimg'); var aU = oSpot.getElementsByTagName('li'); var oWork = document.getElementById('advantage'); var aA = oWork.getElementsByTagName('a'); for (var i = 0; i < aA.length; i++) { aA[i].index = i; aA[i].onmouseover = function () { for (var i = 0; i < aA.length; i++) { aA[i].className = ''; aU[i].style.display = ''; } this.className = ''; aU[this.index].style.display = 'block'; } } var oSpott = document.getElementById('ul'); var aUu = oSpott.getElementsByTagName('b'); var oWorkk = document.getElementById('div'); var aAa = oWorkk.getElementsByTagName('p'); for (var i = 0; i < aAa.length; i++) { aAa[i].index = i; aAa[i].onmouseover = function () { for (var i = 0; i < aAa.length; i++) { aAa[i].className = ''; aUu[i].style.display = ''; } this.className = 'ad'; aUu[this.index].style.display = 'block'; } } var oNews = document.getElementById('newss'); var aLi = oNews.getElementsByTagName('li'); var oNewss = document.getElementById('news'); var aAp = oNewss.getElementsByTagName('p'); for (var i = 0; i < aAp.length; i++) { aAp[i].index = i; aAp[i].onmouseover = function () { for (var i = 0; i < aAp.length; i++) { aAp[i].className = ''; aLi[i].style.display = ''; } this.className = 'ko'; aLi[this.index].style.display = 'block'; } } var oNewss = document.getElementById('application'); var aLii = oNewss.getElementsByTagName('li'); var oCases = document.getElementById('cases'); var aAo = oCases.getElementsByTagName('a'); for (var i = 0; i < aAo.length; i++) { aAo[i].index = i; aAo[i].onmouseover = function () { for (var i = 0; i < aAo.length; i++) { aAo[i].className = ''; aLii[i].style.display = ''; } this.className = 'lo'; aLii[this.index].style.display = 'block'; } }