$(document).ready(function() {
	$("#projectSearchInput").james('/_commongoal/cg_content/Projects_Ajax.cfc', { params: 'method=searchProjects&projectTypes=&markets=&automotiveMarkets=&services=&regions=&searchString=' + getSearchStringValue(), 																																																																																																																																			  onKeystroke: function(data) { 
		$.each(data, function(i, retProject) {
			data[i] = {text: retProject.NAME, json: retProject};
		 });
		 return data;
		},
		onSelect: function(data, json) {
			location.href='/index.cfm/Projects?projectId=' + json.PROJECTID;	
		}
	})	
	}
)
var resetSearch = function() {
	$("input[@type='checkbox']:checked").attr('checked',false);	
	$('#ProjectsForm .Row .Col A IMG').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
	$("#projectSearchInput").val('Search by project name:');
	$('ul.ul_james').hide();
	$('#1_PT_Input').attr('checked',true);
	$('#1_PT_Checkbox').attr("src", "/graphics/projects/checkBox_Checked.gif");
	$('#ProjDetailsContainer').hide();
	$('#backToResults').hide();
	
	runSearch();
	refreshFilterDisplay();
	document.title = 'Project Search - Walbridge';
}
var selectedProjTypes = function() {
	return $("input[@name='selectedProjectTypes']:checked").getValue();
}
var selectedMarkets = function() {
	return $("input[@name='selectedMarkets']:checked").getValue();
}


$("#projectTypeBar").click(function() {
	 if ($("#projectTypeContainer").is(":hidden")) {
		$("#projectTypeContainer").slideDown("fast");
		$("#projectTypeBar").removeClass("projectBar_closed");
		$("#projectTypeBar").addClass("projectBar_open");
	 } 
	 else {
		$("#projectTypeContainer").slideUp("fast");
		$("#projectTypeBar").removeClass("projectBar_open");
		$("#projectTypeBar").addClass("projectBar_closed");
	}
});

$("#marketsBar").click(function() {
	if($("#marketsContainer").is(":hidden")) {
		$("#marketsContainer").slideDown("fast");
		$("#marketsBar").removeClass("projectBar_closed");
		$("#marketsBar").addClass("projectBar_open");
	 } 
	 else {
		$("#marketsContainer").slideUp("fast");
		$("#marketsBar").removeClass("projectBar_open");
		$("#marketsBar").addClass("projectBar_closed");
	}
});

$("#automotiveBar").click(function() {
	if($("#automotiveContainer").is(":hidden")) {
		$("#automotiveContainer").slideDown("fast");
		$("#automotiveBar").removeClass("projectBar_closed");
		$("#automotiveBar").addClass("projectBar_open");
	 } 
	 else {
		$("#automotiveContainer").slideUp("fast");
		$("#automotiveBar").removeClass("projectBar_open");
		$("#automotiveBar").addClass("projectBar_closed");
	}
});

$("#servicesBar").click(function() {
	if($("#servicesContainer").is(":hidden")) {
		$("#servicesContainer").slideDown("fast");
		$("#servicesBar").removeClass("projectBar_closed");
		$("#servicesBar").addClass("projectBar_open");
	 } 
	 else {
		$("#servicesContainer").slideUp("fast");
		$("#servicesBar").removeClass("projectBar_open");
		$("#servicesBar").addClass("projectBar_closed");
	}
});

$("#regionBar").click(function() {
	if($("#regionContainer").is(":hidden")) {
		$("#regionContainer").slideDown("fast");
		$("#regionBar").removeClass("projectBar_closed");
		$("#regionBar").addClass("projectBar_open");
	 } 
	 else {
		$("#regionContainer").slideUp("fast");
		$("#regionBar").removeClass("projectBar_open");
		$("#regionBar").addClass("projectBar_closed");
	}
});

