tx1 = 1;
tx2 = 1;
tx3 = 1;
tx4 = 1;
timefactor = 1;
baseSpeed1 = 250;
baseSpeed2 = 250;
baseSpeed3 = 250;
baseSpeed4 = 250;
//baseSpeed1 = 20;
//baseSpeed2 = 20;
//baseSpeed3 = 20;
//baseSpeed4 = 20;
function moveit(){
findit();

if(document.all){

	document.all.whitebackground.style.pixelLeft = newx;
	document.all.logo.style.pixelLeft = newx;
	document.all.line.style.pixelLeft = newx;
	document.all.menudiv.style.pixelLeft = newx;
	document.all.contentbox.style.pixelLeft = newx+450;
	document.all.millennial.style.pixelLeft = newx+450;
	document.all.genxer.style.pixelLeft = newx+450;
	document.all.babyboomer.style.pixelLeft = newx+450;
	document.all.tagline.style.pixelLeft = newx+420;
	document.all.traditionalist.style.pixelLeft = newx+450;
	document.all.frontside.style.pixelLeft = newx-825;
	document.all.backside.style.pixelLeft = newx+750;
	document.all.generations.style.pixelLeft = newx+325;
	document.all.corner2.style.pixelLeft = newx+737;
	document.all.corner3.style.pixelLeft = newx+737;
	document.all.bridge1.style.pixelLeft = newx+600;
	document.all.corner4.style.pixelLeft = newx;
//	setTimeout("document.all.thehide.style.visibility='hidden';",10);
}else if(document.layers){

	document.whitebackground.left = newx;
	document.logo.left = newx;
	document.line.left = newx;
	document.menudiv.left = newx;
	document.contentbox.left = newx+450;
	document.millennial.left = newx+450;
	document.genxer.left = newx+450;
	document.tagline.left = newx+420;
	document.babyboomer.left = newx+450;
	document.traditionalist.left = newx+450;
	document.frontside.left = newx-825;
	document.backside.left = newx+750;
	document.corner2.left = newx+737;
	document.corner3.left = newx+737;
	document.bridge1.left = newx+600;
	document.corner4.left = newx;
//	setTimeout("document.thehide.visibility='hidden'",1000);	
}else{

	document.getElementById('whitebackground').style.left = newx;
	document.getElementById('logo').style.left = newx;
	document.getElementById('line').style.left = newx;
	document.getElementById('menudiv').style.left = newx;
	document.getElementById('contentbox').style.left = newx+450;
	document.getElementById('millennial').style.left = newx+450;
	document.getElementById('genxer').style.left = newx+450;
	document.getElementById('tagline').style.left = newx+420;
	document.getElementById('babyboomer').style.left = newx+450;
	document.getElementById('traditionalist').style.left = newx+450;
	document.getElementById('frontside').style.left = newx-825;
	document.getElementById('backside').style.left = newx+750;
	document.getElementById('generations').style.left = newx+325;
	document.getElementById('corner2').style.left = newx+737;
	document.getElementById('corner3').style.left = newx+737;
	document.getElementById('bridge1').style.left = newx+600;
	document.getElementById('corner4').style.left = newx;
//	setTimeout("document.getElementById('thehide').style.visibility='hidden';",1000);	
}

//alert(newx);
}

function startup(){
findit();

c1pos = newx-0;
c2pos = newx-3125;
c3pos = newx-1000;
c4pos = newx-3125;

if(document.all){
	obj1 = document.all.colorbar1.style;
	obj2 = document.all.colorbar2.style;
	obj3 = document.all.colorbar3.style;
	obj4 = document.all.colorbar4.style;
	obj1.pixelLeft = c1pos;
	obj2.pixelLeft = c2pos;
	obj3.pixelLeft = c3pos;
	obj4.pixelLeft = c4pos;
}else{
	if(document.layers){
	obj1 = document.colorbar1;
	obj2 = document.colorbar2;
	obj3 = document.colorbar3;
	obj4 = document.colorbar4;
	}else{
	obj1 = document.getElementById('colorbar1').style;
	obj2 = document.getElementById('colorbar2').style;
	obj3 = document.getElementById('colorbar3').style;
	obj4 = document.getElementById('colorbar4').style;
	}
	obj1.left = c1pos;
	obj2.left = c2pos;
	obj3.left = c3pos;
	obj4.left = c4pos;}
}



function findit(){
if(document.layers){
xx = window.innerWidth;
}else{
xx = document.body.clientWidth;
}
newx = Math.round((xx - 750)/2);

if (newx < 0){
newx = 0;
}

}




