// JavaScript Document
$(function(){
	//rounded corners on training tabs
	if(jQuery.support.htmlSerialize){
		$(".solutionsTabs li a, .boxTabs li a").corners("5px top-right top-left");	
		//rounded corners on training boxes
		$("div.trainingBox, #boxOverview, #boxDefine, #boxDirect, #boxDevelop, #boxDeliver").corners("13px");
		$("div.trainingBox div.centerBox, div.trainingBox div.imgBox").corners("13px");
	}
});

//Cufon
$(function(){
	Cufon.replace('#content h2', {fontFamily: 'Belmar-Thin'});
	Cufon.replace('#content h3', {fontFamily: 'Belmar-Thin'});
	Cufon.replace('#content div.trainingBoxes h3', {fontFamily: 'Futura'});
	Cufon.replace('#content div.trainingBoxes h5', {fontFamily: 'Futura'});
	Cufon.replace('div.overviewContent h4', {fontFamily: 'Futura'});
});

//enable tabs in training main page
$(function(){
	if(jQuery.support.htmlSerialize){
		var vis = $("#solutionsBox div.box1");
		var tab = $("#solutionsBox li.tab1 a");
		var cufonTab = "#solutionsBox li.tab1 a";
		var tabColour = "#b80023";
		var tabText = "#f2f1f1";
		vis.fadeIn(100);
		$("#solutionsBox li.tab1 a").click(function(){
			vis.css("display", "none");
			tab.css({"height":"17px", "background-color":tabColour, "color":tabText});
			$("#solutionsBox li.tab1 a").css({"height":"18px", "background-color":"#f2f1f1", "color":"#b80023"})
			$("#solutionsBox div.box1").fadeIn(500);
			vis = $("#solutionsBox div.box1");
			tab = $("#solutionsBox li.tab1 a");
			tabColour = "#b80023";
			tabText = "#f2f1f1";
		});		   
		$("#solutionsBox li.tab2 a").click(function(){
			vis.css("display", "none");										
			tab.css({"height":"17px", "background-color":tabColour, "color":tabText});
			$("#solutionsBox li.tab2 a").css({"height":"18px", "background-color":"#e2ebf1", "color":"#5281a4"})
			$("#solutionsBox div.box2").fadeIn(500);
			vis = $("#solutionsBox div.box2");
			tab = $("#solutionsBox li.tab2 a");
			tabColour = "#5281a4";
			tabText = "#f2f1f1";
		});		   
		$("#solutionsBox li.tab3 a").click(function(){
			vis.css("display", "none");										
			tab.css({"height":"17px", "background-color":tabColour, "color":tabText});
			$("#solutionsBox li.tab3 a").css({"height":"18px", "background-color":"#edf3e2", "color":"#809a53"})
			$("#solutionsBox div.box3").fadeIn(500);
			vis = $("#solutionsBox div.box3");
			tab = $("#solutionsBox li.tab3 a");
			tabColour = "#809a53";
			tabText = "#edf3e2";
		});		   
		$("#solutionsBox li.tab4 a").click(function(){
			vis.css("display", "none");										
			tab.css({"height":"17px", "background-color":tabColour, "color":tabText});
			$("#solutionsBox li.tab4 a").css({"height":"18px", "background-color":"#f3ebd1", "color":"#be9b31"})
			$("#solutionsBox div.box4").fadeIn(500);
			vis = $("#solutionsBox div.box4");
			tab = $("#solutionsBox li.tab4 a");
			tabColour = "#be9b31";
			tabText = "#f3ebd1";
		});
	}
});
var vis, tab, tabTextOn, tabTextOff, tabColourOn, tabColourOff;
var box;
$(function(){
	if(jQuery.support.htmlSerialize){
		vis = $(".trainingBoxes #boxOverview");
		tab = $(".trainingBoxes li.tabOverview a");
		switch($(".trainingBoxes").attr("id")){
			case "leadershipBox":
			tabTextOn = "#5281a4";
			tabTextOff = "#f2f1f1";
			tabColourOn = "#e2ebf1";
			tabColourOff = "#5281a4";
			box = "lship";
			break;
			case "salesBox":
			tabTextOn = "#809a53";
			tabTextOff = "#fff";
			tabColourOn = "#edf3e2";
			tabColourOff = "#809a53";
			box = "sales";
			break;
			
			case "customerBox":
			tabTextOn = "#cda93c";
			tabTextOff = "#fff";
			tabColourOn = "#f3ebd1";
			tabColourOff = "#cda93c";
			box = "cust";
			
			break;
														
		}
		vis.fadeIn(100);
		$("#boxOverview .overviewContent .overviewTriangle li.define a").click(showDefine);
		$("#boxOverview .overviewContent .overviewTriangle li.direct a").click(showDirect);
		$("#boxOverview .overviewContent .overviewTriangle li.develop a").click(showDevelop);
		$("#boxOverview .overviewContent .overviewTriangle li.deliver a").click(showDeliver);
		
		$(".trainingBoxes li.tabOverview a").click(showOverview);
		$(".trainingBoxes li.tabDefine a").click(showDefine);
		$(".trainingBoxes li.tabDirect a").click(showDirect);
		$(".trainingBoxes li.tabDevelop a").click(showDevelop);
		$(".trainingBoxes li.tabDeliver a").click(showDeliver);
		
		$(".boxSmallTriangle li.define a").click(showDefine);
		$(".boxSmallTriangle li.direct a").click(showDirect);
		$(".boxSmallTriangle li.develop a").click(showDevelop);
		$(".boxSmallTriangle li.deliver a").click(showDeliver);
	}
});
function showOverview(){
	vis.css("display", "none");
	tab.css({"height":"17px", "background-color":tabColourOff, "color":tabTextOff});
	$(".trainingBoxes li.tabOverview a").css({"height":"18px", "background-color":tabColourOn, "color":tabTextOn})
	$(".trainingBoxes #boxOverview").fadeIn(500);
	vis = $(".trainingBoxes #boxOverview");
	tab = $(".trainingBoxes li.tabOverview a");
}		   
function showDefine(){
	vis.css("display", "none");
	tab.css({"height":"17px", "background-color":tabColourOff, "color":tabTextOff});
	$(".trainingBoxes li.tabDefine a").css({"height":"18px", "background-color":tabColourOn, "color":tabTextOn})
	$(".boxSmallTriangle").css("background","no-repeat top center url(../Images/training/"+box+"-triangle-define.gif)");
	$(".trainingBoxes #boxDefine").fadeIn(500);
	vis = $(".trainingBoxes #boxDefine");
	tab = $(".trainingBoxes li.tabDefine a");
}		   
function showDirect(){
	vis.css("display", "none");
	tab.css({"height":"17px", "background-color":tabColourOff, "color":tabTextOff});
	$(".trainingBoxes li.tabDirect a").css({"height":"18px", "background-color":tabColourOn, "color":tabTextOn})
	$(".boxSmallTriangle").css("background","no-repeat top center url(../Images/training/"+box+"-triangle-direct.gif)");
	$(".trainingBoxes #boxDirect").fadeIn(500);
	vis = $(".trainingBoxes #boxDirect");
	tab = $(".trainingBoxes li.tabDirect a");
}		   
function showDevelop(){
	vis.css("display", "none");
	tab.css({"height":"17px", "background-color":tabColourOff, "color":tabTextOff});
	$(".trainingBoxes li.tabDevelop a").css({"height":"18px", "background-color":tabColourOn, "color":tabTextOn})
	$(".boxSmallTriangle").css("background","no-repeat top center url(../Images/training/"+box+"-triangle-develop.gif)");
	$(".trainingBoxes #boxDevelop").fadeIn(500);
	vis = $(".trainingBoxes #boxDevelop");
	tab = $(".trainingBoxes li.tabDevelop a");
}
function showDeliver(){
	vis.css("display", "none");
	tab.css({"height":"17px", "background-color":tabColourOff, "color":tabTextOff});
	$(".trainingBoxes li.tabDeliver a").css({"height":"18px", "background-color":tabColourOn, "color":tabTextOn})
	$(".boxSmallTriangle").css("background","no-repeat top center url(../Images/training/"+box+"-triangle-deliver.gif)");
	$(".trainingBoxes #boxDeliver").fadeIn(500);
	vis = $(".trainingBoxes #boxDeliver");
	tab = $(".trainingBoxes li.tabDeliver a");
}