$(document).ready(function(){
  $(".accordheader").bind("click", function(){
    //{{{
    var toexpand = $(this).next();
    var header = $(this);

    var isFirst = false;
    if(toexpand.hasClass("accordopen")){
      isFirst = true;
    }
    if($(".accordopen").length > 0){
	$(".accordopen").removeClass("accordopen");
    }

    /*alert($(toexpand).attr("innerHTML"));
    $(".accorditem").animate({"display":"none"}, {duration:500,queue:false}, "linear", function(){
	
      });*/
    $(".accorditem").animate({"opacity":"hide"},500);
    $(".accordheader").css("background-image","url('http://www.dvrpc.org/img/homepage/icons/plusnav.gif')");

    if($(toexpand).css("display")=="none"){
      
      if(!isFirst){
      $(toexpand).animate({"opacity":"show"},1000, "linear", function(){equalize();});
      setTimeout(function(){window.scrollTo(0,450);}, 1);
      $(header).css("background-image","url('http://www.dvrpc.org/img/homepage/icons/minusnav.gif')");
      }
    }
    //equalize();
  });
  //}}}

  /*setTimeout(function(){
    fadeClass("fade",0);
  },1500);*/

  /*function(){
    $("#fadeImages").fadeOut(1000);
    $("#connectionsContent").fadeIn(1500);
  });*/
  
    
});

function fadeIt(){
  setTimeout(function(){
    $(".fade").eq(0).fadeIn(1500);
  },1000);

  setTimeout(function(){
    $(".fade").eq(1).fadeIn(1500);
  },2500);
  
  setTimeout(function(){
    $(".fade").eq(2).fadeIn(1500);
  },4000); 

  setTimeout(function(){
    $("#fadeImages").fadeOut(1500);
  },5500); 

  setTimeout(function(){
    $("#fadeImages").remove();
    $("#connectionsContentHomepage").fadeIn(1000);
    $("#connectionsContentHomepage").css("display", "block");
  },6500); 

  setTimeout(function(){
      equalize();
      },7000);
}



function connectionsFooter(){
  //connections footer
  //{{{
  var footer = $("<div></div>").attr("id", "connectionsFooter");

  var footerHeader = $("<h3></h3>").attr("innerHTML", "Jump to an area of the Plan:");
  $(footer).append(footerHeader);

  var footerItem = $("<div></div>").attr("class", "footerItem ").addClass("envFooter");
  //$(footerItem).append($("<img/>").attr("src", "http://www.dvrpc.org/connections/img/environmentpuzzle_sm.png"));
  $(footerItem).append($("<a></a>").attr("innerHTML", "<img src='http://www.dvrpc.org/connections/img/environmentpuzzle_sm.png'/>Environment").addClass("environmentColor").attr("href", "http://www.dvrpc.org/connections/environment.htm"));
  $(footer).append(footerItem);

  footerItem = $("<div></div>").attr("class", "footerItem ").addClass("landUseFooter");

  //$(footerItem).append($("<img/>").attr("src", "http://www.dvrpc.org/connections/img/livablecommunitiespuzzle_sm.png"));
  $(footerItem).append($("<a></a>").attr("innerHTML", "<img src='http://www.dvrpc.org/connections/img/livablecommunitiespuzzle_sm.png'/>Community").addClass("livableCommunitiesColor").attr("href", "http://www.dvrpc.org/connections/livablecommunities.htm"));
  $(footer).append(footerItem);

  footerItem = $("<div></div>").attr("class", "footerItem ").addClass("energyFooter");
  //$(footerItem).append($("<img/>").attr("src", "http://www.dvrpc.org/connections/img/energyandeconomypuzzle_sm.png"));
  $(footerItem).append($("<a></a>").attr("innerHTML", "<img src='http://www.dvrpc.org/connections/img/energyandeconomypuzzle_sm.png'/>Eco-Economy").addClass("econandenergyColor").attr("href", "http://www.dvrpc.org/connections/energyandeconomy.htm"));
  $(footer).append(footerItem);

  footerItem = $("<div></div>").attr("class", "footerItem ").addClass("transFooter");

  //$(footerItem).append($("<img/>").attr("src", "http://www.dvrpc.org/connections/img/transportationpuzzle_sm.png"));
  $(footerItem).append($("<a></a>").attr("innerHTML", "<img src='http://www.dvrpc.org/connections/img/transportationpuzzle_sm.png'/>Transportation").addClass("transportationColor").attr("href", "http://www.dvrpc.org/connections/transportation.htm"));
  $(footer).append(footerItem);


  footerItem = $("<div></div>").attr("class", "footerItem ").addClass("getInvolvedFooter");
//  $(footerItem).append($("<img/>").attr("src", "http://www.dvrpc.org/connections/img/mainlogopuzzle_sm.png"));
  $(footerItem).append($("<a></a>").attr("innerHTML", "<img src='http://www.dvrpc.org/connections/img/mainlogopuzzle_sm.png'/>Get Involved").addClass("getinvolvedColor").attr("href", "http://www.dvrpc.org/connections/getinvolved.htm"));
  $(footer).append(footerItem);

  $("#connectionsContent").after(footer);
  //}}}
}



