/*
 *   V I D I V I C I
 *   M M X ~ M M X I
 *   Omnia iura reservata.
 */

$(document).ready(function() {
  // Fix PNGs
	$(document).pngFix();

  $('a#fdbk_tab').addClass('important');
	
  // Header Sign In 
  $('li.navLogin a.signin').click(function() {
    $(this).parent().toggleClass('selected');
    $('li.navLogin ul').toggle();
    $('span.tooltipSignUpPrompt').fadeOut(300);
    $('#username').focus();
    return false;
  });
  $('html').click(function() {
    if ($('li.navLogin').hasClass('selected')) {
      $("li.navLogin").removeClass('selected');
      $('li.navLogin ul').hide();
    }
  });
  $('li.navLogin *').click(function(event){
      event.stopPropagation();
  });
  
  
  // vTips
  // TODO _ Make this into a plugin 
  $('.contains_vTip').each(function(index) {
    var tooltipContH = $(this).outerHeight();
    var tooltipContW = $(this).outerWidth();

    var tooltip = $(this).find('[class^="vTip"]');
    var tooltipHeight = (tooltip.outerHeight() * -1) + -14;
    var tooltipWidth = (tooltip.outerWidth() * -0.5) + (tooltipContW / 2);
    tooltip.css({top: tooltipHeight, left: tooltipWidth});
  });
  $('.contains_vTip').hover(
    function () {
      $('span', this).stop(true,true).fadeIn(300);
    },
    function () {
      $('span', this).stop(true,true).fadeOut(300);;
    }
  );

//	// Show the Disclaimer modal
//	$('.disclaimer-dropdown-wrap a').click(function() {
//		$('.disclaimer-modal-wrap').fadeIn(400);
//	});
//	// Close Disclaimer modal + set a cookie
//	$('.disclaimer-modal a').click(function() {
//		$('.disclaimer-modal-wrap').fadeOut(400);
//		$('.disclaimer-dropdown-wrap').slideUp(400);
//		$.cookie('disclaimer', 'read');
//	});
//	// COOKIES
//	var disclaimer = $.cookie('disclaimer');
//	if (disclaimer == 'read') {
//		$('.disclaimer-dropdown-wrap').css({
//		dispaly: 'none'
//		});
//	}
//	else {
//		// Show the Disclaimer dropdown
//		$('.disclaimer-dropdown-wrap').slideDown(400);
//	};
	
  // Remove Background Image From How It Works Page
  $('body div.section.howItWorks').parent().css({
    backgroundImage: 'none'
  });
  
  // If Page Is How It Works
  if ($('body div.section').hasClass('howItWorks')) {
    $('div.footer').wrap('<div class="footerWrap"></div>');
    $('div.footerWrap').css({
      backgroundImage: "url(site/im/bg-grid-opacity.png)",
      backgroundRepeat: "repeat",
      width: "100%",
      height: "100%"
    });
  }

  // If Page Is Developer
  if ($('body div.section').hasClass('dev')) {
      $.SyntaxHighlighter.init();
  }

});