// functionality throughout the site

// for showing the product tabs
function ShowTab(TabName) {
	HideTabs();
	document.getElementById(TabName).style.display = 'inline';
	if(TabName == 'tab-features') {
		ShowFeatureLargeImages();
	}
}

function ShowFeatureLargeImages() {
	//show the large images to the left of the features drop down
	document.getElementById('feature-large-images').style.display = 'inline';
}

function HideTabs() {
	document.getElementById('tab-description').style.display = 'none';
	document.getElementById('tab-features').style.display = 'none';
	document.getElementById('tab-video').style.display = 'none';
	document.getElementById('tab-colors').style.display = 'none';	
	document.getElementById('tab-bar').style.display = 'none';
	document.getElementById('feature-large-images').style.display = 'none';	
	
}

// for showing the product tabs
function ShowImageTab(TabName) {
	HideImageTabs();
	document.getElementById(TabName).style.display = 'inline';	
}

function HideImageTabs() {
	document.getElementById('tab-image1').style.display = 'none';
	document.getElementById('tab-image2').style.display = 'none';
	document.getElementById('tab-image3').style.display = 'none';
	document.getElementById('tab-image4').style.display = 'none';
}

/* this is for the kites/bar mouseover of the dots */
	//var IE = document.all?true:false;
	//if (!IE) document.addEventListener("mouseover", DotImage, false);
	//document.getElementById('leftside').addEventListener("mouseover", DotImage, false);
	
function PageLoad() { 
     var el = document.getElementById("leftside"); 
     el.addEventListener("click", DotImage, false); 
   }

function DotImage(e) {
	var tempX = 0;
	var tempY = 0;
	

	  if (IE) { // grab the x-y pos.s if browser is IE
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.body.scrollTop;
	  } else {  // grab the x-y pos.s if browser is NS
		// tempX = e.pageX;
		// tempY = e.pageY;
		var offset = $('#leftside').offset();
  		var tempX = mouseX - offset.left;
  		var tempY = mouseY - offset.top;
		
	  }  
	  // catch possible negative values in NS4
	  if (tempX < 0){tempX = 0}
	  if (tempY < 0){tempY = 0}  
	  alert("X " + tempX + " Y " + tempY);
	  //document.DotImageReplace.src	 = "images/features/" + ImageToShow;
	  return true;
}