// fade one image into another after certain amount of time
// best to use $(window).load(function () instead of $(function(){ so all page
// elements are loaded before starting fade.
    // div - container of image and background image
    // new_image - new background image
    // fade_length - length of fade - milliseconds
    // pause_length - length on time to wait before starting fade - milliseconds
    
function fadeoutdiv(div,new_image,fade_length,pause_length)
{
    var new_image = new_image;
    // add image here instead of on page or css cause of IE jerkiness
    $(div).css('background-image', new_image);
    setTimeout(function(){ $(div+' #banner').fadeOut(fade_length); }, pause_length);
};

// -------------------------------------------

$(function(){


			$('.box').corner({
			  tl: { radius: 20 },
			  tr: { radius: 20 },
			  bl: { radius: 20 },
			  br: { radius: 20 },
			  antiAlias: true,
			  autoPad: true,
			  validTags: ["div"]});
			$('.inner-box').corner({
			  tl: { radius: 20 },
			  tr: { radius: 20 },
			  bl: { radius: 20 },
			  br: { radius: 20 },
			  antiAlias: true,
			  autoPad: true,
			  validTags: ["div"]});


});