/**
 * Common Functions
 */
$(document).ready(
	function(){

		$( 'li.mainFirst a' ).mouseover( function() {
			$( '.animation' ).show();
			$( '.animation' ).addClass( 'first' );
			$( '.mainFirst em' ).addClass( 'act' );
		});
		$( 'li.mainFirst a' ).mouseout( function() {
			$( '.animation' ).hide();
			$( '.animation' ).removeClass( 'first' );
			$( '.mainFirst em' ).removeClass( 'act' );
		});
		$( 'li.mainSecond a' ).mouseover( function() {
			$( '.animation' ).show();
			$( '.animation' ).addClass( 'second' );
			$( '.mainSecond em' ).addClass( 'act' );
		});
		$( 'li.mainSecond a' ).mouseout( function() {
			$( '.animation' ).hide();
			$( '.animation' ).removeClass( 'second' );
			$( '.mainSecond em' ).removeClass( 'act' );
		});
		$( 'li.mainThird a' ).mouseover( function() {
			$( '.animation' ).show();
			$( '.animation' ).addClass( 'third' );
			$( '.mainThird em' ).addClass( 'act' );
		});
		$( 'li.mainThird a' ).mouseout( function() {
			$( '.animation' ).hide();
			$( '.animation' ).removeClass( 'third' );
			$( '.mainThird em' ).removeClass( 'act' );
		});
		
		$( 'li.metaFirst a' ).mouseover( function() {
			$( '.animation_small' ).show();
			$( '.animation_small' ).addClass( 'first_small' );
		});
		$( 'li.metaFirst a' ).mouseout( function() {
			$( '.animation_small' ).hide();
			$( '.animation_small' ).removeClass( 'first_small' );
		});
		$( 'li.metaSecond a' ).mouseover( function() {
			$( '.animation_small' ).show();
			$( '.animation_small' ).addClass( 'second_small' );
		});
		$( 'li.metaSecond a' ).mouseout( function() {
			$( '.animation_small' ).hide();
			$( '.animation_small' ).removeClass( 'second_small' );
		});
		$( 'li.metaThird a' ).mouseover( function() {
			$( '.animation_small' ).show();
			$( '.animation_small' ).addClass( 'third_small' );
		});
		$( 'li.metaThird a' ).mouseout( function() {
			$( '.animation_small' ).hide();
			$( '.animation_small' ).removeClass( 'third_small' );
		});
});