// **************************************************************************************************************************************
// Generic shorthand
// **************************************************************************************************************************************
function gEBI(obj) { return document.getElementById(obj); }
function gEBN(obj) { return document.getElementsByName(obj).item(0); }

// **************************************************************************************************************************************
// Show the loading overlay
// **************************************************************************************************************************************
function showLoading() { gEBI('dark_overlay').style.display = 'block'; gEBI('loading').style.display = 'block'; gEBI('loading').innerHTML = '<img src="images/loading.gif">' }

// **************************************************************************************************************************************
// Show the product info overlay
// **************************************************************************************************************************************
function productInfoShow(prefix) {
	
	// Hide the bag
	bagHide();

	// Change the content
	document.getElementById('product_details_frame').src = 'product.details.php?prefix='+prefix;

	// Show the overlay
	document.getElementById('dark_overlay').style.display = 'block';
	document.getElementById('product_details').style.display = 'block';
}
// **************************************************************************************************************************************
// Hide the product info overlay
// **************************************************************************************************************************************
function productInfoHide() {
	
	// Clear the content
	document.getElementById('product_details_frame').src = 'product.details.php';

	// Hide the overlay
	document.getElementById('dark_overlay').style.display = 'none';
	document.getElementById('product_details').style.display = 'none';
	
	// Reload our page
	window.location = window.location;
}
// **************************************************************************************************************************************
// Show the bag overlay
// **************************************************************************************************************************************
function bagShow() {

	// Show the overlay
	document.getElementById('shopping_bag').style.display = 'block';

	// Change our toggle onclick function
	document.getElementById('bag-toggle').onclick = function () { bagHide(); };

	// Change the BG images for the left and right of the dropdown menu header section
	document.getElementById('cart-dropdown-left').style.background = 'url(images/cart-button-02.png) repeat-x';
	document.getElementById('cart-dropdown-right').style.background = 'url(images/cart-button-02.png) repeat-x';
}
// **************************************************************************************************************************************
// Hide the bag overlay
// **************************************************************************************************************************************
function bagHide() {

	// Hide the overlay
	document.getElementById('shopping_bag').style.display = 'none';

	// Change our toggle onclick function
	document.getElementById('bag-toggle').onclick = function () { bagShow(); };
	
	// Change the BG images for the left and right of the dropdown menu header section
	document.getElementById('cart-dropdown-left').style.background = 'url(images/cart-button-01.png) no-repeat';
	document.getElementById('cart-dropdown-right').style.background = 'url(images/cart-button-03.png) no-repeat';
	document.getElementById('cart-dropdown-right').style.backgroundPosition = 'right';
}
// **************************************************************************************************************************************
// Show the cart overlay
// **************************************************************************************************************************************
function cartShow(step) {
	
	if (!step) {
		step = 1;
	}
	
	// Hide the bag
	bagHide();

	// Clear the content
	document.getElementById('cart_frame').src = 'cart.php?step='+step;

	// Show the overlay
	document.getElementById('dark_overlay').style.display = 'block';
	document.getElementById('cart').style.display = 'block';
}
// **************************************************************************************************************************************
// Hide the cart overlay
// **************************************************************************************************************************************
function cartHide() {

	// Clear the content
	document.getElementById('cart_frame').src = 'cart.php?loading=true';

	// Hide the overlay
	document.getElementById('dark_overlay').style.display = 'none';
	document.getElementById('cart').style.display = 'none';
	
	// Reload our page
	window.location = window.location;
}