function preloadImage(){
mainBanner1= new Image(1024,262); 
mainBanner1.src="../images/backgroundImg/pc_bg1.png";
mainBanner1.src="../images/backgroundImg/pc_bg2.png";
mainBanner1.src="../images/backgroundImg/pc_bg3.png";
mainBanner1.src="../images/backgroundImg/pc_bg4.png";
mainBanner1.src="../images/backgroundImg/pc_bg5.png";
mainBanner1.src="../images/backgroundImg/pc_bg6.png";

}

function slideSwitch() {
	var $active = $('#bg IMG.active');

	if ( $active.length == 0 ) $active = $('#bg IMG:last');

	// use this to pull the images in the order they appear in the markup
	var $next =  $active.next().length ? $active.next()
		: $('#bg IMG:first');

	// uncomment the 3 lines below to pull the images in random order
	
	// var $sibs  = $active.siblings();
	// var rndNum = Math.floor(Math.random() * $sibs.length );
	// var $next  = $( $sibs[ rndNum ] );



	$next.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, 2000, function() {
			$active.removeClass('active last-active');
		});
	$active.addClass('last-active').animate({opacity:0.0}, 2000);

}
function bgChange(){
			setInterval(function(){
		  	$('#bg :first-child').fadeOut('slow')
				 .next('img').fadeIn('slow')
				 .end().appendTo('#bg');}, 
		  	12000);
			}