function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } loader = function() { document.getElementById('skillexptab').onclick = function() { switchSection('skillexp') }; document.getElementById('edutab').onclick = function() { switchSection('edu') }; document.getElementById('workexptab').onclick = function() { switchSection('workexp') }; document.getElementById('contacttab').onclick = function() { switchSection('contact') }; document.getElementById('porttab').onclick = function() { switchSection('port') }; } function switchSection(id) { document.getElementById('content').style.height = "0"; var tabId = id + 'tab'; var sections = []; sections[0] = "skillexp"; sections[1] = "edu"; sections[2] = "workexp"; sections[3] = "contact"; sections[4] = "welcome"; sections[5] = "port"; var sectionTabs = []; sectionTabs[0] = "skillexptab"; sectionTabs[1] = "edutab"; sectionTabs[2] = "workexptab"; sectionTabs[3] = "contacttab"; sectionTabs[4] = "welcometab"; sectionTabs[5] = "porttab"; for(var i = 0; i <= 5; i++) { var section = sections[i]; var tab = sectionTabs[i]; if(section != id) { document.getElementById(section).style.display = "none"; if(tab != sectionTabs[4]) { if(document.getElementById(tab).className == "sel") { document.getElementById(tab).className = "norm"; } } } } document.getElementById(id).style.display = "block"; test = document.getElementById(id).offsetHeight; var test3 =0; for(var j = 0; j <= 100; j++) { test2 = test * j / 100; setTimeout("document.getElementById('content').style.height = '" + test2 + "px';", (j) * 10); } if(id != "welcome") { document.getElementById(tabId).className = "sel"; } } addLoadEvent(loader);