$(document).ready(function() {
	/* pop menu for other site */
	$('#other_site_link > li').hover(
		function () {
			$('#other_sites_detail').toggle(true);
		},
		function () {
			$('#other_sites_detail').toggle(false);
		}
	);
	$('#other_sites_detail #vtt_region').fancybox({type: 'inline'});
	$('#other_sites_detail #vte_region').fancybox({type: 'inline'});

	/* slide show for each bu */
	var b;
	var bu = 'vtt';
	var bu_time = 5000;

	var vtt = $('p#vtt');
	var vte = $('p#vte');
	var vth = $('p#vth');
	var cms = $('p#cms');

	vtt.children('a').hover(
		function () {
			clearTimeout(b);

			if (bu != 'vtt') {
				$('#bu_'+bu).hide();
				$('#bu_vtt').show();
				bu = 'vtt';

				vtt.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 -33px');
				vte.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vth.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				cms.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
			}
		},
		function () {
			b = setTimeout(play, bu_time);
		}
	);

	vte.children('a').hover(
		function () {
			clearTimeout(b);

			if (bu != 'vte') {
				$('#bu_'+bu).hide();
				$('#bu_vte').show();
				bu = 'vte';

				vtt.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vte.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 -33px');
				vth.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				cms.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
			}
		},
		function () {
			b = setTimeout(play, bu_time);
		}
	);

	vth.children('a').hover(
		function () {
			clearTimeout(b);

			if (bu != 'vth') {
				$('#bu_'+bu).hide();
				$('#bu_vth').show();
				bu = 'vth';

				vtt.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vte.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vth.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 -33px');
				cms.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
			}
		},
		function () {
			b = setTimeout(play, bu_time);
		}
	);

	cms.children('a').hover(
		function () {
			clearTimeout(b);

			if (bu != 'cms') {
				$('#bu_'+bu).hide();
				$('#bu_cms').show();
				bu = 'cms';

				vtt.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vte.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vth.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				cms.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 -33px');
			}
		},
		function () {
			b = setTimeout(play, bu_time);
		}
	);

	$('div#mdl_bu').hover(
		function () {
			clearTimeout(b);
		},
		function () {
			b = setTimeout(play, bu_time);
		}
	)

	function play() {
		clearTimeout(b);
		switch (bu) {
			case 'vtt':
				$('#bu_vtt').fadeOut();
				$('#bu_vte').fadeIn();
				bu = 'vte';

				vtt.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vte.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 -33px');
				vth.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				cms.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');

				break;
			case 'vte':
				$('#bu_vte').fadeOut();
				$('#bu_vth').fadeIn();
				bu = 'vth';

				vtt.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vte.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vth.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 -33px');
				cms.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');

				break;
			case 'vth':
				$('#bu_vth').fadeOut();
				$('#bu_cms').fadeIn();
				bu = 'cms';

				vtt.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vte.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vth.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				cms.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 -33px');

				break;
			case 'cms':
				$('#bu_cms').fadeOut();
				$('#bu_vtt').fadeIn();
				bu = 'vtt';

				vtt.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 -33px');
				vte.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				vth.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');
				cms.css('background', 'url(gatewayfiles/images/bg_site.png) no-repeat 0 0');

				break;
		}

		b = setTimeout(play, bu_time);
	}
	b = setTimeout(play, bu_time);
});