function connectionsWidget(involvement){
  //connections widget
  //{{{
  var specialWidget= $("<div></div>").addClass("widget").attr("id", "connectionsWidget");
  var wrapper =$("<div></div>").addClass("widgetWrapper");

  var reportsHeader = $("<img/>").attr("src", "http://www.dvrpc.org/connections/img/reportsheader.png").attr("alt", "Connections Reports Header").addClass("connectionReportHeader");


  var summaryBriefLink = $("<a></a>").attr("href", "http://www.dvrpc.org/asp/pubs/publicationabstract.asp?pub_id=09047D");
  var connectionsImg = $("<img/>").attr("src", "http://www.dvrpc.org/connections/img/briefcover_130.png").attr("alt", "Connections Brief Cover").addClass("connectionsReportCover");
  $(summaryBriefLink).append(connectionsImg);

  var briefReportLink = $("<a></a>").attr("href", "http://www.dvrpc.org/asp/pubs/publicationabstract.asp?pub_id=09047D").attr("innerHTML", "Summary Brief").addClass("mainReportLink");

  var mainReportImg = $("<a></a>").attr("href", "http://www.dvrpc.org/asp/pubs/publicationabstract.asp?pub_id=09047").addClass("mainReportLink").append($("<img/>").attr("src", "http://www.dvrpc.org/connections/img/09047_130.png"));

  var mainReportLink = $("<a></a>").attr("href", "http://www.dvrpc.org/asp/pubs/publicationabstract.asp?pub_id=09047").attr("innerHTML", "Full Report").addClass("mainReportLink");

  var expandLink = $("<a></a>").attr("href", "javascript:void(0);").attr("innerHTML", "More Reports").attr("id", "connectionsExpandLink");

  var moreReportsDiv = $("<div></div>").css("display","none").attr("id", "connectionsMoreReports");

  var link1 = $("<a></a>").attr("href", "http://www.dvrpc.org/asp/pubs/publicationabstract.asp?pub_id=NL09055").attr("innerHTML", "The Link: Issue 3");

  var link2 = $("<a></a>").attr("href", "http://www.dvrpc.org/asp/pubs/publicationabstract.asp?pub_id=NL09034").attr("innerHTML", "The Link: Issue 2");

  var link3 = $("<a></a>").attr("href", "http://www.dvrpc.org/asp/pubs/publicationabstract.asp?pub_id=NL08101").attr("innerHTML", "The Link: Issue 1");

  var link4 = $("<a></a>").attr("href", "http://www.dvrpc.org/asp/pubs/publicationabstract.asp?pub_id=08059").attr("innerHTML", "Making the Land Use Connection: Regional What-If Scenario Analysis");

  var link5 = $("<a></a>").attr("href", "http://www.dvrpc.org/asp/pubs/publicationabstract.asp?pub_id=07027").attr("innerHTML", "Tracking Progress Toward 2030: Regional Indicators for the DVRPC Long Range Plan");


  $(moreReportsDiv).append(link3).append(link2).append(link1).append(link4).append(link5);

  $(expandLink).bind("click", function(){
      if($("#connectionsMoreReports").css("display")=="none"){
	$("#connectionsMoreReports").slideDown("fast");
      }
      else{
	$("#connectionsMoreReports").slideUp("fast");
      }
      equalize();
  });


  //$(wrapper).append(title).append(connectionsImg);
  $(wrapper).append(reportsHeader).append(summaryBriefLink).append(briefReportLink).append(mainReportImg).append(mainReportLink).append(expandLink).append(moreReportsDiv);



  switch(involvement){
    case "environment":{
      //{{{
      var action1= $("<li></li>").addClass("takeActionItem");
      $(action1).attr("innerHTML", "Focus future development as infill and redevelopment in existing areas, and target new development to designated future growth areas.");

      var action2= $("<li></li>").addClass("takeActionItem");
      $(action2).attr("innerHTML", "Encourage compact, centers-based development through Smart Growth tools and techniques, such as transit-oriented development, traditional neighborhood design, transfer of development rights, and revitalization and stabilization of existing development.");

      var action3= $("<li></li>").addClass("takeActionItem");
      $(action3).attr("innerHTML", "Employ a range of regulatory, voluntary, and funding techniques to preserve open space, including fee-simple acquisitions, conservation easements, locally-funded open space programs, statewide preservation trusts, municipal natural resource protection plans and ordinances, and market-based conservation such as transfer of development rights programs.");

      var takeActionImg =  $("<img/>").attr("src", "http://www.dvrpc.org/connections/img/keyactionsheader.png").addClass("takeActionImg");

      $(wrapper).append(takeActionImg);
      $(wrapper).append($("<h3></h3>").attr("innerHTML", "To be responsible with our resources <br/>we must:"));
      var ul = $("<ul></ul>");
      $(ul).append(action1).append(action2).append(action3);
      $(wrapper).append(ul);
      //}}}
    }break;

    case "livablecommunities":{
      //{{{
      var action1= $("<li></li>").addClass("takeActionItem");
      $(action1).attr("innerHTML", "Update zoning codes to allow for increased density and a mix of uses in select, appropriate areas to encourage transit-oriented and pedestrian-friendly development.");

      var action2= $("<li></li>").addClass("takeActionItem");
      $(action2).attr("innerHTML", "Increase the stock of affordable housing units in suburban centers close to jobs and services served by public transit while also increasing employment in places where affordable housing opportunities currently exist.");

      var action3= $("<li></li>").addClass("takeActionItem");
      $(action3).attr("innerHTML", "Increase community-scale green infrastructure through techniques such as planting and stewardship of shade trees, green streets, green roofs, green schoolyards, community gardens, and trails. ");
      
      var takeActionImg =  $("<img/>").attr("src", "http://www.dvrpc.org/connections/img/keyactionsheader.png").addClass("takeActionImg");

      $(wrapper).append(takeActionImg);
      $(wrapper).append($("<h3></h3>").attr("innerHTML", "To create communities where we can live, work and play <br/> we must:"));
      var ul = $("<ul></ul>");
      $(ul).append(action1).append(action2).append(action3);
      $(wrapper).append(ul);
      //}}}
    }break;


    case "energyandeconomy":{
      //{{{
      var action1= $("<li></li>").addClass("takeActionItem");
      $(action1).attr("innerHTML", "Prioritize transportation system investments that expand the Greater Philadelphia region's connections to the global economy.");

      var action2= $("<li></li>").addClass("takeActionItem");
      $(action2).attr("innerHTML", "Reduce Demand for services and energy provision by locating jobs, housing, and services closer together, and encouraging denser development.");

      var action3= $("<li></li>").addClass("takeActionItem");
      $(action3).attr("innerHTML", "Use more efficient cars, furnaces, and lighting to produce energy with less CO<sub>2</sub> by switching to non-carbon fuels.");
var takeActionImg =  $("<img/>").attr("src", "http://www.dvrpc.org/connections/img/keyactionsheader.png").addClass("takeActionImg");

      $(wrapper).append(takeActionImg);
      $(wrapper).append($("<h3></h3>").attr("innerHTML", "To create an environment that supports growth<br/> we must:"));
      var ul = $("<ul></ul>");
      $(ul).append(action1).append(action2).append(action3);
      $(wrapper).append(ul);
      //}}}
    }break;

    case "transportation":{
      //{{{
      var action1= $("<li></li>").addClass("takeActionItem");
      $(action1).attr("innerHTML", "Develop a coordinated campaign to identify, support, and pursue transportation projects of regional significance.");

      var action2= $("<li></li>").addClass("takeActionItem");
      $(action2).attr("innerHTML", "Encourage public transit, bicycle, pedestrian facilities, telecommuting, and ride- and car-sharing to reduce the demand on our roadways.");

      var action3= $("<li></li>").addClass("takeActionItem");
      $(action3).attr("innerHTML", "Embrace development principles that reduce the distance between residential and economic centers.");

      var action4= $("<li></li>").addClass("takeActionItem");
      $(action4).attr("innerHTML", "Enhance traffic flow and safety through traffic management, incident response and clearance, and information delivery.");
      
      var action5= $("<li></li>").addClass("takeActionItem");
      $(action5).attr("innerHTML", "Improve the operation and performance of existing roadways to reduce the needs for building new ones.");




var takeActionImg =  $("<img/>").attr("src", "http://www.dvrpc.org/connections/img/keyactionsheader.png").addClass("takeActionImg");

      $(wrapper).append(takeActionImg);
      $(wrapper).append($("<h3></h3>").attr("innerHTML", "To invest in our mobility<br/> we must:"));
      var ul = $("<ul></ul>");
      $(ul).append(action1).append(action2).append(action3).append(action4).append(action5);
      $(wrapper).append(ul);
      //}}}
    }break;

    case "getinvolved":{
      //{{{
      var action1= $("<li></li>").addClass("takeActionItem");
      $(action1).attr("innerHTML", "Live, work, shop and play in the region's <a href='http://www.dvrpc.org/asp/connections/planningareasandcenters.htm'>centers</a>.");

      var action2= $("<li></li>").addClass("takeActionItem");
      $(action2).attr("innerHTML", "Take transit, walk or bike to work and for any trip shorter than two miles.");

      var action3= $("<li></li>").addClass("takeActionItem");
      $(action3).attr("innerHTML", "Link automobile trips together and travel during off-peak times.");

      var action4= $("<li></li>").addClass("takeActionItem");
      $(action4).attr("innerHTML", "Purchase energy efficient light bulbs, appliances and cars; turn off lights and appliances when not in use.");

      var action5= $("<li></li>").addClass("takeActionItem");
      $(action5).attr("innerHTML", "Make sure your home is properly insulated and turn your thermostat to 75o in the summer months and 68o in the winter months.");

      var action6= $("<li></li>").addClass("takeActionItem");
      $(action6).attr("innerHTML", "Reduce polluting activities such as driving, mowing your lawn or filling your car's gas tank on days with poor <a href='http://www.airqualitypartnership.org/'>air quality</a>.");

      var action7= $("<li></li>").addClass("takeActionItem");
      $(action7).attr("innerHTML", "Support <a href='http://www.dvrpc.org/food'>local food production</a> by purchasing fresh food from local sources.");

      var action8= $("<li></li>").addClass("takeActionItem");
      $(action8).attr("innerHTML", "Plant a tree.");

      var action9= $("<li></li>").addClass("takeActionItem");
      $(action9).attr("innerHTML", "Vote for open space or transportation funding referendums.");

      var action10= $("<li></li>").addClass("takeActionItem");
      $(action10).attr("innerHTML", "Write your representatives to support the plan's policies and goals.");

      var action11= $("<li></li>").addClass("takeActionItem");
      $(action11).attr("innerHTML", "Participate in the planning process at DVRPC by attending public meetings, monitoring our website, or joining the <a href='http://www.dvrpc.org/ASP/committee/committees.aspx?p=RCC'>Regional Citizens Committee</a>.");

var takeActionImg =  $("<img/>").attr("src", "http://www.dvrpc.org/connections/img/getinvolvedheader.png").addClass("takeActionImg");

      //$(wrapper).append(takeActionImg);
      //$(wrapper).append($("<h3></h3>").attr("innerHTML", "What You Can Do"));

      var ul = $("<ul></ul>");
      $(ul).append(action1).append(action2).append(action3).append(action4).append(action5).append(action6).append(action7).append(action8).append(action9).append(action10).append(action11);
      //$(wrapper).append(ul);
      //}}}
    }break;

    default:{
      //{{{
      var takeActionPolicy = $("<div></div>").addClass("takeActionItem");
      $(takeActionPolicy).append($("<h3></h3>").attr("innerHTML", "Policy Makers"));
      $(takeActionPolicy).append($("<p></p>").attr("innerHTML", "fadkfj kjdka jfkld fjeightisd fj akdfj"));

      var takeActionPeople = $("<div></div>").addClass("takeActionItem");
      $(takeActionPeople).append($("<h3></h3>").attr("innerHTML", "Citizens"));
      $(takeActionPeople).append($("<p></p>").attr("innerHTML", "fadkfj kjdka jfkld fjeightisd fj akdfj"));

      var takeActionPartner = $("<div></div>").addClass("takeActionItem");
      $(takeActionPartner).append($("<h3></h3>").attr("innerHTML", "Partner Organizations"));
      $(takeActionPartner).append($("<p></p>").attr("innerHTML", "fadkfj kjdka jfkld fjeightisd fj akdfj"));

      $(wrapper).append(takeActionPolicy).append(takeActionPartner).append(takeActionPeople);
      }break;
      //}}}

  }

  

  

  var bottomImg = $("<img/>").attr("src", "http://www.dvrpc.org/img/homepage/fixedLenBottom.gif").attr("id", "connectionsBottomImg");

  $(specialWidget).append(wrapper).append(bottomImg);

  $("#widgetColumn .columnWrapper").prepend(specialWidget);

  connectionsFooter();
  //}}}
}