var debug = false;

var site_url = "http://www.metroframe.com/";

google.setOnLoadCallback(function(){

	//set up debugging

	if(debug) doDebug();	

	//set external links to open in a new browser tab or window

	jQuery(".external").attr("target", "_blank");

	wireSideBar();

	wireContentLinks();

	//add last to the last-child class li of each list

	//$("li:last-child").addClass("last-child");

});

function wireContentLinks()

{

	jQuery(".content-link").click(function(){									  

									  var url = jQuery(this).attr("rel");				

									  var parent = jQuery(this).parent();

									  var grandParent = jQuery(this).parent().parent();					

									  									  

									  var chk =4;

									  var index = 0;

									  while (jQuery(grandParent).siblings(".content-loader").length == 0)

									  {

										  index = index++;

										  	grandParent = jQuery(grandParent).parent();

											if(index == chk) break;

										  }

										  var handle_flickr = false;

	

										if(jQuery(this).hasClass("flickr-loader")){

																												handle_flickr = true;

																											  }

		

									  jQuery(grandParent).siblings(".content-loader").load(url, null, function()

																										  {

																											  jQuery(this).closest(".content-loader").slideDown(500);

																											  if(handle_flickr){																												

																												  getFlicker();

																											  }

																											  });

									 

									 if(jQuery(parent).hasClass("activator-link"))

									  {

									  	jQuery(grandParent).find("li.active").removeClass("active");

									  	jQuery(parent).addClass("active");

									  }

									  if(jQuery(this).hasClass("title-swap-link"))

									  {

										  jQuery(grandParent).parent().find(".title-swap").html(jQuery(this).attr("title"));

										  }

									  });

	}

	//'live' will ensure the closer links are bound when loaded via an ajax call.

	jQuery(".content-closer-link").live("click", (function(){

											 jQuery(this).parent().parent().parent().find("UL").find("li.active").removeClass("active");

											 jQuery(this).parent().parent().slideUp(500);

											 }));

function doDebug()

{

	var debug_validators = "<div id=\"dev-panel\">";

	debug_validators +="	<p>";

	debug_validators +="		<a class=\"external\" href=\"http://validator.w3.org/check?uri=referer\"><img";

	debug_validators +="		src=\"http://www.w3.org/Icons/valid-xhtml10-blue\"";

	debug_validators +="		alt=\"Valid XHTML 1.0 Strict\" height=\"31\" width=\"88\" />";

	debug_validators +="		</a>";

	debug_validators +="	</p>";

	debug_validators +="	<p>";

	debug_validators +="		<a class=\"external\" href=\"http://jigsaw.w3.org/css-validator/check/referer\">";

	debug_validators +="			<img style=\"border:0;width:88px;height:31px\"";

	debug_validators +="				src=\"http://jigsaw.w3.org/css-validator/images/vcss-blue\"";

	debug_validators +="				alt=\"Valid CSS!\" />";

	debug_validators +="		</a>";

	debug_validators +="	</p>";

	debug_validators +="</div>";

	jQuery("body").prepend(debug_validators);



}