WebFont.load({
  google: {
    families: ['Molengo', 'Droid Serif', 'Lobster', 'Nobile']
  }
});

$(document).ready(function(){

  function makeBG(){
    var styles = [1,2,3];
    var style = styles[Math.floor(Math.random()*styles.length)];
    $("body").attr('id','c'+style);

    // bg creation
    var bgs = ["€","ç","∅","ξ","φ","ð","⊗","∴","∉","♣","¤","‰", "◊"];
    var bg1 = bgs[Math.floor(Math.random()*bgs.length)];
    var bg2 = bgs[Math.floor(Math.random()*bgs.length)];
    var bg3 = bgs[Math.floor(Math.random()*bgs.length)];

    $("#beejeez-1").html("<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"<span>"+bg1+"</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>");
    $("#beejeez-2").html("<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"<span>"+bg2+"</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>");
    $("#beejeez-3").html("<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"<span>"+bg3+"</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>");
  } makeBG();

  $("a.style").click(function(){
    makeBG();
  });

  // more
  $("a.more").click(function(e){
    e.preventDefault();
	  $(this).parent().slideUp(200,function(){
	    $(this).next().slideDown(200,function(){
		    $(this).next().slideDown(200,function(){
		      $(this).next().slideDown(200);
		    });
	    });
	  });
  });

    // sorry ie
  if (jQuery.browser.msie) {
    ver= jQuery.browser.version;
	  if (ver=='6.0') {
	    $('body').html('&nbsp;');
	    $('body').html('<div id="bsod"></div>');
	    $('body').css({'background':'blue'});
	    $('#bsod').append('<h2>sorry there chief, internet explorer 6 ain\'t gonna do.</h2>');
	    //some proactive solutions to the raised problem..
	    $('#bsod').append('<p>please upgrade your browser, or better yet, use one of these great browsers:<br/> * <a href="http://www.apple.com/safari/download/">safari</a><br/> * <a href="http://www.google.com/chrome/">google chrome</a><br/> * <a href="http://firefox.com">firefox</a><br/> <br/>---<br/>justin talbott<br/>gmail@justintalbott.com</p>');
	  }
  }

});