function initialize(c1,c2,c3,c4,changeto){
baseSpeed1 = 250;
baseSpeed2 = 250;
baseSpeed3 = 250;
baseSpeed4 = 250;
findit();

clearTimeout(rscheck);

c1pos = newx+c1;
c2pos = newx+c2;
c3pos = newx+c3;
c4pos = newx+c4;


if (changeto == 0){
	tb1 = 1;
	tb2 = 0;
	tb3 = 0;
	tb4 = 0;
}else if (changeto == 1){
	tb1 = 0;
	tb2 = 1;
	tb3 = 0;
	tb4 = 0;
}else if (changeto == 2){
	tb1 = 0;
	tb2 = 0;
	tb3 = 1;
	tb4 = 0;
}else if (changeto == 3){
	tb1 = 0;
	tb2 = 0;
	tb3 = 0;
	tb4 = 1;
}
if(document.all){
	if(tb1 == 1){document.all.millennial.style.visibility='visible';}else{document.all.millennial.style.visibility='hidden';}
	if(tb2 == 1){document.all.genxer.style.visibility='visible';}else{document.all.genxer.style.visibility='hidden';}
	if(tb3 == 1){document.all.babyboomer.style.visibility='visible';}else{document.all.babyboomer.style.visibility='hidden';}
	if(tb4 == 1){document.all.traditionalist.style.visibility='visible';}else{document.all.traditionalist.style.visibility='hidden';}
}else if(document.layers){
	if(tb1 == 1){document.millennial.visibility='visible';}else{document.millennial.visibility='hidden';}
	if(tb2 == 1){document.genxer.visibility='visible';}else{document.genxer.visibility='hidden';}
	if(tb3 == 1){document.babyboomer.visibility='visible';}else{document.babyboomer.visibility='hidden';}
	if(tb4 == 1){document.traditionalist.visibility='visible';}else{document.traditionalist.visibility='hidden';}

}else{
	if(tb1 == 1){document.getElementById('millennial').style.visibility='visible';}else{document.getElementById('millennial').style.visibility='hidden';}
	if(tb2 == 1){document.getElementById('genxer').style.visibility='visible';}else{document.getElementById('genxer').style.visibility='hidden';}
	if(tb3 == 1){document.getElementById('babyboomer').style.visibility='visible';}else{document.getElementById('babyboomer').style.visibility='hidden';}
	if(tb4 == 1){document.getElementById('traditionalist').style.visibility='visible';}else{document.getElementById('traditionalist').style.visibility='hidden';}
}


if(document.all){
	obj1 = document.all.colorbar1.style;
	obj2 = document.all.colorbar2.style;
	obj3 = document.all.colorbar3.style;
	obj4 = document.all.colorbar4.style;
	engine1()
}else if(document.layers){
	obj1 = document.colorbar1;
	obj2 = document.colorbar2;
	obj3 = document.colorbar3;
	obj4 = document.colorbar4;
	engine2();
}else{
	obj1 = document.getElementById('colorbar1');
	obj2 = document.getElementById('colorbar2');
	obj3 = document.getElementById('colorbar3');
	obj4 = document.getElementById('colorbar4');
	engine3();
}
}

function engine1(){
	engine1a();
	engine1b();
	engine1c();
	engine1d();
}

function engine2(){
	engine2a();
	engine2b();
	engine2c();
	engine2d();
}

function engine3(){
	engine3a();
	engine3b();
	engine3c();
	engine3d();
}



function engine1a(){

dX1 = obj1.pixelLeft-c1pos;
if (dX1 != 0){
if(dX1 < 0){ns1 = -baseSpeed1;}else{ns1 = baseSpeed1;}
	obj1.pixelLeft -= ns1;
	setTimeout("engine1a();",1);
	if(dX1<1000){baseSpeed1 = 200; if (dX1<400) {baseSpeed1 = 150; if(dX1<200){baseSpeed1 = 30;	if (dX1<35 && dX1>-35) {baseSpeed1 = 1;}}}}
	//if(baseSpeed1 > 1){baseSpeed1 = baseSpeed1/tx1;tx1 = tx1 + .003;} //else{baseSpeed1 = 1;}
}
if (dX1<5 && dX1>-5) {
	obj1.pixelLeft = c1pos;tx1 = 1;
}
}

