// JavaScript Document
function isIE6() {
	if (document.all && navigator) {
		if (navigator.appVersion) {
			if (navigator.appVersion.indexOf('MSIE 6.0') != -1) {
				return true;
			}
		}
		else if (navigator.userAgent) {
			if (navigator.userAgent.indexOf('MSIE 6.0') != -1) {
				return true;
			}
		}
	}
	return false;
}

var vtooltip = function(){
	var id = 'vtt';
	var vtt;
	var vttcontent;
	var vttbottom;
	var vtttext;
	var vtttop;
	var vttframe;
	return{
			show:function(e, text){
				var placement;
				if(vtt == null)
				{
					vtttext = document.getElementById('vttcontent');
					vtt = document.getElementById('vtt');
				}
				placement = vPlacement(e);
				vtt.style.display = 'block';
				vtttext.innerHTML = text;
				vtt.style.left = (placement.left - 15) + 'px';
				vtt.style.top = (placement.top - vtt.offsetHeight - 1) + 'px';
				if (isIE6())
				{
					vttframe = document.getElementById('vtt_iframe');
					vttframe.style.display = 'block';
					vttframe.style.width = (vtt.offsetWidth - 13) + 'px';
					vttframe.style.height = (vtt.offsetHeight - 16.5) + 'px';
					vttframe.style.top = parseFloat(vtt.style.top) + 9.5 + 'px';
					vttframe.style.left = parseFloat(vtt.style.left) + 13 + 'px';
				}
			},
			hide:function(){
				if(vtt != null){
					vtt.style.display = 'none';
					if (vttframe != null) vttframe.style.display = 'none';
				}
			}
	};
}();

function vPlacement(element) {
	var isSafari = false;
	var foundPositionedElement = false;
	
	if (navigator.vendor) {
		if (navigator.vendor.toLowerCase().indexOf('apple') != -1) {
			isSafari = true;
			var getComputedStyle = document.defaultView.getComputedStyle;
		}
	}
	
	var left = element.offsetLeft;
	var top = element.offsetTop;
	var parent = element.offsetParent;
	while (parent) {
		left += parent.offsetLeft;
		top += parent.offsetTop;
		
		var position = computedStyle(parent, 'position', 'position');
		if (parent.nodeName.toLowerCase() != 'body') {
			left -= parent.scrollLeft;
			top -= parent.scrollTop;
		}
		if (position == 'absolute' || position == 'relative') {
			foundPositionedElement = true;
		}

		if (document.all) {
			if (parent.nodeName.toUpperCase() == 'TABLE') {
				left += (parseFloat(parent.border) || 0) ? 1 : 0;
				top += (parseFloat(parent.border) ||  0) ? 1 : 0;
			}
		}
		else if (isSafari) {
			if (parent.nodeName.toUpperCase() == 'TD' || parent.nodeName.toUpperCase() == 'TABLE') {
				left += parseFloat(getComputedStyle(parent, null).getPropertyValue('border-left-width')) || 0;
				top += parseFloat(getComputedStyle(parent, null).getPropertyValue('border-top-width')) || 0;
			}
		}
		parent = parent.offsetParent;
	}
	delete(parent);
	if (foundPositionedElement) {
		left += document.documentElement.scrollLeft || document.body.scrollLeft;
		top += document.documentElement.scrollTop || document.body.scrollTop;
	}
	return {'left':left, 'top':top, 'width':element.offsetWidth, 'height':element.offsetHeight}
}

function computedStyle(element, ieStyle, ffStyle) {
		if (element.currentStyle) {
			return element.currentStyle[ieStyle];
		}
		else if (document.defaultView && document.defaultView.getComputedStyle) {
			return document.defaultView.getComputedStyle(element, null).getPropertyValue(ffStyle);
		}
		else {
			return element.style[ieStyle];
		}
}