/*CHECK BOX*/
function checkedBox(ID1, ID2, IDVal){
	var typeArray = ID2.split("_");

	if (!$(ID2).is(":checked"))
		$("#projectSearchInput").val('Search by project name:');

	if (typeArray[1] != "PT" && !$(ID2).is(":checked") ) {
		$('#1_PT_Input').attr('checked',false);
		$('#1_PT_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
		$('#2_PT_Input').attr('checked',false);
		$('#2_PT_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
		$('#3_PT_Input').attr('checked',true);
		$('#3_PT_Checkbox').attr("src", "/graphics/projects/checkBox_Checked.gif");
	}
	
	if ($(ID1).attr("src") == "/graphics/projects/checkBox_UnChecked.gif"){
		$(ID2).attr('checked',true);
		$(ID1).attr("src", "/graphics/projects/checkBox_Checked.gif");
	}
	else {
		$(ID2).attr('checked',false);
		$(ID1).attr("src", "/graphics/projects/checkBox_UnChecked.gif");
	}
	
	if (ID2 == "#3_PT_Input" && $(ID2).is(":checked")) {
		$('#1_PT_Input').attr('checked',false);
		$('#1_PT_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
		$('#2_PT_Input').attr('checked',false);
		$('#2_PT_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
	} else if (ID2 == "#3_PT_Input" && !$(ID2).is(":checked")) {
		$(ID2).attr('checked',true);
		$(ID1).attr("src", "/graphics/projects/checkBox_Checked.gif");
	}
	
	if (ID2 == "#1_PT_Input" && $(ID2).is(":checked")) {
		$('#3_PT_Input').attr('checked',false);
		$('#3_PT_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
		$('#2_PT_Input').attr('checked',false);
		$('#2_PT_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
	} else if (ID2 == "#1_PT_Input" && !$(ID2).is(":checked")) {
		$(ID2).attr('checked',true);
		$(ID1).attr("src", "/graphics/projects/checkBox_Checked.gif");
	}
	if (ID2 == "#2_PT_Input" && $(ID2).is(":checked")) {
		$('#1_PT_Input').attr('checked',false);
		$('#1_PT_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
		$('#3_PT_Input').attr('checked',false);
		$('#3_PT_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
		//alert();
	} else if (ID2 == "#2_PT_Input" && !$(ID2).is(":checked")) {
		$(ID2).attr('checked',true);
		$(ID1).attr("src", "/graphics/projects/checkBox_Checked.gif");
	}
	
	if (ID2 == "#3_M_Input" && $(ID2).is(":checked")) {
		$('#automotiveBar').show();	
	} else if (ID2 == "#3_M_Input" && !$(ID2).is(":checked")) {
		$('#automotiveBar').hide();
		$('#automotiveContainer').hide();
		$.each($("input[@name='selectedAutomotiveMarkets']:checked"), function(i, obj) {
			objId = $(obj).attr("value");
			$('#' + objId + '_AM_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
			$('#' + objId + '_AM_Input').attr("checked",false);
		});
	}

	runSearch();
	
	if(!$("#ProjDetailsContainer").is(":hidden")) {
		toggleResults();
	}
	$('#ProjResultsContainer').css("height",$('#ProjResultsContainer').height() + "px");
	
	refreshFilterDisplay();

	$('#ProjResultsContainer').html('Loading...');
}

var refreshFilterDisplay = function() {
	if ($("input[@name='selectedProjectTypes']:checked").length != 0) {
		var projectTypeListing = "";
		$.each($("input[@name='selectedProjectTypes']:checked"), function(i, currentService) {
			projectTypeListing+=$('#projectTypeName_' + $(currentService).attr('value')).html() + ", ";														
		});
		//$('#PortRegions_ProjectTypes').show('fast');
		$('#PortRegions_ProjectTypes .listOfThings').html(projectTypeListing.substring(0,projectTypeListing.length-2));
	} else {
		//$('#PortRegions_ProjectTypes').hide('fast');	
	}
	
	
	if ($("input[@name='selectedMarkets']:checked").length != 0) {
		var marketListing = "";
		$.each($("input[@name='selectedMarkets']:checked"), function(i, currentMarket) {
			if ($('#marketName_' + $(currentMarket).attr('value')).html() == "Automotive") {
				
				// for automotive...
				
				if ($("input[@name='selectedAutomotiveMarkets']:checked").length != 0) {
					marketListing+="Automotive (";
					$.each($("input[@name='selectedAutomotiveMarkets']:checked"), function(i, currentAutomotiveMarket) {
						marketListing+=$('#automotiveMarketName_' + $(currentAutomotiveMarket).attr('value')).html() + ", ";
					});
					marketListing = marketListing.substring(0,marketListing.length-2);
					marketListing+="), ";
				} else {
					marketListing+="Automotive, ";
				}
				
				
			} else {
				marketListing+=$('#marketName_' + $(currentMarket).attr('value')).html() + ", ";
			}
		});
		$('#PortRegions_Markets').show('fast');
		$('#PortRegions_Markets .listOfThings').html(marketListing.substring(0,marketListing.length-2));
	} else {
		$('#PortRegions_Markets').hide('fast');	
	}
	
	if ($("input[@name='selectedServices']:checked").length != 0) {
		var serviceListing = "";
		$.each($("input[@name='selectedServices']:checked"), function(i, currentService) {
			serviceListing+=$('#serviceName_' + $(currentService).attr('value')).html() + ", ";														
		});
		$('#PortRegions_Services').show('fast');
		$('#PortRegions_Services .listOfThings').html(serviceListing.substring(0,serviceListing.length-2));
	} else {
		$('#PortRegions_Services').hide('fast');	
	}
	
	if ($("input[@name='selectedRegions']:checked").length != 0) {
		var regionListing = "";
		$.each($("input[@name='selectedRegions']:checked"), function(i, currentRegion) {
			regionListing+=$('#regionName_' + $(currentRegion).attr('value')).html() + ", ";														
		});
		$('#PortRegions_Regions').show('fast');
		$('#PortRegions_Regions .listOfThings').html(regionListing.substring(0,regionListing.length-2));
	} else {
		$('#PortRegions_Regions').hide('fast');	
	}	
}

var runSearch = function() {
	var searchStringValue;
	$('#ProjDetailsContainer').hide();
	if ($("#projectSearchInput").val() == "Search by project name:") {
		searchStringValue = "";
	} else { 
		searchStringValue = $("#projectSearchInput").val();
	}

	
	if (searchStringValue != "") {
			$('#1_PT_Input').attr('checked',false);
			$('#1_PT_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
			$('#2_PT_Input').attr('checked',false);
			$('#2_PT_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
			$('#3_PT_Input').attr('checked',true);
			$('#3_PT_Checkbox').attr("src", "/graphics/projects/checkBox_Checked.gif");
		$.each($("input[@name='selectedMarkets']:checked"), function(i, obj) {
			objId = $(obj).attr("value");
			$('#' + objId + '_M_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
			$('#' + objId + '_M_Input').attr("checked",false);
		});	
		$.each($("input[@name='selectedAutomotiveMarkets']:checked"), function(i, obj) {
			objId = $(obj).attr("value");
			$('#' + objId + '_AM_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
			$('#' + objId + '_AM_Input').attr("checked",false);
		});	
		
		$.each($("input[@name='selectedServices']:checked"), function(i, obj) {
			objId = $(obj).attr("value");
			$('#' + objId + '_S_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
			$('#' + objId + '_S_Input').attr("checked",false);
		});	
		$.each($("input[@name='selectedRegions']:checked"), function(i, obj) {
			objId = $(obj).attr("value");
			$('#' + objId + '_R_Checkbox').attr("src", "/graphics/projects/checkBox_UnChecked.gif");
			$('#' + objId + '_R_Input').attr("checked",false);
		});	
		refreshFilterDisplay();
	}
	
	$.ajax({
	   type: "POST",
	   url: "/_commongoal/cg_content/Projects_Ajax.cfc",
	   dataType: "json",
	   data: {
		   method: 'searchProjects',
		   projectTypes: $("input[@name='selectedProjectTypes']:checked").getValue(),
		   markets: $("input[@name='selectedMarkets']:checked").getValue(),
		   automotiveMarkets: $("input[@name='selectedAutomotiveMarkets']:checked").getValue(),
		   services: $("input[@name='selectedServices']:checked").getValue(),
		   regions: $("input[@name='selectedRegions']:checked").getValue(),
		   searchString: searchStringValue
	   },
	   success: processRes
	   });
}

var processRes = function(results) {
	var retProjects = "";
	var numRows = Math.round(results.length/5);
	var numRowsT = results.length/5;
	var newHTML = "";
	var currentRow = 0;
	if (numRows < numRowsT) numRows++;
	if (results.length > 0) {
		if (results.length > 1) $('#resultsNumber').html(results.length + " Results");
		else $('#resultsNumber').html(results.length + " Result");
		$.each(results, function(i, retProject) {			 
			if ((i+1) % 5 == 1) {
				currentRow++;
				newHTML+='<div class="ResultsRow">';
			}
			newHTML+='<div class="ResultsCol">';
			
			newHTML+='<a href="javascript:;" onclick="showProjectDetail(' + retProject.PROJECTID + ');" title="' + retProject.NAME + '"><img src="/graphics/projects/' + retProject.RESULTPAGEIMAGE + '" border="0" title="' + retProject.NAME + '" alt="' + retProject.NAME + '" /></a>';
			newHTML+='<a href="javascript:;" onclick="showProjectDetail(' + retProject.PROJECTID + ');" title="' + retProject.NAME + '">' + retProject.NAME + '</a>';
			newHTML+='</div>';
			if ((i+1) % 5 == 0 || i == results.length) {
				newHTML+='</div>';
			}
		});
	} else {
		$('#resultsNumber').html("No Results");
		newHTML+="No projects found matching your search criteria.";
	}
	$('#ProjResultsContainer').fadeOut("fast", function() { 
		$('#ProjResultsContainer').html(newHTML);
		$('#ProjResultsContainer').css("height","");
		$('#ProjResultsContainer').fadeIn("normal");
	});
}

function showProjectDetail(projId) {
	$.ajax({
	   type: "POST",
	   url: "/_commongoal/cg_content/Projects_Ajax.cfc",
	   dataType: "json",
	   data: {
		   method: 'getProjectDetail',
		   projectId: projId
	   },
	   success: processDetailResult
	   })
}

var processDetailResult = function(result) {
	var project = result[0];
	//alert(project.NUMIMAGES);
	//alert(numRows);
	
	var picsHTML = "";
	$('#ProjDetails_MainIMG').attr('src','/graphics/projects/' + project.PROJIMAGE1);
	
	
	for (i=1; i<=project.NUMIMAGES; i++) {
		picsHTML+='<a href="javascript:;" onclick="swapProjImage(\'' + eval("project.PROJIMAGE" + i) + '\');"><img id="ProjDetails_Thumb' + i + '" src="/graphics/projects/' + eval("project.IMAGE" + i + "_THUMB") + '" width="73" height="48" border="0" title="" alt="" /></a>';	
	}

	$('#Proj_ThumbnailContainer').html(picsHTML);

	$('#ProjDetails_Title').html(project.NAME);
	document.title = project.NAME + ' - Walbridge';
	if(project.OVERVIEW != ""){
		$("#ProjDetails_Overview_Label").show();
		$('#ProjDetails_Overview').html(project.OVERVIEW);
	}
	else{
		$("#ProjDetails_Overview_Label").hide();
	}
	
	if(project.OWNER != ""){
		$("#ProjDetails_Owner_Label").show();
		$('#ProjDetails_Owner').html(project.OWNER);
	}
	else{
		$("#ProjDetails_Owner_Label").hide();
		alert("Out: " + project.OWNER);
	}
	
	if(project.LOCATION != ""){
		$("#ProjDetails_Location_Label").show();
		$('#ProjDetails_Location').html(project.LOCATION);
	}
	else{
		$("#ProjDetails_Location_Label").hide();
	}
	
	if(project.MARKETLIST != ""){
		$("#ProjDetails_Market_Label").show();
		$('#ProjDetails_Market').html(project.MARKETLIST);
	}
	else{
		$("#ProjDetails_Market_Label").hide();
	}
	
	if(project.LEEDCERTIFIED != 0){
		$("#ProjDetails_LEED_Label").show();
		$('#ProjDetails_LEED').html("Certified");
	}
	else{
		$("#ProjDetails_LEED_Label").hide();
	}
	
	/*if(project.SUBMARKET != ""){
		$("#ProjDetails_Submarket_Label").show();
		$('#ProjDetails_Submarket').html(project.SUBMARKET);
	}
	else{
		$("#ProjDetails_Submarket_Label").hide();
	}*/
	
	if(project.SERVICELIST != ""){
		$("#ProjDetails_Service_Label").show();
		$('#ProjDetails_Service').html(project.SERVICELIST);
	}
	else{
		$("#ProjDetails_Service_Label").hide();
	}
	
	if(project.PROJECTVALUE != ""){
		$("#ProjDetails_ProjectValue_Label").show();
		$('#ProjDetails_ProjectValue').html(project.PROJECTVALUE);
	}
	else{
		$("#ProjDetails_ProjectValue_Label").hide();
	}
	
	if(project.PROJECTSIZE != ""){
		$("#ProjDetails_Size_Label").show();
		$('#ProjDetails_Size').html(project.PROJECTSIZE);
	}
	else{
		$("#ProjDetails_Size_Label").hide();
	}
	
/*	if(project.COMPLETIONDATE != ""){
		$("#ProjDetails_CompletionDate_Label").show();
		var dateArray = project.COMPLETIONDATEFORMATTED.split("/");
		var m_names = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
		
		var fullDate = m_names[dateArray[0] - 1] + ", " + dateArray[1] + " " + dateArray[2];
		
		$('#ProjDetails_CompletionDate').html(fullDate);
	}
	else{
		$("#ProjDetails_CompletionDate_Label").hide();
	}*/
	
	if(project.REGIONLIST != ""){
		$("#ProjDetails_Region_Label").show();
		$('#ProjDetails_Region').html(project.REGIONLIST);
	}
	else{
		$("#ProjDetails_Region_Label").hide();
	}
	
	if(project.DESIGNPARTNER != ""){
		$("#ProjDetails_DesignPartner_Label").show();
		$('#ProjDetails_DesignPartner').html(project.DESIGNPARTNER);
	}
	else{
		$("#ProjDetails_DesignPartner_Label").hide();
	}
	
	if(project.AWARDS != ""){
		$("#ProjDetails_Awards_Label").show();
		$('#ProjDetails_Awards').html(project.AWARDS);
	}
	else{
		$("#ProjDetails_Awards_Label").hide();
	}
	
	if (currentLang == 'eng')
	$('#FormLinkID').attr('href','/index.cfm/Contact/General_Inquiry?ProjID=' + project.PROJECTID);
	else if (currentLang == 'es')
	$('#FormLinkID').attr('href','/index.cfm/Contáctenos/Pregunta_General?ProjID=' + project.PROJECTID);
	toggleResults();
	
	$('#backToResults').css("display", "block");
}

function swapProjImage(newImage) {
	$('#loadingImageStatus').fadeIn('normal');
	var imgToLoad = [ newImage ]
	$.preload( imgToLoad, {
		base:'/graphics/projects/',
		ext:'',
		onComplete:function( data ){
			// nothing... ?
		},
		onFinish:function(){
			$('#ProjDetails_MainIMG').attr('src','/graphics/projects/' + newImage);
			$('#loadingImageStatus').fadeOut('fast');
		}
	});
}

function projectTypeSelectAll(){
	alert('select all - project type');	
}

/*SHOW DETAILS*/
function toggleResults(){
	
	if($("#ProjDetailsContainer").is(":hidden")) {
		$("#PortSearchResults").fadeOut("normal", function() {
			$("#resultsNumber").unbind('click');
			$("#resultsNumber").click( function() { toggleResults(); });
			$("#ProjResultsContainer").hide();
			$("#ProjDetailsContainer").show();
			
			$("#PortSearchResults").slideDown("normal");					   
		});
	}
	else{
		$("#PortSearchResults").slideUp("normal", function(){
			$("#resultsNumber").unbind('click');
			$("#resultsNumber").click( function() { $.scrollTo($('#PortSearchResults'),400); });
			$("#ProjDetailsContainer").hide();
			$("#backToResults").fadeOut("fast");
			document.title = 'Project Search - Walbridge';
			$("#ProjResultsContainer").show();
			$("#PortSearchResults").slideDown("normal");
		
		});
	}
}


function searchInputEnterKey(evt, inputVal) {
	evt = (evt) ? evt : ((event) ? event : null);
	if (evt) {
		if(evt.keyCode == 13){
			//alert("Test 222");
			runSearch();
		}
	}
}
var getSearchStringValue = function() {
	var searchStringValue;
	if ($("#projectSearchInput").val() == "Search by project name:") {
		searchStringValue = "";
	} else { 
		searchStringValue = $("#projectSearchInput").val();
	}
	return searchStringValue;
}