ChatWindow = Class.create();

ChatWindow.prototype = {
	initialize:function() {
		
	},
	show:function(pars) {
		//url='http://cghelp.custhelp.com/cgi-bin/cghelp.cfg/php/enduser/live_param.php?p_mode=chat&p_firstname=Brad&p_lastname=Yuan&p_email=byuan@g2.com&interface_id=1&p_sid=1'
		url = ''	
		window.open(url, 'chatWindow', 'width=200,height=200,location=no')
	}
}

var ChatWindow = new ChatWindow();

FloatingBox = Class.create();

FloatingBox.prototype = {
	initialize:function() {
	},
	
	generateBox:function(displayFunc, width, height) {
		window.pageYOffset ? scroll_top=window.pageYOffset : scroll_top=document.documentElement.scrollTop;
		
		if (parseInt(navigator.appVersion)>3) {
			if(BrowserDetect.browser=='Explorer') {
				winW = document.documentElement.clientWidth-20;
				winH = document.documentElement.clientHeight-20;
			} else {
				winW = window.innerWidth-16;
				winH = window.innerHeight-16;
			}
		}
		
		displayCode = '<div id="floatingBoxContainer" style="height:100%;width:100%;">'
		+'<iframe height="100%" width="100%" frameborder="0" scrolling="no"></iframe>'
		+'<div style="height:'+document.body.clientHeight+'px;width:100%;background-color:#000000;filter:alpha(opacity=15);-moz-opacity:.15;opacity:.15;position:absolute"></div>'
		+'<div id="floatingBox" style="width:'+width+'px;height:'+height+'px;display:none;">'
		+'<div align="right" onclick="killFloatBox()" style="cursor:pointer;">[X]</div>'
		+'<div id="floatBoxContent"></div>'
		+'</div>'
		+'</div>'
		try {
			if (!$('floatingBoxContainer')) new Insertion.Top('mainBody', displayCode);
			$('floatingBox').style.left=Math.ceil((winW-$('floatingBox').style.width.replace('px',''))/2)+'px';
			$('floatingBox').style.top=Math.ceil((winH-$('floatingBox').style.height.replace('px',''))/2)+scroll_top+'px';
			
			$('floatingBoxContainer').style.display='block';
			
			if($('floatingBox').style.display=='none') {
				Effect.Appear('floatingBox', {duration:.5});
				$('floatBoxContent').innerHTML = eval(displayFunc+'()');
			}
		} catch (err) {
			alert('Error: Please assign the body tag with the ID of \'mainBody\'');
		}
	}
}

var FloatingBox = new FloatingBox();
var floatBoxPointer;

function startFloatListener() {
	FloatingBox.generateBox();
}

function newFloatBox(displayFunc, width, height) {
	FloatingBox.generateBox(displayFunc, width, height);
	floatBoxPointer = startFloatListener.bindAsEventListener();
	Event.observe(window, 'scroll', floatBoxPointer);
}

function killFloatBox() {
	Event.stopObserving(window, 'scroll', floatBoxPointer);
	
	Effect.Fade('floatingBox', {duration:.5});
	//setTimeout(function() {$('floatingBox').style.display='none';$('floatingBoxContainer').style.display='none';}, 500);
	setTimeout(function() {$('floatingBoxContainer').style.display='none';}, 500);
}

var tempX = 0;
var tempY = 0;
function getMouseXY(obj) {	
  	if ( obj.offsetParent ) { 
		tempX = obj.offsetLeft;
		tempY = obj.offsetTop;
		while( obj = obj.offsetParent){				
			tempX += obj.offsetLeft;
			tempY += obj.offsetTop;
		}
  	}  
}

function displayMobile(obj) {
	
	var message = getSkuInfo();
	if (message != '') {
		getMouseXY(obj);
		tempY -= 233;
		$('sendToMobileContainer').style.top=tempY + 'px';	
		$('sendToMobileContainer').style.display='block';
		hideCGOverlayContainer();
	}
	else {		
		displayCGOverlayContainer(obj);
		AjaxMobile.onEmptyHandler();			
	}
}

var playspeed = 5000;  //change this to the speed you want
var slideTimer;
function displayCGOverlayContainer(obj) {
	if (!obj) {
		tempX = mouseX - 70;
		tempY = mouseY - 108;		
	}
	else {
		getMouseXY(obj);
		tempY -= 100;
	}
	
	$('cgOverlayBody').innerHTML = '';	
	$('cgOverlayContentContainer').style.top=tempY + 'px';	
	$('cgOverlayContentContainer').style.left=tempX + 'px';
			
	if ($('cgOverlayContentContainer').style.display == 'none') {
		$('cgOverlayContentContainer').style.display='block';
	}
	clearTimeout(slideTimer);
		
}

function setHideTimer() {
	slideTimer = setTimeout("hideCGOverlayContainer()", playspeed); //settime out
}

function hideCGOverlayContainer() {	
	$('cgOverlayContentContainer').style.display='none';
	$('cgOverlayBody').innerHTML = '';
	clearTimeout(slideTimer); //clear the time out		
}


if (!document.all) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = getMousePosition;
		
var mouseX = 0;
var mouseY = 0;

function getMousePosition(e) {
  e = e || window.event;
  if (document.all) { // grab the x-y pos.s if browser is IE
     var de = document.documentElement;
     var b = document.body;
     mouseX = e.clientX + (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
     mouseY = e.clientY + (de.scrollTop || b.scrollTop) - (de.clientTop || 0);
  } else {  // grab the x-y pos.s if browser is NS
    mouseX = e.pageX;
    mouseY = e.pageY;
  }  
  // catch possible negative values in NS4
  if (mouseX < 0){mouseX = 0;}
  if (mouseY < 0){mouseY = 0;}  

}

var ajaxTimer;
function ajaxSetTimeOut(func) {	
	ajaxTimer = setTimeout("eval(" + func + ")",120000); //for 2 mins
}

function sl_close() {
	$('sl_container').style.display='none';
	$('slContent').innerHTML = '';
	/* Added to prevent dropdown's from appearing above popup div */
	$('tbCategoryId').style.display='block';
	$('tbProductTypeId').style.display='block';
	$('tbSkillLevelId').style.display='block';
}

function sl_open(slID) {
	$('sl_container').style.height = findWinHeight() + 'px';
	if (slID != '') {
		$('slContent').innerHTML = $('slink'+slID).innerHTML;
	}
	$('sl_container').style.display='block';
	/* Added to prevent dropdown's from appearing above popup div */
	$('tbCategoryId').style.display='none';
	$('tbProductTypeId').style.display='none';
	$('tbSkillLevelId').style.display='none';
	
	
}

function findWinHeight() {
    var h; //height
	
	if (typeof( window.innerHeight ) == 'number') { //except ie
		h = window.innerHeight + window.scrollMaxY;
	}
    else if (document.documentElement && document.documentElement.clientHeight) { //
        h = document.documentElement.scrollHeight; 
    }
	else if (document.body) {
		h = document.body.clientHeight + document.body.scrollHeight;
	}
    
	return (h-140);
	
}

function sl_close_look(slID) {
	$('sl_container_look').style.display='none';
	$('slink'+slID).innerHTML = $('slContent_look').innerHTML;
	$('slContent_look').innerHTML = '';
}

function sl_open_look(slID) {
	
	$('sl_container_look').style.height = findWinHeight() + 'px';
	if (slID != '') {
		$('slContent_look').innerHTML = $('slink'+slID).innerHTML;
		$('slink'+slID).innerHTML = '';
	}
	$('sl_container_look').style.display='block';
}