/**
 * anthony - 25.09.04
 */


// navigation

var themedir = window['theme'] ? theme : '';

function menuMouseOver(menuName)
{
  var img = document.getElementById ? document.getElementById(menuName) : document.images[menuName];
  img.src = themedir + 'gfx/' + menuName + '_over.png';
}
function menuMouseOut(menuName)
{
  var img = document.getElementById ? document.getElementById(menuName) : document.images[menuName];
  img.src = themedir + 'gfx/' + menuName + '.png';
}

function showPage(pageId)
{
  window.location.href = '/?page=' + pageId;
}

function login()
{
  var span = document.getElementById('loginspan');

  span.innerHTML = "<input type='text' value='username' size='8' id='loginusername' class='logininpt' /> " +
                   "<input type='password' value='***' size='8' id='loginpasswd'  class='logininpt' /> " +
                   "<a href='javascript:dologin()' class='link1'>ok</a>" +
                   "<br /><a href='javascript:void register()' class='link1'>register</a>";
  
  //window.open('login.php','authenticate','width=400,height=200');

  return void(0);
}

function setCurrency(currencyId)
{
  var url = window.location.href.replace(/\&currency=\d+/,'');
  window.location.href = url + '&currency=' + currencyId;
  return void(0);
}

function changeCurrency()
{
  var span = document.getElementById('currencyspan');

  span.innerHTML = "<select name='cursel' onchange='setCurrency(this.value)'>" +
                   "<option>select currency</option>" + 
                   "<option>--------------------------</option>" + 

"<option value='1'>US Dollar</option>" +
"<option value='2'>Canadian Dollar</option>" +                   "</select> " +
                   "<input type='button' onclick='keepCurrency()' class='inptsbmt' value='cancel' />";
  
  //window.open('login.php','authenticate','width=400,height=200');

  return void(0);
}


function keepCurrency()
{
  var span = document.getElementById('currencyspan');

  span.innerHTML = "prices in <b>US Dollar</b>&nbsp;&nbsp;&nbsp;&nbsp;" +
                   "<a href='javascript:void changeCurrency()' class='link1'>change currency</a>";
  return void(0);
}

function logout()
{
  window.location.href = '/?logout=1';
  return void(0);
}

function editprofile()
{
  window.location.href = '/?editprofile=1';
  return void(0);
}

function dologin()
{
  var usernamefield = document.getElementById('loginusername');
  var passwdfield   = document.getElementById('loginpasswd');

  if (usernamefield && passwdfield) {

    document.forms.topform.elements.username.value = usernamefield.value;
    document.forms.topform.elements.passwd.value   = passwdfield.value;
    document.forms.topform.submit();
  }
}

function register(checkout)
{
  var url = '/?newuser=1';
  if (checkout) url += '&checkout=1'
  window.location.href = url;

  return void(0);
}

function about()
{
  return showPage(13);
}

function add2cart(prodRef)
{
  cart = window.open('','cart','scrollbars,resizable,width=700,height=400');

  document.forms['prod' + prodRef].submit();

  return void(0);
}

function BoxMenu(name,contents)
{
  // BoxMenu object prototype

  this.name      = name;
  this.contents  = contents;
  this.isVisible = 0;

  this.show = function()
  {
    document.getElementById(name).innerHTML = this.contents;
    this.isVisible = 1;
  };

  this.hide = function()
  {
    setTimeout("document.getElementById('" + name + "').innerHTML = ''",400);
    this.isVisible = 0;
  };

  this.swap = function()
  {
    if (this.isVisible) this.hide();
    else                this.show();
  };
}

var tracking_menu_html = '\
&nbsp;<a href="?product_category=2" class="prodcat">Harnesses</a><br />\
&nbsp;<a href="?product_category=7" class="prodcat">Leashes</a><br />\
';
var tracking_menu = new BoxMenu('tracking',tracking_menu_html);

var obedience_menu_html = '\
&nbsp;<a href="?product_category=13" class="prodcat">Tug toys</a><br />\
&nbsp;<a href="?product_category=14" class="prodcat">Balls and Dumbbells</a><br />\
&nbsp;<a href="?product_category=16" class="prodcat">Leashes</a><br />\
&nbsp;<a href="?product_category=18" class="prodcat">Collars and muzzles</a><br />\
';
var obedience_menu = new BoxMenu('obedience',obedience_menu_html);

var protection_menu_html = '\
&nbsp;<a href="?product_category=29" class="prodcat">Sleeves</a><br />\
&nbsp;<a href="?product_category=30" class="prodcat">Covers</a><br />\
&nbsp;<a href="?product_category=31" class="prodcat">Training tugs</a><br />\
&nbsp;<a href="?product_category=32" class="prodcat">Helper clothes</a><br />\
&nbsp;<a href="?product_category=33" class="prodcat">Whips, sticks, blinds</a><br />\
';
var protection_menu = new BoxMenu('protection',protection_menu_html);

var clothes_menu_html = '\
&nbsp;<a href="?product_category=34" class="prodcat">Jackets and vests</a><br />\
&nbsp;<a href="?product_category=35" class="prodcat">Training pants</a><br />\
&nbsp;<a href="?product_category=36" class="prodcat">Overalls</a><br />\
&nbsp;<a href="?product_category=37" class="prodcat">Sweat and polo shirts</a><br />\
&nbsp;<a href="?product_category=38" class="prodcat">Caps</a><br />\
';
var clothes_menu = new BoxMenu('clothes',clothes_menu_html);


function viewcart()
{
  window.location.href = '/?cart=1&action=view';
}