var time = 0 
		var appeared = 0 
		var pauseTime = 0
		var shrinker = 'null'
		var handle = null
		var currentBg
		var currentBox
		var running = false
		var paused = true
		

		
		function anifade(){ 
	
		
		if (time == 1 && appeared == 0) { 
		shrinker = 'sq1';
		currentBg = 'thinkRandstadBg'
		document.getElementById(currentBg).style.zIndex = '5';
		fadeIt(currentBg, 500);
		appeared++; 
		} 
		
		else if (time == 40 && appeared == 1) {
		currentBox = 'thinkRandstadBox';
		dojo.byId(currentBox).style.zIndex = '6';
		slideIt('thinkRandstadBox', 0, 1);
		appeared++; 
		running = true;
		}
		
		else if (time == 400 && appeared == 2) {
		wipeIt(shrinker, 1000); 
		appeared++;
		}
		
		
		else if (time == 499 && appeared == 3) {
		currentBg = 'expertsBg'
		dojo.byId(currentBg).style.zIndex = '5';
		fadeIt('expertsBg', 500);
		slideIt('thinkRandstadBox', 0, 160);
		fadeItOut('thinkRandstadBg', 500);
		appeared++; 
		}
		
		else if (time == 500 && appeared == 4) { 
		wipeItIn('sq1', 150); 
		shrinker = 'sq2'
		dojo.byId('sq1').setAttribute('class', 'square');
		dojo.byId(shrinker).setAttribute('class', 'square-selected');
		dojo.byId('sq1').setAttribute('className', 'square');
		dojo.byId(shrinker).setAttribute('className', 'square-selected');
		dojo.byId('animTitle').innerHTML = 'engagement and retention report'; 
		appeared++; 
		} 
		
		else if (time == 540 && appeared == 5) {
		currentBox = 'expertsBox';
		dojo.byId(currentBox).style.zIndex = '6';
		slideIt('expertsBox', 0, 0);
		appeared++; 
		}
		
		else if (time == 900 && appeared == 6) {
		wipeIt(shrinker, 1000); 
		appeared++;
		}
		
		else if (time == 999 && appeared == 7) {
		currentBg = 'jobsBg'
		dojo.byId(currentBg).style.zIndex = '5';
		slideIt('expertsBox', 0, 160);
		fadeItOut('expertsBg', 500);
		fadeIt('jobsBg', 500);
		appeared++; 
		}
		
		else if (time == 1000 && appeared == 8) { 
		wipeItIn('sq2', 150); 
		shrinker = 'sq3';
		dojo.byId('sq2').setAttribute('class', 'square');
		dojo.byId(shrinker).setAttribute('class', 'square-selected');
		dojo.byId('sq2').setAttribute('className', 'square');
		dojo.byId(shrinker).setAttribute('className', 'square-selected');		
		dojo.byId('animTitle').innerHTML = 'follow our campaign';
		appeared++; 
		} 
		
		else if (time == 1040 && appeared == 9) {
		currentBox = 'jobsBox';
		dojo.byId(currentBox).style.zIndex = '6';	
		//slideIt('jobsBox', 0, 0);	
		appeared++; 
		}
		
		else if (time == 1400 && appeared == 10) {
		wipeIt(shrinker, 1000); 
		appeared++;
		}
		
		else if (time == 1499 && appeared == 11) {
		//slideIt('jobsBox', 0, 154);
		fadeItOut('jobsBg', 500);
		appeared++; 
		}
		
		else if (time == 1500 && appeared == 12) { 
		wipeItIn('sq3', 150); 
		dojo.byId('sq3').setAttribute('class', 'square');
		dojo.byId('sq1').setAttribute('class', 'square-selected');
		dojo.byId('sq3').setAttribute('className', 'square');
		dojo.byId('sq1').setAttribute('className', 'square-selected');
		dojo.byId('animTitle').innerHTML = 'experts powering business';
		time = 0 ;
		appeared = 0; 
		} 
		
		time++;
		
		};
		
		function anipause() {
		if (running){
		pauseTime = time;
		handle.pause(); 
		wipeItIn(shrinker, 350); 
		ints=window.clearInterval(ints);
		paused = false
		};
		};
		
		
		function anicontinue() {
		if (running && !paused){
		dojo.byId(currentBox).style.zIndex = '2';
		dojo.byId(currentBg).style.zIndex = '1';	
		time = pauseTime;
		ints=self.setInterval("anifade()",10);
		};
		};
		
		function showDiv(objbg, objbox) {
		slideIt (currentBox, 0 , 160);
		fadeItOut(currentBg, 200);
		slideIt (objbox, 0 , 0);
		fadeIt (objbg , 200);
		dojo.byId(shrinker).setAttribute('class', 'square');
		dojo.byId(shrinker).setAttribute('className', 'square');
		currentBg = objbg;
		currentBox = objbox;
		dojo.byId(objbox).style.zIndex = '6';
		dojo.byId(objbg).style.zIndex = '5';
		running = true;
		paused = false;
		};
		
    		dojo.require("dojo.fx");
		
		function wipeIt(nude, dur) { 
		var wipeArgs = { 
		node: nude,
		duration: dur
		}; 
		
		handle = dojo.fx.wipeOut(wipeArgs)
		handle.play() 
		};
		
		function wipeItIn(nude, dur) { 
		var wipeArgs = { 
		node: nude,
		duration: dur
		}; 
		
		dojo.fx.wipeIn(wipeArgs).play(); 
		};
		
		function slideIt(nude, leftam, topamt) { 
		    var slideArgs = { 
		    node: nude, 
		    top: topamt, 
		    left: leftam 
		    
		    }; 
		    dojo.fx.slideTo(slideArgs).play(); 
		    }; 
				
		function fadeIt(vab, dur) { 
		
		    dojo.style(vab, "opacity", "0"); 
		    
		    var fadeArgs = { 
		    
		    node: vab, 
		    duration: dur 
		    
		    }; 
		    
		    handle = dojo.fadeIn(fadeArgs);
		    handle.play(); 
		    
		    
		    }; 
		    
		    
		function fadeItOut(vab, dur) { 
		    
		    dojo.style(vab, "opacity", "100"); 
		    var fadeArgs = { 
		    
		    node: vab, 
		    duration: dur 
		    
		    }; 
		
		dojo.fadeOut(fadeArgs).play(); 

		};