// ---------------------------------------------------------------------
// JavaScript Document McCrayWebSiteJS.js
// ---------------------------------------------------------------------
// DHTML automatic Menu writing Java script Data from Teague Fixed drop down menu in Advanced DHTML & CSS book
var writeMenus = ''
writeMenus += ''
writeMenus += ''
writeMenus += ''
writeMenus += ''
writeMenus += ''
document.writeln(writeMenus);
// ---------------------------------------------------------------------
// In Use Java Script code for absolute position Drop Down Menu from Teague Advanced DHTML, CSS and AJax Book
// ---------------------------------------------------------------------
var objNavMenu = null;
var prevObjNavMenu = null;
var prevObjDropMenu = null;
var numDropMenu = 5;
////// link styles
var bgLinkColor = 'blue';
var bgLinkHover = '#f00'
var bgLinkActive = '#900'
var linkColor = '#fff'
var linkHover = '#fff'
var linkActive = '#fff'
var isIE = null;
if (navigator.appName.indexOf('Microsoft Internet Explorer') != -1) isIE=1;
function initDropMenu () {
document.onclick = hideDropMenu;
for (i=1; i<=numDropMenu; i++) {
menuName = 'dropMenu' + i;
navName = 'navMenu' + i;
objDropMenu = document.getElementById(menuName);
objNavMenu = document.getElementById(navName);
objDropMenu.style.visibility = 'hidden';
objNavMenu.onmouseover = showDropMenu;
objNavMenu.onmouseout = menuOut;
objNavMenu.onclick = showDropMenu;
}
objNavMenu = null;
return;
}
function menuOut (e) {
document.onclick = hideDropMenu;
outObjNavMenu = document.getElementById(this.id);
if (outObjNavMenu != objNavMenu) {
outObjNavMenu.style.color = linkColor;
outObjNavMenu.style.backgroundColor = bgLinkColor;
}
}
function showDropMenu(e) {
menuName = 'drop' + this.id.substring(3,this.id.length);
objDropMenu = document.getElementById(menuName);
if (prevObjDropMenu == objDropMenu) {
hideDropMenu();
return;
}
if (prevObjDropMenu != null) hideDropMenu();
objNavMenu = document.getElementById(this.id);
if ((prevObjNavMenu != objNavMenu ) || (prevObjDropMenu == null)) {
objNavMenu.style.color = linkActive;
objNavMenu.style.backgroundColor = bgLinkActive;
}
if (objDropMenu) {
xPos = objNavMenu.offsetParent.offsetLeft + objNavMenu.offsetLeft;
yPos = objNavMenu.offsetParent.offsetTop + objNavMenu.offsetParent.offsetHeight;
// if (isIE) {
// yPos -= 1;
// xPos -= 6;
// }
objDropMenu.style.left = xPos + 'px';
objDropMenu.style.top = yPos + 'px';
objDropMenu.style.visibility = 'visible';
prevObjDropMenu = objDropMenu;
prevObjNavMenu = objNavMenu;
}
setTimeout("hideDropMenu();", 8000);
}
function hideDropMenu() {
document.onclick = null;
if (prevObjDropMenu) {
prevObjDropMenu.style.visibility = 'hidden';
prevObjDropMenu = null;
prevObjNavMenu.style.color = linkColor;
prevObjNavMenu.style.backgroundColor = bgLinkColor;
}
objNavMenu = null;
}
function findScrollTop(){
if (window.pageYOffset != null) return window.pageYOffset;
if(document.body.scrollWidth != null) return document.body.scrollTop;
return null;
}
function moveMenuBar(){
var object=document.getElementById('menuBar');
var y = findScrollTop();
if(y < 0) y = 0;
object.style.display = 'none';
object.style.top = y + 'px';
object.style.display = 'block';
}
// ---------------------------------------------------------------------
// current HTML code for Simple one item PayPal add to cart passed item name/ID and price
// ---------------------------------------------------------------------
//
// Preconfigured Variables Hold Business and Shop Cart information and
// Paypal registered Business EMail address split up to elude spambots.
var business = 'bamccray' + '@' + 'sonic.net';
// PayPal US Currency Code
var currencyCode = 'USD';
// Auto set to load quantity 1 (also default)
var qty = '1';
// Paypal shopping cart URL.
var paypal_url = 'https://www.paypal.com/cart/';
// Pop-up window properties.
var cartWin = null;
var winName = 'cartwindow';
var winProps = 'width=770,height=500,scrollbars,location,resizable,status';
//************************************************************************
function addToCart (name, price)
{
// Set up the URL for adding an item and load name and price from HTML
var cartUrl = paypal_url
+ 'add=1'
+ '&business=' + escape(business)
+ '¤cy_code=' + escape(currencyCode)
+ '&amount=' + escape(price)
+ '&quantity=' + escape(qty)
+ '&item_name=' + escape(name);
// Add the item
OpenCartWindow(cartUrl);
}
//************************************************************************
//************************************************************************
// Open and load a new PayPal Cart Window if none exists - or -
// If Cart Window is already Open load the data and bring it in to focus
function OpenCartWindow (loadUrl)
{
if (!cartWin || cartWin.closed) {
// Not open, open a new window and add item
cartWin = window.open(loadUrl,winName,winProps);
} else {
// Window already open add item and bring to focus
cartWin.location = loadUrl;
cartWin.focus();
}
}
//************************************************************************
//************************************************************************
//************************************************************************
//************************************************************************
// Display the PayPal Shopping Cart Window
function ViewCart()
{
// Set up URL to view cart
var viewUrl = paypal_url + 'display=1'
+ '&business=' + escape(business);
// Display cart
OpenCartWindow(viewUrl);
}
//************************************************************************
//************************************************************************
/**
* Kill the cart window when the page changes.
function killCart()
{
if(cartWin) cartWin.close();
cartWin = null;
}
window.onunload = function() {
killCart();
};
*/
//************************************************************************
// Play Area
//************************************************************************
var animateSpeed = 50;
var object = null;
var cX = null;
var cY = null;
var fX = null;
var fY = null;
var next = null;
var radius = null;
function initAnimateCircle(objectID,theRadius) {
object = document.getElementById(objectID);
radius = theRadius;
cX = fX = object.offsetLeft;
cY = fY = object.offsetTop;
next=1;
animateObjectCircle();
}
function animateObjectCircle() {
if (next < 144) {
var nX = cX + (Math.cos(next * (Math.PI/36)) * radius);
var nY = cY + (Math.sin(next * (Math.PI/36)) * radius);
object.style.left = Math.round(nX) + 'px';
object.style.top = Math.round(nY) + 'px';
cX = nX;
cY = nY;
next++;
setTimeout ('animateObjectCircle()',animateSpeed);
}
else {
object.style.left = fX + 'px';
object.style.top = fY + 'px';
}
return;
}