var offset_visual = { 1: 0, 2:0, 3:0 };
var timer_id = 0;
var visual_activating = false;
$(document).ready( function() {
	$('#gfont a').click( function () {
		active_id = $('#gfont .active').attr('id');
		new_active_id = $(this).parent().attr('id');
		if ( active_id != new_active_id &&
			( new_active_id  == 'gfont_small' ||
			new_active_id == 'gfont_normal' ||
			new_active_id == 'gfont_large' )) {
			$( '#'+active_id ).removeClass( 'active' );
			$( '#'+new_active_id ).addClass( 'active' );
			if ( active_id != 'gfont_normal' )
				$('body').removeClass( active_id.replace( 'gfont_', 'font_' ) );
			if ( new_active_id != 'gfont_normal' )
				$('body').addClass( new_active_id.replace( 'gfont_', 'font_' ) );
		}
		return false;
	} );
	$( '#visual_page ul' ).each( function () {
		first_child_html = $(this).children('li:first-child').html();
		last_child_html = $(this).children('li:last-child').html();
		$(this).children('li:first-child').before( '<li>'+last_child_html+'</li>' );
		$(this).children('li:last-child').after( '<li>'+first_child_html+'</li>' );
		view_left = (($('body').width()-971)/2-1000)+'px';
		view_right = (($('body').width()-971)/2+971)+'px';
		$('#viewport_left').attr('style', 'left:'+view_left);
		$('#viewport_right').attr('style', 'left:'+view_right);
		offset_visual[1] = (($('body').width()-971)/2-971)+'px';
		offset_visual[2] = (($('body').width()-971)/2-971*2)+'px';
		offset_visual[3] = (($('body').width()-971)/2-971*3)+'px';
		$(this).attr('style', 'left:'+offset_visual[1]);
		$('#view_visual1 div').addClass('active');
		$('#btn_visual1').addClass('active');
	} );
	$('.btn_visual a').click( function() {
		new_id = parseInt( $(this).parent().attr('id').replace( 'btn_visual', '' ) );
		if ( new_id  >= 1 &&  new_id  <= 3 ) {
			if ( timer_id != 0 ) clearInterval( timer_id );
			visual_activate(new_id);
			timer_id = setInterval( 'autofeed_visual()', 7000 );
		}
		return false;
	} );
	$('.btn_visual_dir a').click( function() {
		cur_id = parseInt( $('li.view_visual div.active').parent().attr('id').replace('view_visual', '') );
		if ( $(this).parent().attr('id') == 'btn_visual_left' ) {
			if ( timer_id != 0 ) clearInterval( timer_id );
			visual_activate(cur_id-1);
			timer_id = setInterval( 'autofeed_visual()', 7000 );
		} else if ( $(this).parent().attr('id') == 'btn_visual_right' ) {
			if ( timer_id != 0 ) clearInterval( timer_id );
			visual_activate(cur_id+1);
			timer_id = setInterval( 'autofeed_visual()', 7000 );
		}
		return false;
	} );
	$('#pagetop').click( function() {
		$('html,body').animate( {'scrollTop': '0px'}, 'slow' );
		return false;
	} );
	$(window).bind('resize', function() {
		view_left = (($('body').width()-971)/2-1000)+'px';
		view_right = (($('body').width()-971)/2+971)+'px';
		$('#viewport_left').attr('style', 'left:'+view_left);
		$('#viewport_right').attr('style', 'left:'+view_right);
		offset_visual[1] = (($('body').width()-971)/2-971)+'px';
		offset_visual[2] = (($('body').width()-971)/2-971*2)+'px';
		offset_visual[3] = (($('body').width()-971)/2-971*3)+'px';
		cur_id = parseInt( $('li.view_visual div.active').parent().attr('id').replace('view_visual', '') );
		$('#visual_page ul').attr('style', 'left:'+offset_visual[cur_id]);
	} );
	$('.hasSubmenu').hover(
		function () {
			$('.submenu').hide();
			menu_offset = $(this).offset();
			$( '#'+$(this).attr('id')+'_submenu' ).attr( 'style', 'left:'+menu_offset.left+'px; top:'+(menu_offset.top+$(this).height())+'px;' ).show();
		},
		function (event) {
			submenu_offset = $( '#'+$(this).attr('id')+'_submenu' ).offset();
			if ( event.pageX < submenu_offset.left ||
				event.pageX > submenu_offset.left+$( '#'+$(this).attr('id')+'_submenu' ).width() ||
				event.pageY < submenu_offset.top ||
				event.pageY > submenu_offset.top+$( '#'+$(this).attr('id')+'_submenu' ).height() )
				$('.submenu').hide();
		}
	);
	$('.submenu').hover(
		function () {},
		function () { $(this).hide(); }
	);
} );
jQuery.event.add(window, 'load', function () {
	$('.init').removeClass('init');
	timer_id = setInterval( 'autofeed_visual()', 7000 );
});

function autofeed_visual() {
	cur_id = parseInt( $('li.view_visual div.active').parent().attr('id').replace('view_visual', '') );
	no = ( cur_id == 3 )? 1: cur_id+1;
	visual_activate( no );
}
function visual_activate( no ) {
	cur_id = parseInt( $('li.view_visual div.active').parent().attr('id').replace('view_visual', '') );
	if ( !visual_activating && no >= 1 && no <= 3 && cur_id != no ) {
		visual_activating = true;
		$('#btn_visual'+cur_id).toggleClass('active');
		$('#btn_visual'+no).toggleClass('active');
		$('#visual_page ul').animate( { 'left': offset_visual[no]}, 'slow', function() {
			$('#view_visual'+cur_id+' div').toggleClass('active');
			$('#view_visual'+no+' div').toggleClass('active');
			visual_activating = false;
		} );
	}
}