var topMargin = 280 
var slideTime = 1000
var ns6 = (!document.all && document.getElementById); 
var ie4 = (document.all);
var ns4 = (document.layers);
window.setInterval("main()", 10) 

function floatObject() { 
if (ns4 || ns6) {
findHt = window.innerHeight; 
} else if(ie4) {
findHt = document.body.clientHeight;
}
} 

function main() { 
if (ns4) { 
this.currentY = document.floatLayer.top; 
this.scrollTop = window.pageYOffset;
mainTrigger();
} else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top); 
this.scrollTop = scrollY;
mainTrigger(); 
} else if(ie4) { 
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop; 
mainTrigger();
} 
} 
function mainTrigger() { 
var newTargetY = this.scrollTop + this.topMargin 
if ( this.currentY != newTargetY ) { 
if ( newTargetY != this.targetY ) { 
this.targetY = newTargetY
floatStart(); 
} 
animator(); 
} 
} 
function floatStart() { 
var now = new Date() 
this.A = this.targetY - this.currentY 
this.B = Math.PI / ( 2 * this.slideTime ) 
this.C = now.getTime() 
if (Math.abs(this.A) > this.findHt) { 
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt 
this.A = this.A > 0 ? this.findHt : -this.findHt 
} else { 
this.D = this.currentY 
} 
} 
function animator() { 
var now = new Date() 
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D 
newY = Math.round(newY) 
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) { 
if ( ie4 )floatLayer.style.pixelTop = newY 
if ( ns4 )document.floatLayer.top = newY
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px" 
} 
} 
function closeit() {

if (ns6){
document.getElementById('floatLayer').style.left = -350;
} 
if (ns4) {
document.layers["floatLayer"].style.left = -350;
}
if (ie4) {

document.all["floatLayer"].style.left = -350; 
}
}

function change(){
document.getElementById("1").style.borderColor = "#33CC33";
document.getElementById("3").style.borderBottom = "1px solid #33CC33";
document.getElementById("3").style.backgroundColor = "#CCFFCC";
document.getElementById("2").style.backgroundColor = "#F1FEF2";
}

function change_back(){
document.getElementById("1").style.borderColor = "#FFAE35";
document.getElementById("3").style.borderBottom = "1px solid #FFAE35";
document.getElementById("3").style.backgroundColor = "#FFF2E6";
document.getElementById("2").style.backgroundColor = "#FFF9F2";
}

function change2(){
document.getElementById("4").style.borderColor = "#33CC33";
document.getElementById("6").style.borderBottom = "1px solid #33CC33";
document.getElementById("6").style.backgroundColor = "#CCFFCC";
document.getElementById("5").style.backgroundColor = "#F1FEF2";
}

function change_back2(){
document.getElementById("4").style.borderColor = "#FFAE35";
document.getElementById("6").style.borderBottom = "1px solid #FFAE35";
document.getElementById("6").style.backgroundColor = "#FFF2E6";
document.getElementById("5").style.backgroundColor = "#FFF9F2";
}

function change3(){
document.getElementById("7").style.borderColor = "#33CC33";
document.getElementById("9").style.borderBottom = "1px solid #33CC33";
document.getElementById("9").style.backgroundColor = "#CCFFCC";
document.getElementById("8").style.backgroundColor = "#F1FEF2";
}

function change_back3(){
document.getElementById("7").style.borderColor = "#FFAE35";
document.getElementById("9").style.borderBottom = "1px solid #FFAE35";
document.getElementById("9").style.backgroundColor = "#FFF2E6";
document.getElementById("8").style.backgroundColor = "#FFF9F2";
}

function change4(){
document.getElementById("12").style.borderColor = "#33CC33";
document.getElementById("10").style.borderBottom = "1px solid #33CC33";
document.getElementById("10").style.backgroundColor = "#CCFFCC";
document.getElementById("11").style.backgroundColor = "#F1FEF2";
}

function change_back4(){
document.getElementById("12").style.borderColor = "#FFAE35";
document.getElementById("10").style.borderBottom = "1px solid #FFAE35";
document.getElementById("10").style.backgroundColor = "#FFF2E6";
document.getElementById("11").style.backgroundColor = "#FFF9F2";
}

function change5(){
document.getElementById("13").style.borderColor = "#33CC33";
document.getElementById("14").style.borderBottom = "1px solid #33CC33";
document.getElementById("14").style.backgroundColor = "#CCFFCC";
document.getElementById("15").style.backgroundColor = "#F1FEF2";
}

function change_back5(){
document.getElementById("13").style.borderColor = "#FFAE35";
document.getElementById("14").style.borderBottom = "1px solid #FFAE35";
document.getElementById("14").style.backgroundColor = "#FFF2E6";
document.getElementById("15").style.backgroundColor = "#FFF9F2";
}

function change6(){
document.getElementById("16").style.borderColor = "#33CC33";
document.getElementById("17").style.borderBottom = "1px solid #33CC33";
document.getElementById("17").style.backgroundColor = "#CCFFCC";
document.getElementById("18").style.backgroundColor = "#F1FEF2";
}

function change_back6(){
document.getElementById("16").style.borderColor = "#FFAE35";
document.getElementById("17").style.borderBottom = "1px solid #FFAE35";
document.getElementById("17").style.backgroundColor = "#FFF2E6";
document.getElementById("18").style.backgroundColor = "#FFF9F2";
}