// © Addictive Pixel 2009

// scale and restore scaled items
  var zoomedBox = "";
  var smallBoxes = new Array();

   function zoomBox(element) {
		if (zoomedBox=="") {
			for(i=0; i < boxArray.length;i++) {
				if (boxArray[i]==element) {
					if (element!=zoomedBox) {
						new Effect.Scale(element, 200, {scaleMode:'box',scaleY:true, scaleX:false});
					}
					zoomedBox = element;
				} else {
					if (smallBoxes.indexOf(boxArray[i]) == -1) {
						new Effect.Scale(boxArray[i], 50, {scaleMode:'box',scaleY:true, scaleX:false});
						smallBoxes.push(boxArray[i]);
					}
				}
			}
		}
	}
   
	function restoreBox(element) {
		if (zoomedBox != "") {
			if (element==zoomedBox) {
				new Effect.Scale(element, 50, {scaleMode:'box',scaleY:true, scaleX: false});
				zoomedBox = "";
				for (i=0; i < smallBoxes.length; i++) {
					new Effect.Scale(smallBoxes[i], 200, {scaleMode:'box',scaleY:true, scaleX: false});
				}
				smallBoxes = new Array();
			}
		}
	}

// time delay variables
var delayTraining = 800;
var delayDesign = 1000;
var delaybackReturn = 200;
// delay functions
	function delaySupportOn(){
		Effect.multiple(['trainingModule', 'DesignModule', 'ModuleDivider2'], Effect.Fade, { speed: 0 }); 
		Effect.Appear('TechicalSupportSnippet', { duration: 2.5 }); 
		Effect.Appear('contactDetails', { duration: 2.5 });
		zoomBox('boxModuleContent');
		//new Effect.Scale('boxModuleContent', 220,{ scaleX: false, scaleY: true, scaleMode: { originalHeight: 117 } });
	}
	function delaySupportOff(){
		Effect.multiple(['trainingModule', 'DesignModule', 'ModuleDivider2'], Effect.Appear, { speed: 0 }); 
		Effect.Fade('TechicalSupportSnippet', { duration: 0.2 }); 
		Effect.Fade('contactDetails', { duration: 0.2 });
		restoreBox('boxModuleContent');
		//new Effect.Scale('boxModuleContent', 117,{ scaleX: false, scaleY: true, scaleMode: { originalHeight: 117 } });
	}
	function delayTrainingMoveLeft(){
		new Effect.Move('trainingModule', { x: -260 });
		Effect.Appear('TrainingSnippet', { duration: 1.5 }); 
		Effect.Appear('contactDetailsTraining', { duration: 1.5 });
		Effect.multiple(['supportModuleTextBox', 'supportBtnModule', 'designModuleTextBox', 'designBtnModule', 'ModuleDivider2'], Effect.Fade, { duration: 0.5, from: 1, to: 0 });
		zoomBox('boxModuleContent');
		//new Effect.Scale('boxModuleContent', 220,{ scaleX: false, scaleY: true, scaleMode: { originalHeight: 117 } }); 
	}
	function delayTrainingMoveRight(){
		new Effect.Move('trainingModule', { x: 260 });
		Effect.Fade('TrainingSnippet', { duration: 0.5 }); 
		Effect.Fade('contactDetailsTraining', { duration: 0.2 });
		Effect.multiple(['supportModuleTextBox', 'supportBtnModule', 'designModuleTextBox', 'designBtnModule', 'ModuleDivider2'], Effect.Appear, { duration: 2.0, from: 0, to: 1 });
		restoreBox('boxModuleContent');
		//new Effect.Scale('boxModuleContent', 117,{ scaleX: false, scaleY: true, scaleMode: { originalHeight: 117 } }); 
	}
	function delayDesignMoveLeft(){
		new Effect.Move('DesignModule', { x: -530 });
		Effect.Appear('DesignSnippet', { duration: 2.5 }); 
		Effect.Appear('contactDetailsDesign', { duration: 2.5 });
		Effect.multiple(['supportModuleTextBox', 'trainingBtnModule', 'trainingModuleTextBox', 'supportBtnModule', 'ModuleDivider2'], Effect.Fade, { duration: 0.5, from: 1, to: 0 });
		zoomBox('boxModuleContent');
		//new Effect.Scale('boxModuleContent', 220,{ scaleX: false, scaleY: true, scaleMode: { originalHeight: 117 } }); 
	}
	function delayDesignMoveRight(){
		new Effect.Move('DesignModule', { x: 530 });
		Effect.Fade('DesignSnippet', { duration: 0.5 }); 
		Effect.Fade('contactDetailsDesign', { duration: 0.2 });
		Effect.multiple(['supportModuleTextBox', 'trainingBtnModule', 'trainingModuleTextBox', 'supportBtnModule', 'ModuleDivider2'], Effect.Appear, { duration: 2.0, from: 0, to: 1 });
		restoreBox('boxModuleContent');
		//new Effect.Scale('boxModuleContent', 117,{ scaleX: false, scaleY: true, scaleMode: { originalHeight: 117 } }); 
	}
		
// div icon change
		// div for number contact module top right
      function rotateDiv(curDivID,nextDivID) {
            var curDiv = document.getElementById(curDivID);
            var nextDiv = document.getElementById(nextDivID);
            curDiv.style.display = "none";
            nextDiv.style.display="block";
      }
	  // Technical div on start state
	  function rotateDivRight(curDivID,nextDivID) {
            var curDiv = document.getElementById(curDivID);
            var nextDiv = document.getElementById(nextDivID);
            curDiv.style.display = "none"; setTimeout( delaySupportOn, delaybackReturn ); 
            nextDiv.style.display="block";  
      }
	  // Technical return div to start state
	   function rotateDivLeft(curDivID,nextDivID) {
            var curDiv = document.getElementById(curDivID);
            var nextDiv = document.getElementById(nextDivID);
            curDiv.style.display = "none";  
            nextDiv.style.display="block"; setTimeout( delaySupportOff, delaybackReturn );  	
      }
	 // Training div on start state
	  function rotateDivTraining(curDivIDTraining,nextDivIDTraining) {
            var curDivTraining = document.getElementById(curDivIDTraining);
            var nextDivTraining = document.getElementById(nextDivIDTraining);
            curDivTraining.style.display = "none"; setTimeout( delayTrainingMoveLeft, delayTraining ); 
            nextDivTraining.style.display="block"; 
      }
	  // Training return div to start state
	  function rotateDivTrainingUp(curDivIDTraining,nextDivIDTraining) {
            var curDivTraining = document.getElementById(curDivIDTraining);
            var nextDivTraining = document.getElementById(nextDivIDTraining);
            curDivTraining.style.display = "none";  
            nextDivTraining.style.display="block"; 	setTimeout( delayTrainingMoveRight, delaybackReturn );
      }
	   // Design div on start state
	  function rotateDivDesign(curDivIDDesign,nextDivIDDesign) {
            var curDivDesign = document.getElementById(curDivIDDesign);
            var nextDivDesign = document.getElementById(nextDivIDDesign);
            curDivDesign.style.display = "none"; setTimeout( delayDesignMoveLeft, delayDesign ); 
            nextDivDesign.style.display="block"; 
      }
	  // Design return div to start state
	  function rotateDivDesignUp(curDivIDDesign,nextDivIDDesign) {
            var curDivDesign = document.getElementById(curDivIDDesign);
            var nextDivDesign = document.getElementById(nextDivIDDesign);
            curDivDesign.style.display = "none";  
            nextDivDesign.style.display="block"; setTimeout( delayDesignMoveRight, delaybackReturn);
      }