//Globals
	//var arrPanelIDs = new Array();

    var arrXML = new Array();
	var currentPage = 1;
	var pageOffset = 260;

	// Functions

    function processNode(xml) {
        var nodeId = $(xml).find("SUPER_PROJECT_SCHEMA").attr("ID");
        arrXML[nodeId] = xml;
		//window.alert("XML for " + nodeId + " added");
    }

	function showProjectDetailPanel(){
	  $("#super_project_detail_panel").animate({ 
		opacity: 1.0,
		width: "540px",
		left: "-=540px"
	  }, 700);
	  
	  $("#super_project_detail_sub_panel").animate({ 
		width: "500px",
		left: "-=499px"
	  }, 700);	  
	  $("#super_project_detail_sub_panel").fadeIn("fast");
	  if($("#projectSummaryTemp").text() != ""){
		  $("#projectSummary").html($("#projectSummaryTemp").html());
		  $("#projectSummary p").addClass("newsColumnText");
	  }
	  //document.getElementById("viewDetailButton").innerText = "Hide project detail";	
	  //$("#viewDetailButton").show();
	}
	
	function hideProjectDetailPanel(){
	  
	  $("#super_project_detail_panel").animate({ 
	  	opacity: 0.0,
		width: "0px",
		left: "+=540px"
	  }, 700);

	  $("#super_project_detail_sub_panel").animate({ 
		width: "0px",
		left: "520px"
	  }, 1);	  
	  $("#super_project_detail_sub_panel").fadeOut(1);	  
  	  //$("#viewDetailButton").hide();
	  //document.getElementById("viewDetailButton").innerText = "View project detail";	
	}	

	function pageTransition(offset){
		$("#thumbsPage").animate({
			opacity: 1.0,											   
			top: offset
		},500);
	}

	// End functions

	$(document).ready(function(){
			
		//Load XML for each Project
		$(".super_project_thumb").each(function(){
			var xmlFile = $(this).attr("id") + ".xml";
			$.ajax({
				type: "GET",
				url: xmlFile,
				dataType: "xml",
				success: function(xml){
					processNode(xml);	
				},
				error: function (XMLHttpRequest, textStatus, errorThrown) {
					$("#projectSummary").html("An error has occurred: " + textStatus);
				}
		   });
		});
			
		$(".super_project_thumb").click(
			function(){
				var xml = arrXML[$(this).attr("id")];
				//Add tabs
				var panels = $(xml).find('Navigation');

				$("#tab_container").html("");

				if($(panels).find("Page").length > 1){
					$(panels).find('Page').each(function(){
						//$(this).attr('ID')
						$("#tab_container").append("<input type='button' id='" + $(this).attr('ID') + "' class='remoteLoader' style='background-image:url(images/core/button_bg.jpg); border: solid 1px #666666;' value='" + $(this).attr('Header') + "' alt='" + $(this).attr('ID') + "' />");
					 });
				}
					
				//Set content for first tab
				if($(xml).find('DocumentURL').text() == ""){
					$("#posterLink").hide();	
				} else {
					$("#posterLink").attr("href",$(xml).find('DocumentURL').text());	
					$("#posterLink").show();
				}
				var sTarget = $(panels).find('Page:first').attr('ID') + '.xml';
				var sSummary = $(panels).find('Page:first').attr('SummaryText');
				$("#projectSummaryTemp").html(sSummary);	
				$("#remote_content").load(sTarget);
				
				//Bind tab buttons 
				$(".remoteLoader").bind("click", function (){
					$("#remote_content").fadeOut("slow");

					$("#remote_content").load($(this).attr('id') + ".xml", function(){
						$("#remote_content").fadeIn("slow");						
						}
					);									
		
					$(".remoteLoader").fadeTo("fast", 1.0);
					$(this).fadeTo("slow", 0.3);
				});							
				showProjectDetailPanel();	
			}
		);

		$(".super_project_thumb").hover(
			function(){
				$(this).fadeTo("fast", 0.33);
				//$("#viewDetailButton").fadeTo("fast", 0.0);
				//$("#newsPanel").slideUp("fast");
				/*var xmlFile = $(this).attr("id") + ".xml";
			
				$.ajax({
					type: "GET",
					url: xmlFile,
					dataType: "xml",
					success: function(xml) {			
					*/	
						var xml = arrXML[$(this).attr("id")];
						var projectName
						var clientName
						var projectDuration
						var region
						var projectValue
						var projectSize
						var projectSummary
									
						projectName = $(xml).find('Header').text();
						clientName = $(xml).find('Client').text();
						projectDuration = $(xml).find('superProjectDuration').text();
						region = $(xml).find('RegionKey').text();
						projectValue = $(xml).find('Value').text();
						projectSize = $(xml).find('PropertyFloorArea').text();
						projectSummary = $(xml).find('ProjectOutline').text();					
						
						if(clientName == ""){
							$("#projectClientLabel").hide();
						} else {
							$("#projectClientLabel").show();	
						}
						
						if(projectDuration == ""){
							$("#projectDurationLabel").hide();
						} else {
							$("#projectDurationLabel").show();	
						}						
						
						if(projectValue == ""){
							$("#projectValueLabel").hide();
						} else {
							$("#projectValueLabel").show();	
						}					
						
						if(projectSize == ""){
							$("#projectSizeLabel").hide();
						} else {
							$("#projectSizeLabel").show();	
						}						
						
						$("#projectNameValue").text(projectName);
						$("#projectClientValue").text(clientName);					
						$("#projectDurationValue").text(projectDuration);					
						$("#projectRegionValue").text(region);										
						$("#projectValueValue").text(projectValue);										
						$("#projectSizeValue").text(projectSize);										
						$("#projectSummary").html(projectSummary);		
						
			
		
						
					/*},
					error: function (XMLHttpRequest, textStatus, errorThrown) {
						window.alert("An error has occurred: " + textStatus);
					}
	
				});*/
				
				//$("#viewDetailButton").fadeTo("fast", 1.0);		  
				$("#newsPanel").slideDown("slow");
				//this.alt = "Click to view project summary";
			},
			function(){
				$(this).fadeTo("slow", 1.0);
			}
		);
	
		$("#super_project_detail_panel").fadeTo("fast", 0.1);
		
			// Using multiple unit types within one animation.
			$("#viewDetailButton").click(function(){
				//if(document.getElementById("viewDetailButton").innerText == "Hide project detail"){
				if($("#super_project_detail_panel").width() > 10){
					hideProjectDetailPanel();
				}else{
					showProjectDetailPanel();				
				}

		});	
	
		/*$("#changePage").click(function(){
			pageTransition();								
		});*/
		
		$(".superProjectPageSelect").click(function(){
			var targetPageNo = $(this).attr("id").replace("spps_", "");
			var pagesToMove = (targetPageNo - currentPage);
			var moveY = Math.abs(pageOffset * pagesToMove);
			var offsetDirection = "";
			if (pagesToMove > 0){
				offsetDirection = "-";
			}else{
				offsetDirection = "+";	
			}

			pageTransition(offsetDirection + "=" + moveY + "px");			
			
			$("#spps_container_" + currentPage).removeClass("activeItem");
			$("#spps_container_" + targetPageNo).addClass("activeItem");		
			
			currentPage = targetPageNo;

		});

	});