document.write('
'); function setElementOpacity(oElem, nOpacity) { var p = getOpacityProperty(); (setElementOpacity = p=="filter"?new Function('oElem', 'nOpacity', 'nOpacity *= 100; var oAlpha = oElem.filters["DXImageTransform.Microsoft.alpha"] || oElem.filters.alpha; if (oAlpha) oAlpha.opacity = nOpacity; else oElem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+nOpacity+")";'):p?new Function('oElem', 'nOpacity', 'oElem.style.'+p+' = nOpacity;'):new Function)(oElem, nOpacity); } function getOpacityProperty() { var p; if (typeof document.body.style.opacity == 'string') p = 'opacity'; else if (typeof document.body.style.MozOpacity == 'string') p = 'MozOpacity'; else if (typeof document.body.style.KhtmlOpacity == 'string') p = 'KhtmlOpacity'; else if (document.body.filters && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5) p = 'filter'; return (getOpacityProperty = new Function("return '"+p+"';"))(); } function fadeOpacity(sElemId, sRuleName, bBackward) { var elem = document.getElementById(sElemId); if (!elem || !getOpacityProperty() || !fadeOpacity.aRules[sRuleName]) return; var rule = fadeOpacity.aRules[sRuleName]; var nOpacity = rule.nStartOpacity; if (fadeOpacity.aProc[sElemId]) {clearInterval(fadeOpacity.aProc[sElemId].tId); nOpacity = fadeOpacity.aProc[sElemId].nOpacity;} if ((nOpacity==rule.nStartOpacity && bBackward) || (nOpacity==rule.nFinishOpacity && !bBackward)) return; fadeOpacity.aProc[sElemId] = {'nOpacity':nOpacity, 'tId':setInterval('fadeOpacity.run("'+sElemId+'")', fadeOpacity.aRules[sRuleName].nDalay), 'sRuleName':sRuleName, 'bBackward':Boolean(bBackward)}; } fadeOpacity.addRule = function(sRuleName, nStartOpacity, nFinishOpacity, nDalay){fadeOpacity.aRules[sRuleName]={'nStartOpacity':nStartOpacity, 'nFinishOpacity':nFinishOpacity, 'nDalay':(nDalay || 30),'nDSign':(nFinishOpacity-nStartOpacity > 0?1:-1)};}; fadeOpacity.back = function(sElemId){fadeOpacity(sElemId,fadeOpacity.aProc[sElemId].sRuleName,true);}; fadeOpacity.run = function(sElemId) { var proc = fadeOpacity.aProc[sElemId]; var rule = fadeOpacity.aRules[proc.sRuleName]; proc.nOpacity = Math.round(( proc.nOpacity + .1*rule.nDSign*(proc.bBackward?-1:1) )*10)/10; setElementOpacity(document.getElementById(sElemId), proc.nOpacity); if (proc.nOpacity==rule.nStartOpacity || proc.nOpacity==rule.nFinishOpacity) clearInterval(fadeOpacity.aProc[sElemId].tId); } fadeOpacity.aProc = {}; fadeOpacity.aRules = {}; fadeOpacity.addRule('show', 0, 1, 20); fadeOpacity.addRule('hide', 1, 0, 20); function show(elem){ fadeOpacity(elem, 'show'); document.getElementById(elem).style.display = 'block'; setTimeout(function() {hide(elem)}, 5000); } function hide(elem){ fadeOpacity(elem, 'hide'); setTimeout(function() {document.getElementById(elem).style.display = 'none';}, 300); setTimeout(function() {show(elem)}, 11900); } setElementOpacity(document.getElementById('block1'), 0); document.getElementById('block1').style.display = "none"; setElementOpacity(document.getElementById('span1'), 0.3); setElementOpacity(document.getElementById('block2'), 0); document.getElementById('block2').style.display = "none"; setElementOpacity(document.getElementById('span2'), 0.3); setElementOpacity(document.getElementById('block3'), 0); document.getElementById('block3').style.display = "none"; setElementOpacity(document.getElementById('span3'), 0.3); setElementOpacity(document.getElementById('block4'), 0); document.getElementById('block4').style.display = "none"; setElementOpacity(document.getElementById('span4'), 0.3); setElementOpacity(document.getElementById('block5'), 0); document.getElementById('block5').style.display = "none"; setElementOpacity(document.getElementById('span5'), 0.3); setElementOpacity(document.getElementById('block6'), 0); document.getElementById('block6').style.display = "none"; setElementOpacity(document.getElementById('span6'), 0.3); setElementOpacity(document.getElementById('block7'), 0); document.getElementById('block7').style.display = "none"; setElementOpacity(document.getElementById('span7'), 0.3); setElementOpacity(document.getElementById('block8'), 0); document.getElementById('block8').style.display = "none"; setElementOpacity(document.getElementById('span8'), 0.3); setElementOpacity(document.getElementById('block9'), 0); document.getElementById('block9').style.display = "none"; setElementOpacity(document.getElementById('span9'), 0.3); setTimeout(function() {show('block1')}, 500); setTimeout(function() {show('block2')}, 700, 'block2'); setTimeout(function() {show('block3')}, 900, 'block3'); setTimeout(function() {show('block4')}, 6000, 'block4'); setTimeout(function() {show('block5')}, 6200, 'block5'); setTimeout(function() {show('block6')}, 6400, 'block6'); setTimeout(function() {show('block7')}, 11500, 'block7'); setTimeout(function() {show('block8')}, 11700, 'block8'); setTimeout(function() {show('block9')}, 11900, 'block9');