function engine1b(){
dX2 = obj2.pixelLeft-c2pos;
if (dX2 != 0) {
if(dX2 < 0){ns2 = -baseSpeed2;}else{ns2 = baseSpeed2;}
	obj2.pixelLeft -= ns2;
	setTimeout("engine1b();",1)
	if(dX2<1000){baseSpeed2 = 200; if (dX2<400) {baseSpeed2 = 150; if(dX2<200){baseSpeed2 = 30;	if (dX2<35 && dX2>-35) {baseSpeed2 = 1;}}}}
	//if (dX2<400) {baseSpeed2 = 50; if(dX2<200){baseSpeed2 = 10;	if (dX2<20 && dX2>-20) {baseSpeed2 = 1;}}}
	//if(baseSpeed2 > 1){baseSpeed2 = baseSpeed2/tx2;tx2 = tx2 + .002;} //else{baseSpeed2 = 1;}
}
if (dX2<5 && dX2>-5) {
	obj2.pixelLeft = c2pos;tx2 = 1;
}
}

function engine1c(){
dX3 = obj3.pixelLeft-c3pos;
if (dX3 != 0) {
if(dX3 < 0){ns3 = -baseSpeed3;}else{ns3 = baseSpeed3;}
	obj3.pixelLeft -= ns3;
	setTimeout("engine1c();",1)
	if(dX3<1000){baseSpeed3 = 200; if (dX3<400) {baseSpeed3 = 150; if(dX3<200){baseSpeed3 = 30;	if (dX3<35 && dX3>-35) {baseSpeed3 = 1;}}}}
	//if (dX3<400) {baseSpeed3 = 50; if(dX3<200){baseSpeed3 = 10;	if (dX3<20 && dX3>-20) {baseSpeed3 = 1;}}}
	//if(baseSpeed1 > 1){baseSpeed3 = baseSpeed3/tx3;tx3 = tx3 + .003;} //else{baseSpeed3 = 1;}
}
if (dX3<5 && dX3>-5) {
	obj3.pixelLeft = c3pos;tx3 = 1;
}
}

function engine1d(){
dX4 = obj4.pixelLeft-c4pos;
if (dX4 != 0) {
if(dX4 < 0){ns4 = -baseSpeed4;}else{ns4 = baseSpeed4;}
	obj4.pixelLeft -= ns4;
	if(dX4<1000){baseSpeed4 = 200; if (dX4<400) {baseSpeed4 = 150; if(dX4<200){baseSpeed4 = 30;	if (dX4<35 && dX4>-35) {baseSpeed4 = 1;}}}}
	//if (dX4<400) {baseSpeed4 = 50; if(dX4<200){baseSpeed4 = 10;if (dX4<20 && dX4>-20) {baseSpeed4 = 1;}}}
	setTimeout("engine1d();",1)
	//if(baseSpeed4 > 1){baseSpeed4 = baseSpeed4/tx4;tx4 = tx4 + .003;} //else{baseSpeed4 = 1;}
}
if (dX4<5 && dX4>-5) {
	obj4.pixelLeft = c4pos;
}
}

function engine2a(){

dX1 = obj1.left-c1pos;
if (dX1 != 0){
if(dX1 < 0){ns1 = -baseSpeed1;}else{ns1 = baseSpeed1;}
	obj1.left -= ns1;
	setTimeout("engine2a();",1);
	if(dX1<1000){baseSpeed1 = 200; if (dX1<400) {baseSpeed1 = 150; if(dX1<200){baseSpeed1 = 30;	if (dX1<35 && dX1>-35) {baseSpeed1 = 1;}}}}
	//if(baseSpeed1 > 1){baseSpeed1 = baseSpeed1/tx1;tx1 = tx1 + .003;} //else{baseSpeed1 = 1;}
}
if (dX1<5 && dX1>-5) {
	obj1.left = c1pos;tx1 = 1;
}
}

function engine2b(){
dX2 = obj2.left-c2pos;
if (dX2 != 0) {
if(dX2 < 0){ns2 = -baseSpeed2;}else{ns2 = baseSpeed2;}
	obj2.left -= ns2;
	setTimeout("engine2b();",1)
	if(dX2<1000){baseSpeed2 = 200; if (dX2<400) {baseSpeed2 = 150; if(dX2<200){baseSpeed2 = 30;	if (dX2<35 && dX2>-35) {baseSpeed2 = 1;}}}}
	//if (dX2<400) {baseSpeed2 = 50; if(dX2<200){baseSpeed2 = 10;	if (dX2<20 && dX2>-20) {baseSpeed2 = 1;}}}
	//if(baseSpeed2 > 1){baseSpeed2 = baseSpeed2/tx2;tx2 = tx2 + .002;} //else{baseSpeed2 = 1;}
}
if (dX2<5 && dX2>-5) {
	obj2.left = c2pos;tx2 = 1;
}
}

