$(document).ready(function(){
	
	// fix png images for IE6 browsers
	if ($.browser.msie) {
		fix_all_png();
	}
});



// a recursive jQuery function that crossfades between all
// images belonging to <div id="header_slideshow">
// i = index of photo to start with
// 
// images should all be assigned as position:absolute; top: 0; left: 0;
// image to be shown initially (same as image that i indexes) should
// be set to display:block; all other images should be set to display:none

function image_xfader(i) {
	
	var fade_in_time = 2000;
	var fade_delay = 4200;
	var fade_out_time = 2000;
	var img_selector = "#slideshow img";
	
	var num_images = $(img_selector).length;
	
	$(img_selector + ":eq(" + i + ")").fadeIn(fade_in_time).fadeTo(fade_delay,1,function(){
		if ((i+1) == num_images) {
			image_xfader(0);
		}
		else {
			image_xfader(i + 1);
		}
	}).fadeOut(fade_out_time);
}



// fixes png in IE6 browsers; not needed by other browsers
// make this as specific as possible, so search is quick

function fix_all_png() {	
	
	// Fix background images on all A elements,
	// all header elements, and all TD elements
	$("h1, h2, h3, h4, h5, h6, #main_inner, #content_wrapper, #slideshow_title, img#TB_Image").pngfix();
	
	// Fix all inline PNG images with the custom sizingMethod of "scale"
	$("img[@src$=png]").pngfix({
		sizingMethod: "scale"
	});
	
	// $.miseAlphaImageLoader("sdsd");	
};