$(document).ready(function() {
	// Background fitting
	// setInterval('viewport()', 100);
	
	// Button 1px down
	$('button').mousedown(function() {
		$(this).css('margin-top', '37px');
	});
	
	$('button').mouseup(function() {
		$(this).css('margin-top', '36px');
	});
	
	$('button').mouseout(function() {
		$(this).css('margin-top', '36px');
	});

	$('#shop-thumbs a').colorbox();

	// Launch
	$('#page').fadeIn(1000);
	setTimeout("$('h2').fadeIn(3000);", 800);
	setTimeout("$('h3').fadeIn(3000);", 1000);
	
	//payment info
	$(".info").hide();
  $(".show-info").css('cursor', 'pointer');
  $(".show-info").click(function(){
    if ($(this).attr("class") == "show-info") {
      $(this).addClass("hide-info");
      $(this).removeClass("show-info");
      $(this).next().slideDown();
      
    } else {
      $(this).addClass("show-info");
      $(this).removeClass("hide-info");
      $(this).next().slideUp();
    };
   });
	// end of payment info
});



function viewport(){
  var viewportwidth;
  var viewportheight;
  var viewportratio;
  var picwidth = 1349;
  var picheight = 775;
  var picratio = picwidth / picheight;

  // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
  if (typeof window.innerWidth != 'undefined') {
    viewportwidth = window.innerWidth,
    viewportheight = window.innerHeight
  }

  // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
  else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
    viewportwidth = document.documentElement.clientWidth,
    viewportheight = document.documentElement.clientHeight
  }

  // older versions of IE
  else {
    viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
    viewportheight = document.getElementsByTagName('body')[0].clientHeight
  }
  
  viewportratio = viewportwidth / viewportheight;
  
  if (picratio < viewportratio) {
    $('div#page img').css('height', 'auto');
    $('div#page img').css('width', viewportwidth + 'px');
  };
  
  if (picratio > viewportratio) {
    $('div#page img').css('height', viewportheight + 'px');
    $('div#page img').css('width', 'auto');
  };
}