var etcOn = false; function etcSwitch() { var etcObj = document.getElementById("etcObj"); var etcBtn = document.getElementById("etcBtn"); etcOn = !etcOn; etcPosition(); if (etcOn) { etcObj.style.display = "block"; etcBtn.style.backgroundPosition = "center top"; } else { etcObj.style.display = "none"; etcBtn.style.backgroundPosition = "center bottom"; } } function etcPosition() { var etcPos = 315; var etcObj = document.getElementById("etcObj"); etcObj.style.left = getBrowserWidth() / 2 + etcPos + "px"; } function getBrowserWidth () { if ( window.innerWidth ) { return window.innerWidth; } else if ( document.documentElement && document.documentElement.clientWidth != 0 ) { return document.documentElement.clientWidth; } else if ( document.body ) { return document.body.clientWidth; } return 0; }