// jsEffects.js



// 01. Banner Entry Hover Effect
//------------------------------------------------------------------------------------------

$("#banner_entries li").hover(function(){
      $(this).animate({ 
        marginTop: "-10px"
      }, 500 );
    },
	function(){
	$(this).animate({ 
        marginTop: "3px"
      }, 300 );
	$(this).animate({ 
        marginTop: "0px"
      }, 300 );
	});


$("#banner-nav li").hover(function(){
      $(this).animate({ 
        marginTop: "-10px"
      }, 500 );
    },
	function(){
	$(this).animate({ 
        marginTop: "3px"
      }, 300 );
	$(this).animate({ 
        marginTop: "0px"
      }, 300 );
	});

$(document).ready(function(){

	var bodyid = $('body').attr('id');

	// J. Banner Cycle
	//------------------------------------------------------------------------------------------

	if(bodyid == 'index'){
		$('#banner-rotate').append('<img src="/images/ch_banner_index_002.jpg" />');
		$('#banner-rotate').append('<img src="/images/ch_banner_index_003.jpg" />');
		$(function() {
		eval($('#banner-rotate').cycle({
				fx: 'fade',
				speed: 2000,
				timeout: 2000
				//random: 1,
				//pause: 1
			}));
		});	
	}
	
	if(bodyid == 'activities'){
		$(function() {
		eval($('#banner-rotate-activities').cycle({
				fx: 'fade',
				speed: 2500,
				timeout: 4000
				//random: 1,
				//pause: 1
			}));
		});	
	}

});