function engine2c(){
dX3 = obj3.left-c3pos;
if (dX3 != 0) {
if(dX3 < 0){ns3 = -baseSpeed3;}else{ns3 = baseSpeed3;}
	obj3.left -= ns3;
	setTimeout("engine2c();",1)
	if(dX3<1000){baseSpeed3 = 200; if (dX3<400) {baseSpeed3 = 150; if(dX3<200){baseSpeed3 = 30;	if (dX3<35 && dX3>-35) {baseSpeed3 = 1;}}}}
	//if (dX3<400) {baseSpeed3 = 50; if(dX3<200){baseSpeed3 = 10;	if (dX3<20 && dX3>-20) {baseSpeed3 = 1;}}}
	//if(baseSpeed1 > 1){baseSpeed3 = baseSpeed3/tx3;tx3 = tx3 + .003;} //else{baseSpeed3 = 1;}
}
if (dX3<5 && dX3>-5) {
	obj3.left = c3pos;tx3 = 1;
}
}

function engine2d(){
dX4 = obj4.left-c4pos;
if (dX4 != 0) {
if(dX4 < 0){ns4 = -baseSpeed4;}else{ns4 = baseSpeed4;}
	obj4.left -= ns4;
	if(dX4<1000){baseSpeed4 = 200; if (dX4<400) {baseSpeed4 = 150; if(dX4<200){baseSpeed4 = 30;	if (dX4<35 && dX4>-35) {baseSpeed4 = 1;}}}}
	//if (dX4<400) {baseSpeed4 = 50; if(dX4<200){baseSpeed4 = 10;if (dX4<20 && dX4>-20) {baseSpeed4 = 1;}}}
	setTimeout("engine2d();",1)
	//if(baseSpeed4 > 1){baseSpeed4 = baseSpeed4/tx4;tx4 = tx4 + .003;} //else{baseSpeed4 = 1;}
}
if (dX4<5 && dX4>-5) {
	obj4.left = c4pos;
}
}

function nopx(currentposition){
currentposition = currentposition.slice(0,-2);
currentposition = parseInt(currentposition);
return currentposition;
}

function engine3a(){
dX1 = nopx(obj1.style.left)-c1pos;
if (dX1 != 0){
if(dX1 < 0){ns1 = -baseSpeed1;}else{ns1 = baseSpeed1;}
	obj1.style.left = nopx(obj1.style.left) - ns1;
//	alert(nopx(obj1.style.left));
	setTimeout("engine3a();",1);
	if(dX1<1000){baseSpeed1 = 220; if (dX1<400) {baseSpeed1 = 165; if(dX1<200){baseSpeed1 = 35;	if (dX1<40 && dX1>-40) {baseSpeed1 = 2;}}}}
}
if (dX1<5 && dX1>-5) {
	obj1.style.left = c1pos;tx1 = 1;
}
}

function engine3b(){

dX2 = nopx(obj2.style.left)-c2pos;
if (dX2 != 0) {
if(dX2 < 0){ns2 = -baseSpeed2;}else{ns2 = baseSpeed2;}
	obj2.style.left = nopx(obj2.style.left) - ns2;
	setTimeout("engine3b();",1)
	if(dX2<1000){baseSpeed2 = 220; if (dX2<400) {baseSpeed2 = 165; if(dX2<200){baseSpeed2 = 35;	if (dX2<40 && dX2>-40) {baseSpeed2 = 2;}}}}

}
if (dX2<5 && dX2>-5) {
	obj2.style.left = c2pos;tx2 = 1;
}
}

function engine3c(){

dX3 = nopx(obj3.style.left)-c3pos;
if (dX3 != 0) {
if(dX3 < 0){ns3 = -baseSpeed3;}else{ns3 = baseSpeed3;}
	obj3.style.left = nopx(obj3.style.left) - ns3;
	setTimeout("engine3c();",1)
	if(dX3<1000){baseSpeed3 = 220; if (dX3<400) {baseSpeed3 = 165; if(dX3<200){baseSpeed3 = 35;	if (dX3<40 && dX3>-40) {baseSpeed3 = 2;}}}}

}
if (dX3<5 && dX3>-5) {
	obj3.style.left = c3pos;tx3 = 1;
}
}

function engine3d(){

dX4 = nopx(obj4.style.left)-c4pos;
if (dX4 != 0) {
if(dX4 < 0){ns4 = -baseSpeed4;}else{ns4 = baseSpeed4;}
	obj4.style.left = nopx(obj4.style.left) - ns4;
	if(dX4<1000){baseSpeed4 = 220; if (dX4<400) {baseSpeed4 = 165; if(dX4<200){baseSpeed4 = 35;	if (dX4<40 && dX4>-40) {baseSpeed4 = 2;}}}}
	setTimeout("engine3d();",1)
}
if (dX4<5 && dX4>-5) {
	obj4.style.left = c4pos;
}
}