$(document).ready(function() {

	/* Use this js doc for all application specific JS */
  $(window).resize(function() {
    console.log($(window).width());
  });

	/* TABS --------------------------------- */
	/* Remove if you don't need :) */

	var tabs = $('dl.tabs');
		tabsContent = $('ul.tabs-content')

	tabs.each(function(i) {
		//Get all tabs
		var tab = $(this).children('dd').children('a');
		tab.click(function(e) {

			//Get Location of tab's content
			var contentLocation = $(this).attr("href")
			contentLocation = contentLocation + "Tab";

			//Let go if not a hashed one
			if(contentLocation.charAt(0)=="#") {

				e.preventDefault();

				//Make Tab Active
				tab.removeClass('active');
				$(this).addClass('active');

				//Show Tab Content
				$(contentLocation).parent('.tabs-content').children('li').css({"display":"none"});
				$(contentLocation).css({"display":"block"});

			}
		});
	});


	/* PLACEHOLDER FOR FORMS ------------- */
	/* Remove this and jquery.placeholder.min.js if you don't need :) */

	$('input, textarea').placeholder();

});



function toggleDescription(){
var display, e, element, _i, _len, _ref;
_ref = ["geek", "photographer", "traveler"];
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
  element = _ref[_i];
  e = document.getElementById(element);
  display = e.style.display;
  if (display == "block") {
    display = "none";
  } else {
    display = "block";
  }
  e.style.display = display;
}
}
/*
for element in ["geek","photographer","traveler"]
    e = document.getElementById(element)
    display = e.style.display
    if display == "block"
        display="none"
    else
        display="block"

    e.style.display=display
*/