$(window).load(initFunc);

var base_path = '/';

function initFunc(){	jQuery.noConflict();
	loadBanner();
	loadBox();
	loadTootip();
}

function loadBanner()
{
	if (typeof banner == 'undefined' || banner == '') {
		$('a[rel=facebox]').bind('click', openBox);
		$.each($('a.ttip'), function () {
			this.ttip = $(this).attr('title');
			$(this).attr('title', '');
		});
		$('a.ttip').hover(showTooltip, hideTooltip);
		return;
	}
	burl = base_path+'banner/'+banner;
	$.ajax({
		url: burl, 
		success: function (data) {
			old_htm = $('.banner').html();
			bhgt = $('.banner').height();
			bwdt = $('.banner').width();
			old_htm = '<div class="bannerFlip banner-shown" style="display:block;">'+old_htm+'</div>';
			old_htm += '<div class="bannerFlip banner-hide" style="display:none;">'+data+'</div>';
			$('.banner').html(old_htm);
			bhgt = $('.banner-shown').height();
			bhgt2 = $('.banner-hide').height();
			if (bhgt < bhgt2) {
				bhgt = bhgt2;
			}
			$('.banner').css({'height':bhgt, 'width':'981px'});
			setTimeout('bannerFlip()', 5000);
			$('a[rel=facebox]').bind('click', openBox);
			$.each($('a.ttip'), function () {
				this.ttip = $(this).attr('title');
				$(this).attr('title', '');
			});
			$('a.ttip').hover(showTooltip, hideTooltip);
		}
	});
}

ban_t = 1;
function bannerFlip()
{
	$('.banner-shown').fadeOut(500, function () {
		$(this).removeClass('banner-shown');
		$(this).addClass('banner-hide');
	});
	$('.banner-hide').fadeIn(1000, function () {
		$(this).removeClass('banner-hide');
		$(this).addClass('banner-shown');
	});
	if (ban_t == 1) {
		setTimeout('bannerFlip()', 10000);
		ban_t = 0;
	} else {
		setTimeout('bannerFlip()', 5000);
		ban_t = 1;
	}
}

function loadBox()
{
	htm = '<div id="width-test" style="position:absolute;display:none;"></div>';
	htm += '<div id="overlay" style="position:absolute;top:0px;left:0px;background:#000000;z-index:998;display:none;width:100%;"></div>';
	
	popup = '<div class="popup"><table><tbody><tr><td class="tl"></td><td class="b"></td><td class="tr"></td></tr><tr><td class="b"></td><td class="body">';
	popup += '<div style="display: block;" class="content"></div><div style="display: block;" class="fc-footer"><a class="close" href="#"><img class="close_image" title="close" src="images/closelabel.gif"></a></div></td><td class="b"></td></tr><tr>';
	popup += '<td class="bl"></td><td class="b"></td><td class="br"></td></tr></tbody></table></div>';
	
	htm += '<div id="facebox" style="position:fixed;_position:absolute;top:0px;left:0px;display:none;z-index:999;">'+popup+'</div>';
	
	$('body').append(htm);
	whgt = $(document).height();
	wwdt = $(document).width();
	$('#overlay').css({'height':whgt, 'opacity':0.4});
	$('#overlay').bind('click', closeBox);
	$('.popup').find('a.close').bind('click', closeBox);
}

function openBox()
{
	cid = $(this).attr('href');
	cid = cid.split('#').pop();
	htm = $('#'+cid).clone();
	$('#facebox').find('div.content').html(htm);
	//$('#facebox').find('div.content').css({'height': '', 'width': '', 'overflow':'', 'overflow-y':''});
	$('#facebox').find('div.content').find('#'+cid).show();
	$('#facebox').css({'visibility':'hidden', 'display':'block'});
	ehgt = $('#facebox').height();
	ewdt = $('#facebox').width();
	whgt = $(window).height();
	wwdt = $(window).width();
	chgt = $('#facebox').find('div.content').height();
	cwdt = $('#facebox').find('div.content').width();
	/*if (ehgt > (whgt - 50)) {
		chgt = whgt - 100;
		cwdt = parseInt(cwdt) + 15;
		$('#facebox').find('div.content').css({'height': chgt, 'width': cwdt, 'overflow':'hidden', 'overflow-y':'scroll'});
		ehgt = $('#facebox').height();
		ewdt = $('#facebox').width();
	}*/
	
	eleft = (wwdt - ewdt) / 2;
	etop = (whgt - ehgt) / 2;
	$('#facebox').css({'visibility':'visible', 'display':'none'});
	$('#facebox').css({'top':etop, 'left':eleft});
	$('#overlay').show();
	$('#facebox').fadeIn(500);
	$(window).bind('resize', rePosBox);
	return false;
}

function rePosBox()
{
	ehgt = $('#facebox').height();
	ewdt = $('#facebox').width();
	whgt = $(window).height();
	wwdt = $(window).width();
	eleft = (wwdt - ewdt) / 2;
	etop = (whgt - ehgt) / 2;
	$('#facebox').css({'top':etop, 'left':eleft});
}

function closeBox()
{
	$(window).unbind('resize', rePosBox);
	$('#facebox').fadeOut(250, function () {
		$('#overlay').hide();
	});
	return false;
}

function loadTootip()
{
	htm = '<div id="tooltip" style="display:none;"></div>';
	$('body').append(htm);
}

function showTooltip()
{
	if ($(this).hasClass('tip-shown')) {
		return;
	}
	str = this.ttip;
	$('#tooltip').html(str);
	$('#tooltip').css({'visibility':'hidden', 'display':'block'});
	ewdt = $('#tooltip').width();
	ehgt = $('#tooltip').height();
	$('#tooltip').css({'visibility':'visible', 'display':'none'});
	
	ost = $(this).offset();
	etop = ost.top;
	eleft = ost.left;
	
	eleft = parseInt(eleft) - ewdt;
	etop = parseInt(etop) - ehgt - 20;
	
	$('#tooltip').css({'top':etop,'left':eleft});
	$('#tooltip').fadeIn(250);
	$(this).addClass('tip-shown');
}

function hideTooltip()
{
	if ($(this).hasClass('tip-shown')) {
		$(this).removeClass('tip-shown')
		$('#tooltip').fadeOut('fast');
	}
}