// JavaScript Document

var selected = "Slide_1";
var getting = "";
var buttonArray = ["Button_1","Button_2","Button_3"];

function TweenSlides(e){
	
	var stageWidth = window.document.body.clientWidth;
	var midPoint = ((stageWidth / 2) - ( 900 / 2 )); 
	//var midPoint = 0;
	var leftPoint = (-2500);
	var rightPoint = (stageWidth + 2500);
	
	var e = window.event || e;	
	
	// Get name of button clicked and tourn to string (ie. 1);
	getting = (e.target || e.srcElement).name.toString();
	
	// Set all button classes to normal (ie Button_N);	
	for (var i = 1; i <= buttonArray.length; i++){			
		document.getElementById("Button"+i).className = "Button"+i+"non";
	}
		

	// Get new class name for selected button.
	var classTrg = getting.split("_",2);
	
	// Set selected button classes to selected (ie Button_Nactive);	
	document.getElementById((e.target || e.srcElement).id).className = "Button"+classTrg[1]+"selected";
	
	
	if (getting != selected) {
		/* Move selected off stage */
		t1 = new Tween(document.getElementById(selected).style,'left',Tween.regularEaseIn,midPoint,leftPoint,1,'px');
		t1.start();
		
		/* Bring new slide to stage */
		t2 = new Tween(document.getElementById(getting).style,'left',Tween.regularEaseIn,rightPoint,midPoint,1,'px');
		t2.start();
		selected = (e.target || e.srcElement).name.toString();
	} 
}