// JavaScript Document
<!--script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" /-->
<!--script src="scripts/jquery.bt.js" /-->

$(document).ready(function(){
	ElementData();
	$("#Al").bind('mouseover', function(event) {									
		$("#Al").css("background-position", "0px -350px");
		$("#Al").css("width", "150px");
		$("#Al").css("height", "150px");
	});
	$("#Al").bind('mouseout', function(event) {									
		$("#Al").css("background-position", "-600px 0");
		$("#Al").css("width", "50px");
		$("#Al").css("height", "50px");			
	});		
});

function ElementData()
{

	
$("div#periodicTable li").bt({
  ajaxPath: 'elements/Ag.htm',
  centerPointY: .1,
  positions: ['right', 'left'], 
  padding: 0, 
  width: 256, 
  spikeGirth: 60, 
  spikeLength: 50, 
  cornerRadius: 10, 
  fill: '#FFF', 
  strokeStyle: '#B9090B', 
  shadow: true, 
  shadowBlur: 12,
  shadowOffsetX: 0,
  shadowOffsetY: 5, 
  hoverIntentOpts: {interval: 800, timeout: 0}, 
  cssStyles: {
    fontSize: '12px',
    fontFamily: 'Arial,Helvetica,sans-serif'
  }
});

/*
$('#H').bt({
  ajaxPath: 'elements/Ag.htm',
  centerPointY: .1,
  positions: ['right', 'left'], 
  padding: 0, 
  width: 256, 
  spikeGirth: 60, 
  spikeLength: 50, 
  cornerRadius: 10, 
  fill: '#FFF', 
  strokeStyle: '#B9090B', 
  shadow: true, 
  shadowBlur: 12,
  shadowOffsetX: 0,
  shadowOffsetY: 5, 
  hoverIntentOpts: {interval: 800, timeout: 0}, 
  cssStyles: {
    fontSize: '12px',
    fontFamily: 'arial,helvetica,sans-serif'
  }
});

$('#He').bt({
  ajaxPath: 'elements/Ag.htm',
  centerPointY: .1,
  positions: ['right', 'left'], 
  padding: 0, 
  width: 256, 
  spikeGirth: 60, 
  spikeLength: 50, 
  cornerRadius: 10, 
  fill: '#FFF', 
  strokeStyle: '#B9090B', 
  shadow: true, 
  shadowBlur: 12,
  shadowOffsetX: 0,
  shadowOffsetY: 5, 
  hoverIntentOpts: {interval: 800, timeout: 0}, 
  cssStyles: {
    fontSize: '12px',
    fontFamily: 'arial,helvetica,sans-serif'
  }
});

$('#Li').bt({
  ajaxPath: 'elements/Ag.htm',
  centerPointY: .1,
  positions: ['right', 'left'], 
  padding: 0, 
  width: 256, 
  spikeGirth: 60, 
  spikeLength: 50, 
  cornerRadius: 10, 
  fill: '#FFF', 
  strokeStyle: '#B9090B', 
  shadow: true, 
  shadowBlur: 12,
  shadowOffsetX: 0,
  shadowOffsetY: 5, 
  hoverIntentOpts: {interval: 800, timeout: 0}, 
  cssStyles: {
    fontSize: '12px',
    fontFamily: 'arial,helvetica,sans-serif'
  }
});

$('#He').bt({
  ajaxPath: 'elements/Ag.htm',
  centerPointY: .1,
  positions: ['right', 'left'], 
  padding: 0, 
  width: 256, 
  spikeGirth: 60, 
  spikeLength: 50, 
  cornerRadius: 10, 
  fill: '#FFF', 
  strokeStyle: '#B9090B', 
  shadow: true, 
  shadowBlur: 12,
  shadowOffsetX: 0,
  shadowOffsetY: 5, 
  hoverIntentOpts: {interval: 800, timeout: 0}, 
  cssStyles: {
    fontSize: '12px',
    fontFamily: 'arial,helvetica,sans-serif'
  }
});
*/

}