function move(file,time){
	setTimeout('document.location.href="'+file+'"',time);
}

function gotopage(path,file){
	
	var left = glow.dom.get(".blue_double").css("left");
	if(left == "0px"){
		// slide it out
		var showBlue = glow.anim.css(".blue_double", 0.2, {"left" : "-320px"},{tween: glow.tweens.easeBoth(2,1)});
		var hideWhite = glow.anim.css(".white_double", 0.2, {"opacity" : 0});
		var hidecontainer = glow.anim.css(".container", 0.6, {"opacity" : 0});
		
		// var showBlue2 = glow.anim.css(".blue_double", 0.5, {"left" : "0px"},{tween: glow.tweens.easeBoth()});
		// var hideWhite2 = glow.anim.css(".white_double", 2, {"opacity" : 1});
		
		//var move = document.location.href=file;  
		new glow.anim.Timeline([hideWhite,showBlue,hidecontainer]).start();
		move(file,"1600");
		
		
	} else {
		//var showBlue = glow.anim.css(".blue_double", 0.5, {"left" : "0px"},{tween: glow.tweens.easeBoth()});
		//var hideWhite = glow.anim.css(".white_double", 0.5, {"opacity" : 1});
		//new glow.anim.Timeline([showBlue,hideWhite]).start();
		move(file,"10");
	}
}

function showstrap(id){
	switch(id){
		case "26":
			var strap = "<span style='font-size:10px !important;'>tma undertakes early development proposals to ensure the feasibility and value of approach is optimised</span>";
		break;
		case "27":
			var strap = "<span style='font-size:11px;'>tma has worked with the major heavy rail organisations since 1986";
		break;		
		case "30":
			var strap = "<span style='font-size:11px;'>tma has considerable experience in metro and light rail systems, with a particular specialism in the development of underground facilities</span>";
		break;
		case "31":
			var strap = "<span style='font-size:11px;'>tma supports the principles of integrated transport. We develop interchanges that encourage the use of public infrastructure and the character of the urban realm</span>";
		break;
		case "32":
			var strap = "<span style='font-size:11px;'>tma combines infrastructure functionality and contemporary architecture to create efficient and high quality bridges</span>";
		break;
		case "33":
			var strap = "<span style='font-size:11px;'>tma extends the principles of engineered architecture into related sectors, because we can</span>";
		break;
		default:
			var strap = "";
		break;
	}
	var width = glow.dom.get(".blue_single").css("width");
	if(width == "160px"){
		glow.anim.css(".blue_single", 0.4, {"width" : "320px"},{tween: glow.tweens.easeBoth(2,1)}).start();
		glow.anim.css("#project_content", 0.4, {"width" : "160px"},{tween: glow.tweens.easeBoth(2,1)}).start();
	
		// glow.dom.get("#project_content").html(strap);
		setTimeout('settext("'+strap+'")',600);
	} else {
		//glow.dom.get("#project_content").html(strap);
		setTimeout('settext("'+strap+'")',600);
	}
}

function settext(strap){
	glow.dom.get("#project_content").html(strap);
}

function openme(id){
	glow.anim.slideDown("#sub_"+id,0.6,{onComplete:function(){showstrap(id)}});
}

function showsub(id){
	glow.dom.get(".onsubs").css("color","#ffffff");
	glow.dom.get("#onsub_"+id).css("color","#f28827");
	
	
	/* var close = glow.dom.get(".finals").css("height","0px");
	glow.anim.css(".finals", 0.3, {"height" : "0px"},{tween: glow.tweens.easeBoth(2,1)}).start();
	// glow.anim.css(".finals", 0.1, {"height" : "0px"}).start();
	
	var slide = glow.anim.slideToggle("#sub_"+id);
	new glow.anim.Timeline([close,slide]).start();
	*/
	
	glow.anim.slideUp(".finals",0.2,{tween: glow.tweens.easeBoth(2,1),onComplete:function(){openme(id)}});
	
}

function showaus(){
	google.setOnLoadCallback(initialize);
}

function showuk(){
	google.setOnLoadCallback(initialize2);
}

function addcontent(words){
	glow.dom.get("#project_content").html(words);
}

var open = false;
function changeproject(project, image, content){
	var width = glow.dom.get(".blue_single").css("width");
	glow.dom.get(".noproj").css("color","#ffffff");
	glow.dom.get("#proj_"+project).css("color","#F28827");
	if(width == "160px"){
		glow.anim.css(".blue_single", 0.4, {"width" : "320px"},{tween: glow.tweens.easeBoth(2,1)}).start();
		glow.anim.css("#project_content", 0.4, {"width" : "160px"},{tween: glow.tweens.easeBoth(2,1)}).start();
		setTimeout('addcontent("'+content+'")',500);	
		
			// preload and display
			var request = glow.net.get("/assets/images/"+image+"",{
				onLoad: function(response){
					var img = glow.dom.get(".container").css("background-image","url('/assets/images/"+image+"')");
	    		}
	        });
			
	} else {
			var request = glow.net.get("/assets/images/"+image+"",{
			onLoad: function(response){
				// alert("image preloaded");
				glow.anim.css(".container", 0.6, {"opacity" : 0},{tween: glow.tweens.easeBoth(2,1)}).start();
				setTimeout('setback("'+image+'")',500);
				setTimeout('addcontent("'+content+'")',500);
				// var img = glow.dom.get(".container").css("background-image","url('/tma/assets/images/"+image+"')");
	    	}
	    });	
	}
}

function setback(image){
	var img = glow.dom.get(".container").css("background-image","url('/assets/images/"+image+"')");
	setTimeout('fadeinback()',500);
}

function fadeinback(){
	glow.anim.css(".container", 1, {"opacity" : 1},{tween: glow.tweens.easeBoth(2,1)}).start();
}


function changeproject2(project, image, content){
	var width = glow.dom.get(".blue_single").css("width");
	glow.dom.get(".onsubs").css("color","#ffffff");
	glow.dom.get("#onsub_"+project).css("color","#f28827");
	
	glow.dom.get("#project_content").css("font-size","11px");
	
	if(width == "160px"){
		glow.anim.css(".blue_single", 0.4, {"width" : "320px"},{tween: glow.tweens.easeBoth(2,1)}).start();
		glow.anim.css("#project_content", 0.4, {"width" : "160px"},{tween: glow.tweens.easeBoth(2,1)}).start();
		  
		var request = glow.net.get("/assets/images/"+image+"",{
		onLoad: function(response){
			// alert("image preloaded");
			glow.anim.css(".container", 0.6, {"opacity" : 0},{tween: glow.tweens.easeBoth(2,1)}).start();
			setTimeout('setback("'+image+'")',500);
			setTimeout('addcontent("'+content+'")',500);
			// var img = glow.dom.get(".container").css("background-image","url('/tma/assets/images/"+image+"')");
	    	}
	    });	
	    
			
	} else {

		var request = glow.net.get("/assets/images/"+image+"",{
		onLoad: function(response){
			glow.anim.css(".container", 0.6, {"opacity" : 0},{tween: glow.tweens.easeBoth(2,1)}).start();
			setTimeout('setback("'+image+'")',500);
			setTimeout('addcontent("'+content+'")',500);
	    	}
	    });	
	    
		
	}
}