// JavaScript Document
$(document).ready(function() {
	//load all background images from CSS
	$.preloadCssImages();
	//
	if (!jQuery.browser.msie){
		animText();
	}
	//prep for animation
	var classQ = $.query.get('bw');
	if ((classQ != null && classQ != '')&&(!jQuery.browser.msie)&&((classQ == "g") || (classQ == "s") || (classQ == "n") || (classQ == "c") || (classQ == "d"))&&($.cookie("noAnim")==null)) { 
		$('#logo').animate({opacity: 0}); 
		//set various weather states...
		if (classQ == "s") {
			$('#workSun').css({'top':'-40px'});
			$('#workBirds, #workMidClouds').css({'top':'0px'});
			$('#foreClouds').css({'left':'0px','top':'-160px','visibility':'visible'});
			$('#midClouds').css({'left':'0px','top':'-130px','visibility':'visible'});
			$('#workSun, #workBirds, #workMidClouds, #backClouds').css({'visibility':'visible'});
		}
		else if (classQ == "n") {
			$('#moon img').css({'height':'160px','width':'160px'});
			$('#nLargeClouds').css({'top':'-6px'});
			$('#foreClouds').css({'left':'0px','top':'-160px','visibility':'visible'});
			$('#midClouds').css({'left':'0px','top':'-130px','visibility':'visible'});
			$('#backClouds').animate({opacity: 0},1);
			$('#nSmallClouds, #nLargeClouds, #moon, #nBackClouds').css({'visibility':'visible'});
		}
		else if (classQ == "c") {
			$('#snowflakeBack,#snowflakeFront,#snowForeClouds').css({'top':'0px'});
			$('#foreClouds').css({'left':'0px','top':'-160px','visibility':'visible'});
			$('#midClouds').css({'left':'0px','top':'-130px','visibility':'visible'});
			$('#backClouds').css({'visibility':'visible'});
		}
		else if (classQ == "d") {
			$('#rainLargeCloud').css({'top':'-30px'});
			$('#rainLeftCloud').css({'left':'185px'});
			$('#rainRightCloud').css({'left':'570px'});
			$('#rainDropsBack,#rainDropsFront').css({'top':'0px'});
			$('#backClouds,#rainLargeCloud,#rainDropsBack,#rainDropsFront').css({'visibility':'visible'});
			$('#foreClouds').css({'left':'0px','top':'-160px','visibility':'visible'});
			$('#midClouds').css({'left':'0px','top':'-130px','visibility':'visible'});
		}
		else if (!jQuery.browser.msie) { //initial Load  
			$('#foreClouds').css({'left':'0px','top':'-160px','visibility':'visible'});
			$('#midClouds').css({'left':'0px','top':'-130px','visibility':'visible'});
			$('#logo, #backClouds').animate({opacity: 0},1,function(){$('#midClouds, #foreClouds, #logo, #backClouds').css({'visibility':'visible'}); });
		}
	
		$('#background').addClass(classQ); 
		$('.mntns').animate({opacity: 0},1,function(){$('.mntns').css({'visibility':'visible'}); });
		
		if (!jQuery.browser.msie){			
			$('#bggray').animate({opacity: 0},1,function(){$('#bggray').css({'visibility':'visible'}); });			
			//Remove Environments
			// transitional weather effect
				if (classQ == "s") {
					removeWorkEnv("g");
				} //end from sunny - WORK
				else if (classQ == "n") {
					removeAboutEnv("g");								
				} //end from night -ABOUT
				else if (classQ == "c") {
					removeContactEnv("g");
				} //end from snow -Contact
				else if (classQ == "d") {
					removeDownloadEnv("g");								
				} //end from rain -Downloads			
			// end transitional weather effect						
			$('#bggray').animate({
				opacity: 1,
			  }, 1000, function() {}
						);
			$('#background').animate({
				opacity: 0,
			  }, 1000, function() { 
							$('#background').css({'visibility':'hidden'});							
					   });
		}
	}
	else if ((!jQuery.browser.msie)&& ($.cookie("noAnim")==null)) {
	//Animation	from no previous environment
		$('#foreClouds').css({'left':'0px','top':'-160px','visibility':'visible'});
		$('#midClouds').css({'left':'0px','top':'-130px','visibility':'visible'});
		$('#logo, #backClouds, .mntns').animate({opacity: 0},1,function(){$('#midClouds, #foreClouds, #logo, #backClouds, .mntns, #bggray').css({'visibility':'visible'});});
		window.setTimeout(function(){
		loadGrayEnv("home");
		},1000);
	}
	else {
	//IE NO Animation
			$('#midClouds, #foreClouds, #backClouds, #bggray').css({'left':'0px','top':'0px','visibility':'visible'});
			$('#bodyContent, #logo, .mntns').css({'visibility':'visible'});
	}
});
