$(document).ready( function() {
	dropDown();
	tabsTuggle();
});


function dropDown() {
	$('.navContent').hide();
	$('.open').show();
	$('.navbar A').click(function(){
		var selected = $(this).attr('class');
		$(".navbar").removeClass('navOpen').addClass('navClosed')
		$(this).parent().removeClass('navClosed').addClass('navOpen');
		$(".navContent").slideUp("slow");
	
		$('#'+selected).slideDown('slow');
		return false;
	});	
}

function tabsTuggle() {
	$('.tabs').hide();
	$('#tab0').show();
	$('#TabListBlueWeDo li a').click(function() {
		var selectedTab = $(this).attr('class');
		$('.tabs').hide();
		$("#"+selectedTab).show();
		$('#TabListBlueWeDo li').removeClass('selected');
		$(this).parent().addClass('selected');
		return false;
	});
	
	$('#TabListBlueGlossary li a').click(function() {
		var selectedTab = $(this).attr('class');
		$('.tabs').hide();
		$("#"+selectedTab).show();
		$('#TabListBlueGlossary li').removeClass('selected');
		$(this).parent().addClass('selected');
		return false;
	});
	
	$('#TabListBluePerformance li a').click(function() {
		var selectedTab = $(this).attr('class');
		var stringed = selectedTab.substring(8);
		$('.tabs').hide();
		$("#"+stringed).show();
		$('#TabListBluePerformance li').removeClass('selected');
		$(this).parent().addClass('selected');
		return false;
	});
}



transmitionMap = new Array();

transmitionMap["ele3"]= new Image(295,240);
transmitionMap["ele3"].src = "../assets/img/grid/01_Electricity_Transmission-UK-3.gif";

transmitionMap["ele2"]= new Image(295,240);
transmitionMap["ele2"].src = "../assets/img/grid/01_Electricity_Transmission-UK-2.gif";

transmitionMap["ele1"]= new Image(295,240);
transmitionMap["ele1"].src = "../assets/img/grid/01_Electricity_Transmission-UK-1.gif";

transmitionMap["gas5"]= new Image(295,240);
transmitionMap["gas5"].src = "../assets/img/grid/gas-new-5.gif"; 

transmitionMap["gas4"]= new Image(295,240);
transmitionMap["gas4"].src = "../assets/img/grid/02_Gas_Trans_Dist-UK-5.gif";

transmitionMap["gas3"]= new Image(295,240);
transmitionMap["gas3"].src = "../assets/img/grid/02_Gas_Trans_Dist-UK-3a.gif";


transmitionMap["gas2"]= new Image(295,240);
transmitionMap["gas2"].src = "../assets/img/grid/02_Gas_Trans_Dist-UK-1.gif"; 

transmitionMap["gas1"]= new Image(295,240);
transmitionMap["gas1"].src = "../assets/img/grid/02_Gas_Trans_Dist-UK-2.gif"; 

transmitionMap["us5"]= new Image(295,240);
transmitionMap["us5"].src = "../assets/img/grid/sim_03_Electricity_Trans_Dist_Gen US-4.gif";

transmitionMap["us4"]= new Image(295,240);
transmitionMap["us4"].src = "../assets/img/grid/sim_03_Electricity_Trans_Dist_Gen US-5.gif";

transmitionMap["us3"]= new Image(295,240);
transmitionMap["us3"].src = "../assets/img/grid/sim_03_Electricity_Trans_Dist_Gen US-1.gif";

transmitionMap["us2"]= new Image(295,240);
transmitionMap["us2"].src = "../assets/img/grid/sim_03_Electricity_Trans_Dist_Gen US-2.gif";

transmitionMap["us1"]= new Image(295,240);
transmitionMap["us1"].src = "../assets/img/grid/sim_03_Electricity_Trans_Dist_Gen US-3.gif";



function showEleMap() {

var argv = showEleMap.arguments;
var map = argv[0];
	var xmap = document.getElementById('ele');

	xmap.src = transmitionMap[map].src; 

	//alert('Hover out');

}

function showGasMap() {

var argv = showGasMap.arguments;
var map = argv[0];
	var xmap = document.getElementById('gas');

	xmap.src = transmitionMap[map].src; 

	//alert('Hover out');

}

function showUsMap() {

var argv = showUsMap.arguments;
var map = argv[0];
	var xmap = document.getElementById('us');

	xmap.src = transmitionMap[map].src; 

	//alert('Hover out');

}