$(document).ready(function() {
	  resize_bg("#triquibackimg");
			$('#triquiback').css({ opacity: 0 });
         $("#triquibackimg").load(function(){
               resize_bg("#triquibackimg");
          })
          $(window).resize(function(){
               resize_bg("#triquibackimg");
          })
          $("#hackbox").load(function(){
               resize_bg("#hackbox");
          })
          $(window).resize(function(){
               resize_bg("#hackbox");
          })
          function resize_bg(handle){
               $(handle).css("left","0");
               var doc_width = $(window).width();
               var doc_height = $(window).height();
               var image_width = $(handle).width();
               var image_height = $(handle).height();
               var image_ratio = image_width/image_height;      
               var new_width = doc_width;
               var new_height = Math.round(new_width/image_ratio);
               if(new_height<doc_height){
                    new_height = doc_height;
                    new_width = Math.round(new_height*image_ratio);
                    var width_offset = Math.round((new_width-doc_width)/2);
                    $(handle).css("left","-"+width_offset+"px");
               }
               $(handle).width(new_width);
               $(handle).height(new_height);
          }
     });      

$(window).load(function () {
$('#triquiback').delay(4400).fadeTo(700, 1, function() {
      // Animation complete.
	$('#loading').fadeTo(700, 0);
	$('#imagefit').fadeTo(700, 0);
    });
	$('#prevPost a').click(function() {
 		 $('#triquibackimg').fadeTo(500, 0);
		$('#loading').show();
	});
	$('#nextPost a').click(function() {
 		 $('#triquibackimg').fadeTo(500, 0);
		$('#loading').show();
	});
});

 function swap_bg(handle){
	if ($switch == 1){
		$('#loading').show();
		$('#triquibackimg').fadeOut(500, function() {
			var image1 = $('<img />').attr('src', handle);
			image1.load(function(){
				$('#loading').hide();
				$('#triquibackimg').attr("src", handle);
				$('#triquibackimg').fadeTo(500, 1);
			});
		});
	}
}