// JavaScript Document
var tabY = 140;
var tabX = alertSize();
var tabWidth = 203;

var timerId = 0;

/*Check the visible browser size*/
function alertSize() {
	  var myWidth = 0, myHeight = 0;
	  if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	  }
	  return myWidth;
}

/*Check the scroll offset if position is set to absolute*/
function scrollOffset() {
	var x,y;
	if (self.pageYOffset) // all except Explorer
	{
		x = self.pageXOffset;
		y = self.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop)
		// Explorer 6 Strict
	{
		x = document.documentElement.scrollLeft;
		y = document.documentElement.scrollTop;
	}
	else if (document.body) // all other Explorers
	{
		x = document.body.scrollLeft;
		y = document.body.scrollTop;
	}
	return y;
}

/*function to trigger the tab*/
function showTab()
{

	if(ie6 == true){
		fadeTabIn();
	}else{
		slideTabIn();
	}
	
}

/*IE6, makes the tab display*/
function fadeTabIn(){
	
	clearTimeout(timerId);
	
	document.getElementById('basketTab').style.top = String(tabY+scrollOffset())+'px';
	document.getElementById('basketTab').style.left = String(alertSize()-tabWidth)+'px';
	
	document.getElementById('basketTab').style.display = 'block';
	
	timerId = setTimeout ( "fadeTabOut()", 3000 );
	
}

/*IE6, make tab disappear after timeout*/
function fadeTabOut(){
	
	document.getElementById('basketTab').style.display = 'none';
	
}

/*If not ie6, slide tab into view*/
function slideTabIn(){
	
	var topPos = tabY;
	
	clearTimeout(timerId);
	
	document.getElementById('basketTab').style.top = String(topPos)+'px';
	document.getElementById('basketTab').style.left = String(alertSize())+'px';
	
	document.getElementById('basketTab').style.display = 'block';
	
	var ef = new Effect.Move(document.getElementById('basketTab'), { x: alertSize()-tabWidth, y: topPos, mode: 'absolute', duration: .6, afterFinish: function(){ timerId = setTimeout ( "slideTabOut("+topPos+")", 3000 ); } });

}

/*After timeout, slide tab back out*/
function slideTabOut(num){
	
	var ef = new Effect.Move(document.getElementById('basketTab'), { x: alertSize(), y: num, mode: 'absolute', duration: .6, afterFinish: function(){ document.getElementById('basketTab').style.display = 'none' } });

}