function getElementTop(elem)
{
	var top = 0;
			
	while(elem)
	{
		top+=elem.offsetTop;
		elem=elem.offsetParent;
	}
			
	return top;
}

function getElementLeft(elem)
{
	var left = 0;
			
	while(elem)
	{
		left+=elem.offsetLeft;
		elem=elem.offsetParent;
	}
			
	return left;
}

var show_text_flag = 0;

function show_over_text(elem, text)
{
	document.getElementById('over_text_content').innerHTML = text;
	var top = (getElementTop(elem)-0)-90;
	var left = (getElementLeft(elem)-0)+20;
	document.getElementById('over_text').style.top = top + "px";
	document.getElementById('over_text').style.left = left + "px";
	$("#over_text").animate({ opacity: "0.0" }, 100);
	show_text_flag = 1;
	setTimeout("animate_over_txt()",200);
}

function animate_over_txt()
{
	if(document.getElementById('over_text').style.display=='') return;
	if(show_text_flag == 0) return;
	document.getElementById('over_text').style.display='';
	$("#over_text").animate({ opacity: "0.8" }, 500);
}

function hide_over_text()
{
	show_text_flag = 0;
	document.getElementById('over_text').style.display='none';
}

var login_state = 0;

function slide_login()
{
	if(login_state==0)
	{
		var ua = navigator.userAgent;
		var h = 185;
		if(ua.indexOf("Safari")>=0) h=215;
	
		$("#vipLogin").animate({"height": h+"px" }, 600);
		setTimeout('show_slide_form()',600);
		document.getElementById("login_arrow").className='vipLoginIconUp';
		login_state=1;
	}
	else
	{
		document.getElementById("vipLogin_content").style.display='none';
		document.getElementById("login_arrow").className='vipLoginIcon';
		$("#vipLogin").animate({"height": "30px" }, 400);
		login_state=0;
	}
}

function show_slide_form()
{
	document.getElementById("vipLogin_content").style.display='';
}