window.onload = function () { 	
	if(document.getElementById('scrollbar')) {
		var slider = new SliderClassY(); 
	}                   
}

function scrollAir (direction) {
	ulObj = document.getElementById('air-tv-slider');
	alert(ulObj.scrollLeft + '/' + ulObj.scrollWidth + '/' + ulObj.offsetWidth);
	/*
	if (direction == 'l') {
		if (ulObj.scrollLeft > 0) {
			ulObj.scrollLeft = (ulObj.scrollLeft + 130) + 'px';
		}
	}
	if (direction == 'r') {
		if (ulObj.scrollLeft <= 0) {
			ulObj.scrollLeft = (ulObj.scrollLeft - 130) + 'px';
		}
	}
	*/
}

function createTooltip (e, mode, msg) {
	var tooltipObj = document.getElementById('tooltip');
	var tooltipContentObj = document.getElementById('tt-content');
	var myMouseX = null;
	var myMouseY = null;
	var myCoord=new Array();
	
	var getEventObject = function(e) {
		if(!e) {
			var e=window.event;
			e.target = e.srcElement;
		}
		return e;
	}
	
	var getMouseXY = function(e) {
		e = getEventObject(e);
		if (!e) var e = window.event; 
		if (e.pageX || e.pageY) { 
			myMouseX = e.pageX; 
			myMouseY = e.pageY; 
		} else if (e.clientX || e.clientY) { 
			myMouseX = e.clientX; 
			myMouseY = e.clientY; 
		} 
		return true;
	}
	//getMouseXY(e);
	
	function toolTipAction (mode) {
		if (mode == 1) {
			getMouseXY(e);
			tooltipObj.style.left = myMouseX + 10 + 'px';
			tooltipObj.style.top = myMouseY + 8 + 'px';
			tooltipObj.style.visibility = 'visible';
			tooltipContentObj.innerHTML = msg;
		} else {
			tooltipObj.style.visibility = 'hidden';
			tooltipObj.style.left = '0px';
			tooltipObj.style.top = '0px';
			tooltipContentObj.innerHTML = '';
		}
	}
	function toolTipFollow () {
		getMouseXY(e);
		tooltipObj.style.left = myMouseX + 10 + 'px';
		tooltipObj.style.top = myMouseY + 8 + 'px';
	}
	toolTipAction(mode);
	//obj.onmousedown = toolTipFollow;
}
 
/*  Slider */
function SliderClassY() {
	var gallery = null;
	var scroller = null;
	var scrollbar = null;
	var my = null;
	var cy = 0;
	var cyD = null;
	var cyS = null;
	var cyI = null;
	var w = null;
	var h = null;
	var sw = null;
	var gid = function(id) {
		return document.getElementById(id);
	}
	var init = function() {
		gallery = gid('gallery');
		scrollbar = gid('scrollbar');
		scroller = gid('scroller');
		w = scrollbar.offsetHeight - scroller.offsetHeight;
		h = scrollbar.offsetHeight - scroller.offsetHeight;
		gallery_scroll();
		scrollbar.onmousedown = scrollbar_md;
		scrollbar.onselectstart = function() {return false}
        scroller.onselectstart = function() {return false}
	}
	var getEventObject = function(e) {
		if(!e) {
			var e=window.event;
			e.target = e.srcElement;
		}
		return e;
	}
	var scrollbar_md = function(e) {
		e = getEventObject(e);
		my = e.clientY;
		if(e.target==scroller) {
			scrollbar.focus();
		} else {
			cyD = Math.max(0, Math.min(h, (e.offsetY || e.layerY)-Math.round(scroller.offsetHeight/2)));
			cyS = (cyD-cy)/5;
			clearInterval(cyI);
			cyI = setInterval(gallery_scroll_smooth, 10);
		}
		document.onmousemove = scrollbar_mm;
		document.onmouseup = scrollbar_mu;
		return false;
	}
	var scrollbar_mu = function(e) {
		document.onmousemove = null;
		document.onmouseup = null;
	}
	var scrollbar_mm = function(e) {
		e = getEventObject(e);
		cy = Math.max(0, Math.min(h, cy+e.clientY-my));
		gallery_scroll();
		my = e.clientY;
	}

	var gallery_scroll = function () {
		scroller.style.top = cy+'px';
		gallery.scrollTop = Math.round((gallery.scrollHeight-gallery.offsetHeight)*cy/h);
	}
	var gallery_scroll_smooth = function() {
		cy = cyS>0 ? Math.min(cyD, cy+cyS) : Math.max(cyD, cy+cyS);
		gallery_scroll();
		if(cy==cyD) {
			clearInterval(cyI);
		}
	}
	init();
}

function switchVisible (divId) {
	obj = document.getElementById(divId);
	if (obj.className == 'block-invisible') {
		obj.className = 'block-visible';
	} else {
		if (obj.className == 'block-visible') {
			obj.className = 'block-invisible';
		}
	}
}