/**
 * JS for the Priceless theme. Mostly handles background selection and resizing.
 */

$(document).ready(function(){
		var bgImage = $('#background img');

		// Set up resizing.
		// These is the main reasons why we need JQuery.
		$(window).resize(fixBg);
		bgImage.load(fixBg);
		fixBg();
});

function fixBg() {
		var winWidth = $(window).width();
		var winHeight = $(window).height();
		var winRatio = winWidth/winHeight;
		$('#background').css({'width':winWidth, 'height':winHeight});

		var bgImage = $('#background img');
		imgRatio = bgImage.width()/bgImage.height();
		if (winRatio > imgRatio) {
				bgImage.css({'width':winWidth, 'height':(winWidth / imgRatio)});
		} else {
				bgImage.css({'width':(winHeight * imgRatio), 'height':winHeight});
		}

		bgImage.fadeIn(1000);
}