// Place your application-specific JavaScript functions and classes here
function log(msg, trace) {
  try {
    console.debug(msg);
    if(trace) {
      console.trace();
    }
  } catch(e) {}
}

var useAlphaHack = false;
if((BrowserDetect.browser == "Explorer")&&(BrowserDetect.version < 7.0)&&(BrowserDetect.version >= 5.5)) {
  useAlphaHack = true;
}

function f_clientWidth() {
  return f_filterResults (
    window.innerWidth ? window.innerWidth : 0,
    document.documentElement ? document.documentElement.clientWidth : 0,
    document.body ? document.body.clientWidth : 0
  );
}
function f_clientHeight() {
  return f_filterResults (
    window.innerHeight ? window.innerHeight : 0,
    document.documentElement ? document.documentElement.clientHeight : 0,
    document.body ? document.body.clientHeight : 0
  );
}
function f_scrollLeft() {
  return f_filterResults (
    window.pageXOffset ? window.pageXOffset : 0,
    document.documentElement ? document.documentElement.scrollLeft : 0,
    document.body ? document.body.scrollLeft : 0
  );
}
function f_scrollTop() {
  return f_filterResults (
    window.pageYOffset ? window.pageYOffset : 0,
    document.documentElement ? document.documentElement.scrollTop : 0,
    document.body ? document.body.scrollTop : 0
  );
}
function f_filterResults(n_win, n_docel, n_body) {
  var n_result = n_win ? n_win : 0;
  if (n_docel && (!n_result || (n_result > n_docel)))
    n_result = n_docel;
  return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}

function windowSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return {w: myWidth + f_scrollLeft(), h:myHeight + f_scrollTop()};
}

var hiddenSelects = [];

var currentPopupId = null;
var popupStack = [];
var currentPopupCallback = null;

var iframeMode = false;
  
//dnPopup function may already have been defined on v3/common/utils.js
window.dnPopup = (typeof dnPopup == 'function') ? dnPopup : function(divId, mode, callback) {
  log("dnPopup(" + divId + ")");
  var div = $(divId);
  if(div==null) {
    alert("unable to get element:" + divId);
    return;
  }
  
  var bgdiv = $('popupbackground');
  if(bgdiv==null) {
    alert("unable to get element:popupbackground");
    return;
  }
  
  var height = f_clientHeight();
  var width = f_clientWidth();
  
  if(width < document.body.clientWidth) {
    width = document.body.clientWidth;
  }
  
  /*if (document.body.scrollHeight>document.body.offsetHeight){ 
    bgdiv.style.height=document.body.scrollHeight+"px"; 
  }else{
    bgdiv.style.height=document.body.offsetHeight+"px";
  }*/
  
  bgdiv.show();
  
  div.style.zIndex = 3001;
  
  if(mode==1) {
    
  } else {
    div.style.position="absolute";
    div.style.display="block";
    div.style.visibility="hidden";
    log("scrolltop =" +  f_scrollTop() + ", f_clientHeight()=" + f_clientHeight());
    if( ((((f_clientHeight() / 2) - (div.clientHeight/2))) + f_scrollTop()) <10 ) {
      div.style.top = "10px";
    } else {
      div.style.top = parseInt(((f_clientHeight() / 2) - (div.clientHeight/2)),10) + f_scrollTop() + "px";
      log("div.style.top=" + div.style.top);
    }
    
    div.style.left = parseInt(((f_clientWidth()  / 2) - (div.clientWidth/2)),10) + f_scrollLeft() + "px";
    div.style.visibility="visible";
  }
  
  if (iframeMode) {
    div.className = 'ipopup';
    div.style.top = '0';
    div.style.left = '0';
    window.scrollTo(0,0);
    parent.orderManager.notifyPopupSizeChange(div.clientWidth, div.clientHeight);
  }
  
  if(currentPopupId != null) {
    restoreHiddenSelects();
    if(currentPopupCallback != null) {
      currentPopupCallback("hide");  
    }
    popupStack.push([currentPopupId, currentPopupCallback]);
    $(currentPopupId).style.display="none";
  }
  
  currentPopupId = divId;
  currentPopupCallback = callback;
  storeBackgroundSelects(div);
  
  return {t: div.style.top, l: div.style.left};
};

if(window.popup == null) {
  window.popup = window.dnPopup;
}

function storeBackgroundSelects(div) {
  var sels = document.getElementsByTagName("SELECT");
  for(var i=0;i < sels.length;i++) {
    if(!$(sels[i]).descendantOf(div)) {
      hiddenSelects.push(sels[i]);
      sels[i].style.visibility="hidden";
    }
  }
}

function restoreHiddenSelects() {
  while(hiddenSelects.size() > 0) {
    var el = hiddenSelects.pop();
    el.style.visibility = "visible";
  }
}

function swapPopup(oldDivId, newDivId, reposition) {
  var oldDiv = $(oldDivId);
  var newDiv = $(newDivId);
  
  newDiv.style.zIndex = oldDiv.style.zIndex;
  
  if (iframeMode) {
    newDiv.className = 'ipopup';
  }
  
  if(reposition == true) {
    newDiv.style.visibility="hidden";
    newDiv.style.display="";
    repositionPopup(newDivId);
  } else {
    newDiv.style.top = oldDiv.style.top;
    newDiv.style.left = oldDiv.style.left;
    newDiv.style.width = oldDiv.style.width;
    newDiv.style.height = oldDiv.style.height;
  }
  newDiv.style.display="";
  newDiv.style.visibility="visible";
  oldDiv.style.display="none";
  
  restoreHiddenSelects();
  storeBackgroundSelects(newDiv);
  
  currentPopupId = newDivId;
  if(currentPopupCallback != null) {
    currentPopupCallback("swap");
  }
}

//closePopup function may already have been defined on v3/common/utils.js
window.closePopup = (typeof closePopup == 'function') ? closePopup : function(divId, mode, ignoreIframe) {
  if(divId == null) {
    divId = currentPopupId;
  }
  log("closePopup(" + divId + ")");
  var div = $(divId);
  if(div==null) {
    alert("unable to get popup element");
    return;
  }
  //check if its a dnm-popup...
  if(div.className == 'dnm-popup-container') {
    return dnmClosePopup(divId);
  }
  
  var bgdiv = $('popupbackground');
  if(bgdiv==null) {
    alert("unable to get background element");
    return;
  }
  
  if(mode != 1) {
    log(div);
    div.style.visibility="hidden";
    div.style.display="none";
    log(div);
  }
  
  if (iframeMode && !ignoreIframe) {
    parent.orderManager.notifyPopupClose();
  }
  
  restoreHiddenSelects();
  
  if(popupStack.length > 0) {
    var psData = popupStack.pop();
    currentPopupId = psData[0];
    currentPopupCallback = psData[1];
    div = $(currentPopupId)
    div.style.display="";
    storeBackgroundSelects(div) ;
    if(currentPopupCallback != null) {
      currentPopupCallback("restore");
    }
    if (iframeMode) {
      parent.orderManager.notifyPopupSizeChange(div.clientWidth, div.clientHeight);
    }
  } else {
    log(bgdiv);
    //bgdiv.className="popupclose";
    bgdiv.hide();
    log(bgdiv);
    currentPopupId = null;
    currentPopupCallback = null;
  }
  
};

function repositionPopup(divId) {
  var div = $(divId);
  if(div==null) {
    alert("unable to get popup element");
    return;
  }
  
  if (iframeMode) {
    div.style.top = '0';
    div.style.left = '0';
    parent.orderManager.notifyPopupSizeChange(div.clientWidth, div.clientHeight);
  } else {
    if( ((((f_clientHeight() / 2) - (div.clientHeight/2))) + f_scrollTop()) <10 ) {
      div.style.top = "10px";
    } else {
      div.style.top = (((f_clientHeight() / 2) - (div.clientHeight/2))) + f_scrollTop() + "px";
    }
    
    div.style.left = (((f_clientWidth()  / 2) - (div.clientWidth/2))) + f_scrollLeft() + "px";
  }
  
  if(currentPopupCallback != null) {
    currentPopupCallback("reposition");
  }
}


function dynamicPopup(url) {
  var div = $('dynpopup_content');
  if(div == null) {
    alert("Unable to get dynamic popup");
  }
  div.update("Loading....");
  dnPopup('dynpopup');
  var aKey = null;
  var t2 = new Ajax.Updater({success:"dynpopup_content"}, url, {asynchronous:true, evalScripts:true,
    onComplete: function D_onComplete() { 
      asyncFinish(aKey);
      repositionPopup("dynpopup");
    },
    onFailure: function D_onFailure() {
      closePopup("dynpopup");
      alert("An error occured processing request");
    }
  });
  aKey = asyncStart($("dynpopup"));
}

function dynamicPopupContent(title, message) {
  var html = '<div class="popup_box">\n<div class="popup_int">';
  if(title != null) {
    html += '<h3>' + title + '</h3>';
  }
  if(message != null) {
    html += '<div class="popup_content">' + message + '</div>';
  }
  html += '</div></div>';
  return html;
}


var msgBoxCallback = null;
var msgboxId = null;

function msgBox(title, message, icon, yes, no, cancel, callback) {
  msgBoxCallback = callback;
  msgboxId = getNextId();
  var html="";
  if(icon != null) { html += '<img src="' + icon + '" align="left"/>'; }
  html+="";
  html+='<h3>' + title + '</h3>';
  html+='<div class="popup-content-deep msgbox-content">';
  html += '<div class="msgbox-text">' + message + '</div></div><div class="submit msgbox_buttons">';
  
  
  if(cancel != null) {
    html += '<input type="button" value="' + cancel + '" onclick="msgBoxFinish(2);" class="btn btn-cancel btn-large"/>';
  }
  if(no != null) {
    html += '<b class="action"><input type="button" value="' + no + '" onclick="msgBoxFinish(1);" class="btn btn-large" /></b>';
  }
  if(yes != null) {
    html += '<input type="button" value="' + yes + '" onclick="msgBoxFinish(0);" class="btn btn-primary btn-large" id="d_msgbox_def_' + msgboxId + '"/>';
  }
  html += "</div>";
  html += "</div>";
  var div = document.createElement("DIV");
  div.className = "popup msgbox";
  div.style.display="none";
  div.id = "msgbox_" + msgboxId;
  div.innerHTML = html;
  
  document.body.appendChild(div);
  dnPopup("msgbox_" + msgboxId);
  try {
    $('d_msgbox_def_' + msgboxId).focus();
  } catch(e) {}
}

function msgBoxFinish(result) {
  closePopup("msgbox_" + msgboxId);
  var div = document.getElementById("msgbox_" + msgboxId);
  document.body.removeChild(div);
  if(msgBoxCallback != null) {
    msgBoxCallback(result);
  }
}


var promptCallback = null;
var promptId = null;

function promptNew(title, message, icon, ok, cancel, defaultValue, callback) {
  promptCallback = callback;
  promptId = getNextId();
  var html="";
  if(icon != null) {
    html += '<img src="' + icon + '" align="left"/>'; 
  }
  
  html += '<h3>' + title + '</h3>';
  html+='<div class="popup-content-deep msgbox-content">';
  html += '<span class="msgbox_text"><label>' + message + '</label><input id="propt_val_' + promptId + '" value="' + defaultValue + '"/></span></div><div class="submit msgbox_buttons">';
  if(cancel != null) {
    html += '<input type="button" value="' + cancel + '" onclick="promptFinish(1);" class="btn btn-cancel"/> ';
  }
  if(ok != null) {
    html += '<input type="button" value="' + ok + '" onclick="promptFinish(0);" class="btn btn-primary" />';
  }
  
  html += "</div>";
  html += "</div>";
  var div = document.createElement("DIV");
  div.className = "popup xxxmsgbox";
  div.style.display="none";
  div.id = "prompt_" + promptId;
  div.innerHTML = html;
  
  document.body.appendChild(div);
  dnPopup("prompt_" + promptId);
  $('propt_val_' + promptId).focus();
  var el = document.getElementById("propt_val_" + promptId);
  el.focus();
}

function promptFinish(result) {
  var val = null;
  closePopup("prompt_" + promptId);
  if(result == 0) {
    var el = document.getElementById("propt_val_" + promptId);
    if (el) {
      val = el.value;
    }  
  }
  var div = document.getElementById("prompt_" + promptId);
  if (div) {
    document.body.removeChild(div);
  }  
  if (val != null) {
    promptCallback(result, val);
  }  
}

function showProgressPopup(title, message) {
  var popupId = "progress_popup_" + getNextId();
  var html ="";
  if(title != null) {
    html += '<h3>' + title + '</h3>';
  }
  html += '<div>';
  html +=   '<div class="progress-popup-text">' + message + '</div>';
  html += "</div>";
  var div = document.createElement("DIV");
  div.className = "popup progress-popup";
  div.style.display="none";
  div.id = popupId;
  div.innerHTML = html;
  
  document.body.appendChild(div);
  dnPopup(popupId);
  
  return popupId;
}

var nextId = 0;
function getNextId() {
  nextId --;
  return nextId;
}

function getElId(el) {
  if(el.id != null && el.id != "") {
    return el.id;
  }
  el.id = "tmp_id_" + getNextId();
  return el.id;
}

var asyncActions = new Hash();

function asyncStart(container) {
  var containerEl = $(container);
  var containerId = getElId(containerEl);
  
  log("asyncStart:" + containerId);
  
  //there can only be one async action per container...
  if(asyncActions[containerId] != null) {
    log("Stopping existing async action " + containerId);
    asyncFinish({id:containerId, v: asyncActions[containerId].v});
  }
  
  var divB = document.createElement("DIV");
  divB.style.display = "none";
  divB.className = "async_action_background";
  
  var div = document.createElement("DIV");
  div.style.display = "none";
  div.className = "async_action";
  
  div.innerHTML="<img src='/images/loading-oval.svg' alt='[]' />";
  var oldPositioning = null;
  

  var dims = Element.getDimensions(container);
  var offset = Position.cumulativeOffset(containerEl);
  
  log(offset);

  
  
  divB.style.position = "absolute";
  divB.style.top = offset[1] + "px";
  divB.style.left = offset[0] + "px";
  divB.style.height = dims.height + "px";
  divB.style.width = dims.width + "px";
  //divB.style.display="none";
  divB.style.opacity = 0.50;
  divB.style.backgroundColor="#FFFFFF";

  divB.style.zIndex = 9999;
  document.body.appendChild(divB);
  divB.id = "aa_" + containerId + "_bg";
  
  div.style.position = "absolute";
  div.style.top = offset[1] + "px";
  div.style.left = offset[0] + "px";
  div.style.height = dims.height + "px";
  div.style.width = dims.width + "px";
  div.backgroundColor="#000000";
  //div.style.display="none";
  div.style.zIndex = 10000;
  document.body.appendChild(div);
  //Effect.Appear(div, { duration: 0.2 });
  
  div.id = "aa_" + containerId;
  
  //only show if offsets are valid
  if (offset[0] !== 0 && offset[1] !== 0) {
    $(divB).show();
    $(div).show();
  }
  var v = getNextId();
  asyncActions[containerId] = {d:div, db:divB, c:container, p:oldPositioning, v:v};
  return {id: containerId, v:v};
}

function asyncFinish(key) {
  if(key == null) {
    return;
  }
  var containerId = key.id;
  
  var aa = asyncActions[containerId];
  if(aa == null) {
    log("asyncFinish ignored (" + containerId + " not in asyncActions)");
  } else {
    if(aa.v != key.v) {
      log("asyncFinish ignored (" + aa.v + " != " + key.v + ")");
    } else {
      delete asyncActions[containerId];
      try {
        // Check to make sure the object exists before removing it (because this is run twice and may not still exist)
        if($(aa.d.id)){
         // Effect.Fade(aa.d, { 
          //  duration: 0.2, 
          //  afterFinish: function asyncFinishAfterFinish(){document.body.removeChild(aa.d);}
         // });
         document.body.removeChild(aa.d);
        }
        if($(aa.db.id)){
          document.body.removeChild(aa.db);
        }
      } catch(e) {}
    }
  }
}

function setImageUrl(container, img, url, callback) {
  var cbimg = null;
  if(img!= null) {
    cbimg = img; 
  } else {
    var cbimg = document.createElement("IMG");
    cbimg.style.display = "none";
    document.body.appendChild(cbimg);
    log("appended async img");
  }
  var callbackDone = false;
  var asyncKey = null;
  cbimg.onload = function() {
      log("async img loaded: " + callbackDone);
      if(callbackDone) {
        return;
      }
      callbackDone = true;
      /*
      if(img!=null) {
        log("si");
        img.src = cbimg.src;
        log("sd");
      }
      */
      if(callback!=null) {
        callback(cbimg.src);
      }
      asyncFinish(asyncKey);
      if(img==null) {
        document.body.removeChild(cbimg);
      }
    };
    
  cbimg.src = url;
  if(BrowserDetect.browser == "Explorer" || BrowserDetect.browser == "Safari") {
    if(cbimg.complete) {
      log("async img complete: " + callbackDone);
      /*
      if(img!=null) {
        img.src = cbimg.src;
      }
      */
      if(callbackDone) {
        return;
      }
      callbackDone = true;
      if(callback!=null) {
        callback(cbimg.src);
      }
      if(img==null) {
        document.body.removeChild(cbimg);
      }
    } else {
      asyncKey = asyncStart(container);
      
    }
  } else {
    //other browsers call onload properly...
    asyncKey = asyncStart(container);
  }
}

function setBackgroundImage(container, div, url) {
  setImageUrl(container, null, url, function(nUrl) {
    log("setting background image to " + nUrl);
    div.style.backgroundImage = "url(" + nUrl + ")";
  });
}


function setTransImage(el, src, w, h) {
  if(useAlphaHack) {
    el.src = "/images/trans.gif";
    el.style.fontSize = "1px";
    el.style.width = w + "px";
    el.style.height = h + "px";
    el.style.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + src + '", sizingMethod="scale")';
  } else {
    el.src = src;
    el.style.width = w + "px";
    el.style.height = h + "px";
    //el.width = w;
    //el.height = h;
  }
}

function updateStatesFromEl(countryEl, stateControlId) {
  //alert("getting updateStatesFromEl..");
  updateStates(countryEl.value, stateControlId);
}

function updateStates(countryId, stateControlId, stateContainerId, filterStates) {
  //alert("getting states..");
  //alert(stateControlId);
  var sb = document.getElementById(stateControlId);
  //alert("got el");
  //alert(sb);
  if(sb==null) {
    alert("unable to get states element (" + stateControlId + ") to populate it");
    return;
  }
  var selectedValue = encodeURIComponent(sb.value);
  //alert("1");
  sb.options.length = 0;
  //alert("2");
  sb.options[0] = new Option("Updating...","");
  
  //alert("asyncStart..");
  var aKey = asyncStart(stateControlId);
  
  var extraParams = '&sel_value=' + selectedValue;
  if(stateContainerId != null) {
    extraParams = '&cnt=' + stateContainerId;
    if(filterStates) {
      extraParams += '&fs=1';
    }
  }
  //alert("calling..");
  var t2 = new Ajax.Request("/shared/lookups/update_states_dropdown?id=" + countryId + "&ctl=" + stateControlId + extraParams , {asynchronous:true, evalScripts:true, onComplete: function() { asyncFinish(aKey);},
      onException: function(t,e) {
        alert(e.name);
        alert(e.message);
  }});
}

function updatePostcode(countryId, postcodeControlId) {
  var pc = $(postcodeControlId);
  
  if (pc == null) {
    alert("Unable to get postcode control (" + postcodeControlId + ") to update");
    return;
  }
  
  var aKey = asyncStart(postcodeControlId);
  
  var t2 = new Ajax.Request("/shared/lookups/check_postcode_usage?id=" + countryId + "&ctl=" + postcodeControlId, {asynchronous:true, evalScripts:true, onComplete: function() { asyncFinish(aKey);},
      onException: function(t,e) {
        alert(e.name);
        alert(e.message);
  }});
}

function toggle_faq(fid) {
  var el = $("a_" + fid);
  if(el.style.display=="none") {
    el.style.display="";
  } else {
    el.style.display="none";
  }
}

function showCv2Info() {
  myLightWindow.activateWindow({
      href: "/product_info/pop/_cv2",
      title: 'CV2 Numbers',
      width: 400,
      height: 400
    });
  
}


var ttCurrentPopup = null;
var ttTimer = null;

function ttMouseOver(el, popEl) {
  if(ttCurrentPopup==popEl) {
    ttClearTimeout();
    return;
  }
  if(ttCurrentPopup!=null) {
    ttCurrentPopup.style.display="none";
  }
  //position the new popup
  
  pos = Position.cumulativeOffset(el);
  popEl.style.left = (pos[0] + 10) + "px";
  popEl.style.top = (pos[1] + 10) + "px";
  popEl.style.display="block";
  
  ttClearTimeout();
  ttCurrentPopup = popEl;
  
}

function ttMouseLeave(el, popEl) {
  if(ttCurrentPopup==popEl) {
    ttSetCloseTimeout(ttCurrentPopup);
    return;
  }
}

function ttSetCloseTimeout(popEl) {
  ttClearTimeout();
  //log("ttSetCloseTimeout()");
  ttTimer = window.setTimeout( function () { 
      popEl.style.display="none";
      ttCurrentPopup = null;
  }, 1000);
}

function ttClearTimeout() {
  if(ttTimer != null) {
    window.clearTimeout(ttTimer);
    ttTimer = null;
  }
}

//quick version of $ that does not extend
function $q(element) {
  if (typeof element == 'string')
    element = document.getElementById(element);
  return element;
}

//quick version that does not extend
function firstChildElement(element) {
  var el = element.firstChild;
  while((el != null)&&(el.nodeType != 1)) {
    el = el.nextSibling;
  }
  return el;
}

//quick version that does not extend
function nextSiblingElement(element) {
  var el = element.nextSibling;
  while((el != null)&&(el.nodeType != 1)) {
    el = el.nextSibling;
  }
  return el;
}

//quick version that does not extend
function prevSiblingElement(element) {
  var el = element.previousSibling;
  while((el != null)&&(el.nodeType != 1)) {
    el = el.previousSibling;
  }
  return el;
}




var debug = null;

function logError(msg, data) {
  try {
    console.error(msg);
    if(data != null) console.error(data);
    console.trace();
  } catch(e) {}

  if((debug!=null)&&(debug.style.display != 'none')) {
    debug.value = msg + "\n" + debug.value;
  }
}

function imageRollover(){
  var a=document.getElementsByTagName('li');
  for(x=0; x<a.length; x++){
    if(a[x].className=="display"){
      var b=a[x].getElementsByTagName('a');
      b[0].onmouseover=function(){ 
        var c=this.getElementsByTagName('img');
        if(c.length==2){
          c[0].style.display="none";
          c[1].style.display="inline";
        }
      }
      b[0].onmouseout=function(){
        var c=this.getElementsByTagName('img');
        if(c.length==2){
          c[1].style.display="none";
          c[0].style.display="inline";
        }
      }
    }
  }
}


// monitors whether changes made to the current page
var page_dirty = false;

function setPageDirty() {
  page_dirty = true;
}

function isPageDirty() {
  return page_dirty;
}

function pageDirtyCheck() {
  if (isPageDirty()) {
    return confirm("Changes are not saved. Do you still want to leave this page?");
  }
}



// prevent double click submit button
function stopDoubleClick(timeout) {
  var f;
  var d = document.createElement('DIV');
  d.style.height = document.body.offsetHeight + 'px';
  d.style.width = document.body.offsetWidth + 'px';
  d.style.top = d.style.left = 0;
  d.className = "screen_guard";
  d.id = "screen_guard";
  d.style.display = "none";
  document.body.appendChild(d);
  
  for (var i=0; i<document.forms.length; i++) {
    document.forms[i].onkeypress = "return false;";
  }
  $(d).show();
  setTimeout("disableSubmit();", 10);
  if (timeout != 0) setTimeout("enableForms();", timeout);
  
  return true;
}

function disableSubmit() {
  for (var i=0; i<document.forms.length; i++) {
    for (var j=0; j<document.forms[i].elements.length; j++) {
      if (document.forms[i].elements[j].type == "submit") {
        document.forms[i].elements[j].disabled = "disabled";
      }
    }
  }
}

function enableForms() {
  var sg = $("screen_guard")
  if (sg != null) sg.remove();
  
  for (var i=0; i<document.forms.length; i++) {
    document.forms[i].onkeypress = "";
    for (var j=0; j<document.forms[i].elements.length; j++) {
      if (document.forms[i].elements[j].type == "submit") {
        document.forms[i].elements[j].disabled = "";
      }
    }
  }
}




var MarketBannerClass=Class.create({
  initialize: function(container){
    
    
    this.cell=container.getElementsBySelector("#m_wrapper .m_cell");
    this.button=container.getElementsBySelector("#m_controls a");
    this.curr=0;
    
    for(x=0; x<this.cell.length; x++){
      this.show_option=this.show.bindAsEventListener(this, x);
      Event.observe(this.button[x], "click", this.show_option);
    }
    
    this.starttime();
  }, 
  show: function(e, num){
    this.cleartime();
    this.clear();
    this.curr=num;
    this.cell[this.curr].setStyle({
        //"opacity" : 0,
        "display" : "block"
    });
    //new Effect.Appear(this.cell[this.curr], { from: 0, to: 1 });
    this.cell[this.curr].addClassName('alt');
    this.button[this.curr].addClassName('alt');
    this.starttime();
  },
  clear: function(){
    //new Effect.Fade(this.cell[this.curr]);
    this.cell[this.curr].removeClassName('alt');
    this.button[this.curr].removeClassName('alt');
  }, 
  job: function(){
    int_curr=this.curr+1;
    if(int_curr>=this.cell.length){
      int_curr=0;
    }
    this.show(1, int_curr);
    //this.starttime();
  },
  starttime: function(){
    if(this.cell.length>0){
      this.timeout = window.setTimeout(this.job.bind(this), 5000);
    }
  },
  cleartime: function(){
    clearTimeout(this.timeout);
  }
});




// lightwindow.js v2.0
//
// Copyright (c) 2007 stickmanlabs
// Author: Kevin P Miller | http://www.stickmanlabs.com
// 
// LightWindow is freely distributable under the terms of an MIT-style license.
//
// I don't care what you think about the file size...
//   Be a pro: 
//      http://www.thinkvitamin.com/features/webapps/serving-javascript-fast
//      http://rakaz.nl/item/make_your_pages_load_faster_by_combining_and_compressing_javascript_and_css_files
//

/*-----------------------------------------------------------------------------------------------*/

if(typeof Effect == 'undefined')
  throw("lightwindow.js requires including script.aculo.us' effects.js library!");

// This will stop image flickering in IE6 when elements with images are moved
try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(e) {}

var lightwindow = Class.create();  
lightwindow.prototype = {
  //
  //  Setup Variables
  //
  element : null,
  contentToFetch : null,
  windowActive : false,
  dataEffects : [],
  dimensions : {
    cruft : null,
    container : null,
    viewport : {
      height : null,
      width : null,
      offsetTop : null,
      offsetLeft : null
    }
  },
  pagePosition : {
    x : 0,
    y : 0
  },
  pageDimensions : {
    width : null,
    height : null
  },
  preloadImage : [],
  preloadedImage : [],
  galleries : [],
  resizeTo : {
    height : null,
    heightPercent : null,
    width : null,
    widthPercent : null,
    fixedTop : null,
    fixedLeft : null
  },
  scrollbarOffset : 18,
  navigationObservers : {
    previous : null,
    next : null
  },
  containerChange : {
    height : 0,
    width : 0
  },
  activeGallery : false,
  galleryLocation : {
    current : 0,
    total : 0
  },
  //
  //  Initialize the lightwindow.
  //
  initialize : function(options) {
    this.options = Object.extend({
      resizeSpeed : 8,
      contentOffset : {
        height : 20,
        width : 20
      },
      dimensions : {
        image : {height : 250, width : 250},
        page : {height : 250, width : 250},
        inline : {height : 250, width : 250},
        media : {height : 250, width : 250},
        external : {height : 250, width : 250},
        titleHeight : 25
      },
      classNames : {  
        standard : 'lightwindow',
        action : 'lightwindow_action'
      },
      fileTypes : {
        page : ['asp', 'aspx', 'cgi', 'cfm', 'htm', 'html', 'pl', 'php4', 'php3', 'php', 'php5', 'phtml', 'rhtml', 'shtml', 'txt', 'vbs', 'rb'],
        media : ['aif', 'aiff', 'asf', 'avi', 'divx', 'm1v', 'm2a', 'm2v', 'm3u', 'mid', 'midi', 'mov', 'moov', 'movie', 'mp2', 'mp3', 'mpa', 'mpa', 'mpe', 'mpeg', 'mpg', 'mpg', 'mpga', 'pps', 'qt', 'rm', 'ram', 'swf', 'viv', 'vivo', 'wav'],
        image : ['bmp', 'gif', 'jpg', 'png', 'tiff']
      },
      mimeTypes : {
        avi : 'video/avi',
        aif : 'audio/aiff',
        aiff : 'audio/aiff',
        gif : 'image/gif',
        bmp : 'image/bmp',
        jpeg : 'image/jpeg',
        m1v : 'video/mpeg',
        m2a : 'audio/mpeg',
        m2v : 'video/mpeg',
        m3u : 'audio/x-mpequrl',
        mid : 'audio/x-midi',
        midi : 'audio/x-midi',
        mjpg : 'video/x-motion-jpeg',
        moov : 'video/quicktime',
        mov : 'video/quicktime',
        movie : 'video/x-sgi-movie',
        mp2 : 'audio/mpeg',
        mp3 : 'audio/mpeg3',
        mpa : 'audio/mpeg',
        mpa : 'video/mpeg',
        mpe : 'video/mpeg',
        mpeg : 'video/mpeg',
        mpg : 'audio/mpeg',
        mpg : 'video/mpeg',
        mpga : 'audio/mpeg',
        pdf : 'application/pdf',
        png : 'image/png',
        pps : 'application/mspowerpoint',
        qt : 'video/quicktime',
        ram : 'audio/x-pn-realaudio-plugin',
        rm : 'application/vnd.rn-realmedia',
        swf  : 'application/x-shockwave-flash',
        tiff : 'image/tiff',
        viv : 'video/vivo',
        vivo : 'video/vivo',
        wav : 'audio/wav',
        wmv : 'application/x-mplayer2'      
      },  
      classids : {
        mov : 'clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B',
        swf : 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000',
        wmv : 'clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6'
      },
      codebases : {
        mov : 'http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0',
        swf : 'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0',
        wmv : 'http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715'
      },  
      viewportPadding : 10,
      EOLASFix : 'swf,wmv,fla,flv',
      overlay : {
        opacity : 0.7,
        image : '/images/black.png',
        presetImage : '/images/black-70.png'
      },
      skin :   {
        main :   '<div id="lightwindow_container" >'+
              '<div id="lightwindow_title_bar" >'+
                '<div id="lightwindow_title_bar_inner" >'+
                  '<span id="lightwindow_title_bar_title"></span>'+
                  '<a id="lightwindow_title_bar_close_link" >close</a>'+
                '</div>'+
              '</div>'+
              '<div id="lightwindow_stage" >'+
                '<div id="lightwindow_contents" >'+
                '</div>'+
                '<div id="lightwindow_navigation" >'+
                  '<a href="#" id="lightwindow_previous" >'+
                    '<span id="lightwindow_previous_title"></span>'+
                  '</a>'+
                  '<a href="#" id="lightwindow_next" >'+
                    '<span id="lightwindow_next_title"></span>'+
                  '</a>'+
                  '<iframe name="lightwindow_navigation_shim" id="lightwindow_navigation_shim" src="javascript:false;" frameBorder="0" scrolling="no"></iframe>'+
                '</div>'+                
                '<div id="lightwindow_galleries">'+
                  '<div id="lightwindow_galleries_tab_container" >'+
                    '<a href="#" id="lightwindow_galleries_tab" >'+
                      '<span id="lightwindow_galleries_tab_span" class="up" >Galleries</span>'+
                    '</a>'+
                  '</div>'+
                  '<div id="lightwindow_galleries_list" >'+
                  '</div>'+
                '</div>'+
              '</div>'+
              '<div id="lightwindow_data_slide" >'+
                '<div id="lightwindow_data_slide_inner" >'+
                  '<div id="lightwindow_data_details" >'+
                    '<div id="lightwindow_data_gallery_container" >'+
                      '<span id="lightwindow_data_gallery_current"></span>'+
                      ' of '+
                      '<span id="lightwindow_data_gallery_total"></span>'+
                    '</div>'+
                    '<div id="lightwindow_data_author_container" >'+
                      'by <span id="lightwindow_data_author"></span>'+
                    '</div>'+
                  '</div>'+
                  '<div id="lightwindow_data_caption" >'+
                  '</div>'+
                '</div>'+
              '</div>'+
            '</div>',  
        loading :   '<div id="lightwindow_loading" >'+
                '<img src="/images/ajax-loading.gif" alt="" />'+
                '<span>Loading or <a href="javascript: myLightWindow.deactivate();">Cancel</a></span>'+
                '<iframe name="lightwindow_loading_shim" id="lightwindow_loading_shim" src="javascript:false;" frameBorder="0" scrolling="no"></iframe>'+
              '</div>',
        iframe :   '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">'+
              '<html xmlns="http://www.w3.org/1999/xhtml">'+
              '<body>'+
                  '{body_replace}'+
                '</body>'+
              '</html>',
        gallery : {
          top :    '<div class="lightwindow_galleries_list">'+
                  '<h1>{gallery_title_replace}</h1>'+
                  '<ul>',
          middle :       '<li>'+
                      '{gallery_link_replace}'+
                    '</li>',
          bottom :     '</ul>'+
                '</div>'
        }
      },
      formMethod : 'get',
      hideFlash : false,
      hideGalleryTab : false,
      showTitleBar : true,
      animationHandler : false,
      navigationHandler : false,
      transitionHandler : false,
      finalAnimationHandler : false,
      formHandler : false,
      galleryAnimationHandler : false,
      showGalleryCount : true
    }, options || {});
    this.duration = ((11-this.options.resizeSpeed)*0.15);
    this._setupLinks();
    this._getScroll();
    this._getPageDimensions();
    this._browserDimensions();
    this._addLightWindowMarkup(false);
    this._setupDimensions(); 
    this.buildGalleryList();
  },
  //
  //  Activate the lightwindow.
  //
  activate : function(e, link){    
    // Clear out the window Contents
    this._clearWindowContents(true);
      
    // Add back in out loading panel
    this._addLoadingWindowMarkup();

    // Setup the element properties
    this._setupWindowElements(link);
    
    // Setup everything
    this._getScroll();
    this._browserDimensions();
    this._setupDimensions();
    this._toggleTroubleElements('hidden', false);
    this._displayLightWindow('block', 'hidden');
    this._setStatus(true);
    this._monitorKeyboard(true);
    this._prepareIE(true);
    this._loadWindow();
  },
  //
  //  Turn off the window
  //
  deactivate : function(event){
    // The window is not active
    this.windowActive = false;
    
    // There is no longer a gallery active
    this.activeGallery = false;
    if (!this.options.hideGalleryTab) {
      this._handleGalleryAnimation(false);
    }
    
    // Kill the animation
    this.animating = false;
    
    // Clear our element
    this.element = null;
    
    // hide the window.
    this._displayLightWindow('none', 'visible');
    
    // Clear out the window Contents
    this._clearWindowContents(false);
    
    // Stop all animation
    var queue = Effect.Queues.get('lightwindowAnimation').each(function(e){e.cancel();});
    
    // Undo the setup
    this._prepareIE(false);
    this._setupDimensions();
    this._toggleTroubleElements('visible', false);  
    this._monitorKeyboard(false);  
  },
  //
  //  Initialize specific window
  //
  createWindow : function(element, attributes) {
    this._processLink($(element));
  },
  //
  //  Open a Window from a hash of attributes
  //
  activateWindow : function(options) {
    this.element = Object.extend({
      href : null,
      title : null,
      author : null,
      caption : null,
      rel : null,
      top : null,
      left : null,
      type : null,
      showImages : null,
      height : null,
      width : null,
      loadingAnimation : null,
      iframeEmbed : null,
      form : null
    }, options || {});
    
    // Set the window type
    this.contentToFetch = this.element.href;
    this.windowType = this.element.type ? this.element.type : this._fileType(this.element.href);  
    
    // Clear out the window Contents
    this._clearWindowContents(true);
      
    // Add back in out loading panel
    this._addLoadingWindowMarkup();
    
    // Setup everything
    this._getScroll();
    this._browserDimensions();
    this._setupDimensions();
    this._toggleTroubleElements('hidden', false);
    this._displayLightWindow('block', 'hidden');
    this._setStatus(true);
    this._monitorKeyboard(true);
    this._prepareIE(true);
    this._loadWindow();
  },
  //
  //  Fire off our Form handler
  //
  submitForm : function(e) {
    if (this.options.formHandler) {
      this.options.formHandler(e);
    } else {
      this._defaultFormHandler(e);
    }
  },
  //
  //  Reload the window with another location
  //
  openWindow : function(element) {
    var element = $(element);

    // The window is active
    this.windowActive = true;
    
    // Clear out the window Contents
    this._clearWindowContents(true);
    
    // Add back in out loading panel
    this._addLoadingWindowMarkup();
    
    // Setup the element properties
    this._setupWindowElements(element);

    this._setStatus(true);
    this._handleTransition();
  },
  //
  //  Navigate the window
  //
  navigateWindow : function(direction) {
    this._handleNavigation(false);
    if (direction == 'previous') {
      this.openWindow(this.navigationObservers.previous);
    } else if (direction == 'next'){ 
      this.openWindow(this.navigationObservers.next);
    }
  },
  //
  //  Build the Gallery List and Load it
  //
  buildGalleryList : function() {
    var output = '';
    var galleryLink;
    for (var i in this.galleries) {
      if (typeof this.galleries[i] == 'object') {
        output += (this.options.skin.gallery.top).replace('{gallery_title_replace}', unescape(i));
        for (j in this.galleries[i]) {
          if (typeof this.galleries[i][j] == 'object') {            
            galleryLink = '<a href="#" id="lightwindow_gallery_'+i+'_'+j+'" >'+unescape(j)+'</a>';
            output += (this.options.skin.gallery.middle).replace('{gallery_link_replace}', galleryLink);
          }
        }
        output += this.options.skin.gallery.bottom;
      }
    }
    new Insertion.Top('lightwindow_galleries_list', output);
    
    // Attach Events
    for (var i in this.galleries) {
      if (typeof this.galleries[i] == 'object') {
        for (j in this.galleries[i]) {
          if (typeof this.galleries[i][j] == 'object') {
            Event.observe($('lightwindow_gallery_'+i+'_'+j), 'click', this.openWindow.bind(this, this.galleries[i][j][0]), false);
            $('lightwindow_gallery_'+i+'_'+j).onclick = function() {return false;};  
          }
        }
      }
    }
  },
  // 
  //  Set Links Up
  //
  _setupLinks : function() {
    var links = $$('.'+this.options.classNames.standard);
    links.each(function(link) {
      this._processLink(link);
    }.bind(this));  
  },
  //
  //  Process a Link
  //
  _processLink : function(link) {
    if ((this._fileType(link.getAttribute('href')) == 'image' || this._fileType(link.getAttribute('href')) == 'media')) {
      if (gallery = this._getGalleryInfo(link.rel)) {
        if (!this.galleries[gallery[0]]) {
          this.galleries[gallery[0]] = new Array();
        }
        if (!this.galleries[gallery[0]][gallery[1]]) {
          this.galleries[gallery[0]][gallery[1]] = new Array();
        }
        this.galleries[gallery[0]][gallery[1]].push(link);
      }
    }
    
    // Take care of our inline content
    var url = link.getAttribute('href');
    if (url.indexOf('?') > -1) {
      url = url.substring(0, url.indexOf('?'));
    }
    
    var container = url.substring(url.indexOf('#')+1);
    if($(container)) {
      $(container).setStyle({
        display : 'none'
      });
    }
    
    Event.observe(link, 'click', this.activate.bindAsEventListener(this, link), false);
    link.onclick = function() {return false;};    
  },
  //
  //  Setup our actions
  //
  _setupActions : function() {
    var links = $$('#lightwindow_container .'+this.options.classNames.action);
    links.each(function(link) {
      Event.observe(link, 'click', this[link.getAttribute('rel')].bindAsEventListener(this, link), false);
      link.onclick = function() {return false;};
    }.bind(this));
  },
  //
  //  Add the markup to the page.
  //
  _addLightWindowMarkup : function(rebuild) {
    var overlay = Element.extend(document.createElement('div'));
    overlay.setAttribute('id', 'lightwindow_overlay');    
    // FF Mac has a problem with putting Flash above a layer without a 100% opacity background, so we need to use a pre-made
    if (Prototype.Browser.Gecko) {
      overlay.setStyle({
        backgroundImage: 'url('+this.options.overlay.presetImage+')',
        backgroundRepeat: 'repeat',
        height: this.pageDimensions.height+'px'
      });      
    } else {
      overlay.setStyle({
        opacity: this.options.overlay.opacity,
        backgroundImage: 'url('+this.options.overlay.image+')',
        backgroundRepeat: 'repeat',
        height: this.pageDimensions.height+'px'
      });
    }
    
    var lw = document.createElement('div');
    lw.setAttribute('id', 'lightwindow');
    lw.innerHTML = this.options.skin.main;
    
    var body = document.getElementsByTagName('body')[0];
    body.appendChild(overlay);
    body.appendChild(lw);  
        
    if ($('lightwindow_title_bar_close_link')) {
      Event.observe($('lightwindow_title_bar_close_link'), 'click', this.deactivate.bindAsEventListener(this));
      $('lightwindow_title_bar_close_link').onclick = function() {return false;};
    }
      
    Event.observe($('lightwindow_previous'), 'click', this.navigateWindow.bind(this, 'previous'), false);
    $('lightwindow_previous').onclick = function() {return false;};    
    Event.observe($('lightwindow_next'), 'click', this.navigateWindow.bind(this, 'next'), false);
    $('lightwindow_next').onclick = function() {return false;};

    if (!this.options.hideGalleryTab) {
      Event.observe($('lightwindow_galleries_tab'), 'click', this._handleGalleryAnimation.bind(this, true), false);
      $('lightwindow_galleries_tab').onclick = function() {return false;};
    }
    
    // Because we use position absolute, kill the scroll Wheel on animations
    if (Prototype.Browser.IE) {
      Event.observe(document, 'mousewheel', this._stopScrolling.bindAsEventListener(this), false);
    } else {
      Event.observe(window, 'DOMMouseScroll', this._stopScrolling.bindAsEventListener(this), false);
    }
        
    Event.observe(overlay, 'click', this.deactivate.bindAsEventListener(this), false);
    overlay.onclick = function() {return false;};
  },
  //
  //  Add loading window markup
  //
  _addLoadingWindowMarkup : function() {
    $('lightwindow_contents').innerHTML += this.options.skin.loading;
  },
  //
  //  Setup the window elements
  //
  _setupWindowElements : function(link) {
    this.element = link;
    this.element.title = null ? '' : link.getAttribute('title');
    this.element.author = null ? '' : link.getAttribute('author');
    this.element.caption = null ? '' : link.getAttribute('caption');
    this.element.rel = null ? '' : link.getAttribute('rel');
    this.element.params = null ? '' : link.getAttribute('params');

    // Set the window type
    this.contentToFetch = this.element.href;
    this.windowType = this._getParameter('lightwindow_type') ? this._getParameter('lightwindow_type') : this._fileType(this.contentToFetch);  
  },
  //
  //  Clear the window contents out
  //
  _clearWindowContents : function(contents) {
    // If there is an iframe, its got to go
    if ($('lightwindow_iframe')) {
      Element.remove($('lightwindow_iframe'));
    }

    // Stop playing an object if its still around
    if ($('lightwindow_media_primary')) {
      try {
        $('lightwindow_media_primary').Stop();
      } catch(e) {}
      Element.remove($('lightwindow_media_primary'));
    }

    // Stop playing an object if its still around    
    if ($('lightwindow_media_secondary')) {
      try {
        $('lightwindow_media_secondary').Stop();
      } catch(e) {}
      Element.remove($('lightwindow_media_secondary'));
    }
    
    this.activeGallery = false;
    this._handleNavigation(this.activeGallery);
    
    if (contents) {
      // Empty the contents
      $('lightwindow_contents').innerHTML = '';
      
      // Reset the scroll bars
      $('lightwindow_contents').setStyle({
        overflow: 'hidden'
      });    
      
      if (!this.windowActive) {
        $('lightwindow_data_slide_inner').setStyle({
          display: 'none'
        });

        $('lightwindow_title_bar_title').innerHTML = '';
      }

      // Because of browser differences and to maintain flexible captions we need to reset this height at close
      $('lightwindow_data_slide').setStyle({
        height: 'auto'
      });
    }
    
    this.resizeTo.height = null;
    this.resizeTo.width = null;
  },
  //
  //  Set the status of our animation to keep things from getting clunky
  //
  _setStatus : function(status) {
    this.animating = status;
    if (status) {
      Element.show('lightwindow_loading');
    }
    if (!(/MSIE 6./i.test(navigator.userAgent))) {
      this._fixedWindow(status);
    }
  },
  //
  //  Make this window Fixed
  //
  _fixedWindow : function(status) {
    if (status) {
      if (this.windowActive) {
        this._getScroll();
        $('lightwindow').setStyle({
          position: 'absolute',
          top: parseFloat($('lightwindow').getStyle('top'))+this.pagePosition.y+'px',
          left: parseFloat($('lightwindow').getStyle('left'))+this.pagePosition.x+'px'
        });    
      } else {
        $('lightwindow').setStyle({
          position: 'absolute'
        });            
      }
    } else {
      if (this.windowActive) {
        this._getScroll();
        $('lightwindow').setStyle({
          position: 'fixed',
          top: parseFloat($('lightwindow').getStyle('top'))-this.pagePosition.y+'px',
          left: parseFloat($('lightwindow').getStyle('left'))-this.pagePosition.x+'px'
        });    
      } else {
        if ($('lightwindow_iframe')) {
          // Ideally here we would set a 50% value for top and left, but Safari rears it ugly head again and we need to do it by pixels
          this._browserDimensions();
        }
        $('lightwindow').setStyle({
          position: 'fixed',
          top: (parseFloat(this._getParameter('lightwindow_top')) ? parseFloat(this._getParameter('lightwindow_top'))+'px' : this.dimensions.viewport.height/2+'px'),
          left: (parseFloat(this._getParameter('lightwindow_left')) ? parseFloat(this._getParameter('lightwindow_left'))+'px' : this.dimensions.viewport.width/2+'px')
        });
      }
    }
  },
  //
  //  Prepare the window for IE.
  //
  _prepareIE : function(setup) {
    if (Prototype.Browser.IE) {
      var height, overflowX, overflowY;
      if (setup) { 
        var height = '100%';
      } else {
        var height = 'auto';
      }
      var body = document.getElementsByTagName('body')[0];
      var html = document.getElementsByTagName('html')[0];
      html.style.height = body.style.height = height;
    }
  },
  _stopScrolling : function(e) {
    if (this.animating) {
      if (e.preventDefault) {
        e.preventDefault();
      }
      e.returnValue = false;    
    }
  },
  //
  //  Get the scroll for the page.
  //
  _getScroll : function(){
        if(typeof(window.pageYOffset) == 'number') {
          this.pagePosition.x = window.pageXOffset;
          this.pagePosition.y = window.pageYOffset;
        } else if(document.body && (document.body.scrollLeft || document.body.scrollTop)) {
           this.pagePosition.x = document.body.scrollLeft;
          this.pagePosition.y = document.body.scrollTop;
    } else if(document.documentElement) {
          this.pagePosition.x = document.documentElement.scrollLeft;
          this.pagePosition.y = document.documentElement.scrollTop;
        }
  },
  //
  //  Reset the scroll.
  //
  _setScroll : function(x, y) {
    document.documentElement.scrollLeft = x; 
    document.documentElement.scrollTop = y; 
  },
  //
  //  Hide Selects from the page because of IE.
  //     We could use iframe shims instead here but why add all the extra markup for one browser when this is much easier and cleaner
  //
  _toggleTroubleElements : function(visibility, content){
    
    if (content) {
      var selects = $('lightwindow_contents').getElementsByTagName('select');
    } else {
      var selects = document.getElementsByTagName('select');
    }
    
    for(var i = 0; i < selects.length; i++) {
      selects[i].style.visibility = visibility;
    }
    
    if (!content) {
      if (this.options.hideFlash){
        var objects = document.getElementsByTagName('object');
        for (i = 0; i != objects.length; i++) {
          objects[i].style.visibility = visibility;
        }
        var embeds = document.getElementsByTagName('embed');
        for (i = 0; i != embeds.length; i++) {
          embeds[i].style.visibility = visibility;
        }
      }
      var iframes = document.getElementsByTagName('iframe');
      for (i = 0; i != iframes.length; i++) {
        iframes[i].style.visibility = visibility;
      }
    }
  },
  // 
  //  Get the actual page size
  //
  _getPageDimensions : function() {
    var xScroll, yScroll;
    if (window.innerHeight && window.scrollMaxY) {  
      xScroll = document.body.scrollWidth;
      yScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight){ 
      xScroll = document.body.scrollWidth;
      yScroll = document.body.scrollHeight;
    } else { 
      xScroll = document.body.offsetWidth;
      yScroll = document.body.offsetHeight;
    }

    var windowWidth, windowHeight;
    if (self.innerHeight) {  
      windowWidth = self.innerWidth;
      windowHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) { 
      windowWidth = document.documentElement.clientWidth;
      windowHeight = document.documentElement.clientHeight;
    } else if (document.body) { 
      windowWidth = document.body.clientWidth;
      windowHeight = document.body.clientHeight;
    }  

    if(yScroll < windowHeight){
      this.pageDimensions.height = windowHeight;
    } else { 
      this.pageDimensions.height = yScroll;
    }

    if(xScroll < windowWidth){  
      this.pageDimensions.width = windowWidth;
    } else {
      this.pageDimensions.width = xScroll;
    }
  },
  //
  //  Display the lightWindow.
  //
  _displayLightWindow : function(display, visibility) {
    $('lightwindow_overlay').style.display = $('lightwindow').style.display = $('lightwindow_container').style.display = display;  
    $('lightwindow_overlay').style.visibility = $('lightwindow').style.visibility = $('lightwindow_container').style.visibility = visibility;
  },
  //
  //  Setup Dimensions of lightwindow.

  //
  _setupDimensions : function() {

    var originalHeight, originalWidth;
    switch (this.windowType) {
      case 'page' :
        originalHeight = this.options.dimensions.page.height;
        originalWidth = this.options.dimensions.page.width;
        break;

      case 'image' :
        originalHeight = this.options.dimensions.image.height;
        originalWidth = this.options.dimensions.image.width;
        break;
        
      case 'media' :
        originalHeight = this.options.dimensions.media.height;
        originalWidth = this.options.dimensions.media.width;
        break;
      
      case 'external' : 
        originalHeight = this.options.dimensions.external.height;
        originalWidth = this.options.dimensions.external.width;
        break;
        
      case 'inline' :
        originalHeight = this.options.dimensions.inline.height;
        originalWidth = this.options.dimensions.inline.width;
        break;
        
      default :
        originalHeight = this.options.dimensions.page.height;
        originalWidth = this.options.dimensions.page.width;
        break;
        
    }

    var offsetHeight = this._getParameter('lightwindow_top') ? parseFloat(this._getParameter('lightwindow_top'))+this.pagePosition.y : this.dimensions.viewport.height/2+this.pagePosition.y;
    var offsetWidth = this._getParameter('lightwindow_left') ? parseFloat(this._getParameter('lightwindow_left'))+this.pagePosition.x : this.dimensions.viewport.width/2+this.pagePosition.x;
    
    // So if a theme has say shadowed edges, they should be consistant and take care of in the contentOffset
    $('lightwindow').setStyle({
      top: offsetHeight+'px',
      left: offsetWidth+'px'
    });
    
    $('lightwindow_container').setStyle({
      height: originalHeight+'px',
      width: originalWidth+'px',
      left: -(originalWidth/2)+'px',
      top: -(originalHeight/2)+'px'
    });

    $('lightwindow_contents').setStyle({
      height: originalHeight+'px',
      width: originalWidth+'px'
    });
  },
  //
  //  Get the type of file.
  //
  _fileType : function(url) {
    var image = new RegExp("[^\.]\.("+this.options.fileTypes.image.join('|')+")\s*$", "i");
    if (image.test(url)) return 'image';
    if (url.indexOf('#') > -1 && (document.domain == this._getDomain(url))) return 'inline';    
    if (url.indexOf('?') > -1) url = url.substring(0, url.indexOf('?'));
    var type = 'unknown';
    var page = new RegExp("[^\.]\.("+this.options.fileTypes.page.join('|')+")\s*$", "i");
    var media = new RegExp("[^\.]\.("+this.options.fileTypes.media.join('|')+")\s*$", "i");
    if (document.domain != this._getDomain(url)) type = 'external';
      if (media.test(url)) type = 'media';
    if (type == 'external' || type == 'media') return type;
      if (page.test(url) || url.substr((url.length-1), url.length) == '/') type = 'page';
    return type;
  },
  //
  //  Get file Extension
  //
  _fileExtension : function(url) {
    if (url.indexOf('?') > -1) {
      url = url.substring(0, url.indexOf('?'));
    }
    var extenstion = '';
    for (var x = (url.length-1); x > -1; x--) {
      if (url.charAt(x) == '.') {
        return extenstion;
      }
      extenstion = url.charAt(x)+extenstion;
    }
  },
  //
  //  Monitor the keyboard while this lightwindow is up
  //
  _monitorKeyboard : function(status) {
    if (status) document.onkeydown = this._eventKeypress.bind(this); 
    else document.onkeydown = '';
  },
  //
  //  Perform keyboard actions
  //
  _eventKeypress : function(e) {
    if (e == null) {
      var keycode = event.keyCode;
    } else {
      var keycode = e.which;
    }
    
    switch (keycode) { 
      case 27: 
        this.deactivate(); 
        break;
      
      case 13:
        return;
        
      default:
        break;
    }
  
    // Gotta stop those quick fingers
    if (this.animating) {
      return false;
    }
    
    switch (String.fromCharCode(keycode).toLowerCase()) {
      case 'p':
        if (this.navigationObservers.previous) {
          this.navigateWindow('previous');
        }
        break;
        
      case 'n':
        if (this.navigationObservers.next) {
          this.navigateWindow('next');
        }
        break;
        
      default:
        break;
    }
  },
  //
  //  Get Gallery Information
  //
  _getGalleryInfo : function(rel) {
    if (!rel) return false;
    if (rel.indexOf('[') > -1) {
      return new Array(escape(rel.substring(0, rel.indexOf('['))), escape(rel.substring(rel.indexOf('[')+1, rel.indexOf(']'))));
    } else {
      return false;
    }
  },
  //
  //  Get the domain from a string.
  //
  _getDomain : function(url) {    
        var leadSlashes = url.indexOf('//');
        var domainStart = leadSlashes+2;
        var withoutResource = url.substring(domainStart, url.length);
        var nextSlash = withoutResource.indexOf('/');
        var domain = withoutResource.substring(0, nextSlash);
    if (domain.indexOf(':') > -1){
      var portColon = domain.indexOf(':');
      domain = domain.substring(0, portColon);
         }
    return domain;
    },
  //
  //  Get the value from the params attribute string.
  //
  _getParameter : function(parameter, parameters) {
    if (!this.element) return false;
    if (parameter == 'lightwindow_top' && this.element.top) {
      return unescape(this.element.top);
    } else if (parameter == 'lightwindow_left' && this.element.left) {
      return unescape(this.element.left);
    } else if (parameter == 'lightwindow_type' && this.element.type) {
      return unescape(this.element.type);
    } else if (parameter == 'lightwindow_show_images' && this.element.showImages) {
      return unescape(this.element.showImages);
    } else if (parameter == 'lightwindow_height' && this.element.height) {
      return unescape(this.element.height);
    } else if (parameter == 'lightwindow_width' && this.element.width) {
      return unescape(this.element.width);
    } else if (parameter == 'lightwindow_loading_animation' && this.element.loadingAnimation) {
      return unescape(this.element.loadingAnimation);
    } else if (parameter == 'lightwindow_iframe_embed' && this.element.iframeEmbed) {
      return unescape(this.element.iframeEmbed);
    } else if (parameter == 'lightwindow_form' && this.element.form) {
      return unescape(this.element.form);
    } else {
      if (!parameters) {
        if (this.element.params) parameters = this.element.params;
        else return;
      }
      var value;
      var parameterArray = parameters.split(',');
      var compareString = parameter+'=';
      var compareLength = compareString.length;
      for (var i = 0; i < parameterArray.length; i++) {
        if (parameterArray[i].substr(0, compareLength) == compareString) {
          var currentParameter = parameterArray[i].split('=');
          value = currentParameter[1];
          break;
        }
      }
      if (!value) return false;
      else return unescape(value);
    }
  },
  //
  //  Get the Browser Viewport Dimensions
  //
  _browserDimensions : function() {
    if (Prototype.Browser.IE) {
            this.dimensions.viewport.height = document.documentElement.clientHeight;
            this.dimensions.viewport.width = document.documentElement.clientWidth;   
        } else {
            this.dimensions.viewport.height = window.innerHeight;
            this.dimensions.viewport.width = document.width || document.body.offsetWidth;
        }
  },
  //
  //  Get the scrollbar offset, I don't like this method but there is really no other way I can find.
  //
  _getScrollerWidth : function() {
      var scrollDiv = Element.extend(document.createElement('div'));
    scrollDiv.setAttribute('id', 'lightwindow_scroll_div');
    scrollDiv.setStyle({
      position: 'absolute',
      top: '-10000px',
      left: '-10000px',
      width: '100px',
      height: '100px',
      overflow: 'hidden'
    });



      var contentDiv = Element.extend(document.createElement('div'));
    contentDiv.setAttribute('id', 'lightwindow_content_scroll_div');
    contentDiv.setStyle({
      width: '100%',
      height: '200px'
    });

      scrollDiv.appendChild(contentDiv);

    var body = document.getElementsByTagName('body')[0];
    body.appendChild(scrollDiv);

      var noScroll = $('lightwindow_content_scroll_div').offsetWidth;
      scrollDiv.style.overflow = 'auto';
      var withScroll = $('lightwindow_content_scroll_div').offsetWidth;

       Element.remove($('lightwindow_scroll_div'));

      this.scrollbarOffset = noScroll-withScroll;
  },
  

  //
  //  Add a param to an object dynamically created
  //
  _addParamToObject : function(name, value, object, id) {
    var param = document.createElement('param');
    param.setAttribute('value', value);
    param.setAttribute('name', name);
    if (id) {
      param.setAttribute('id', id);
    }
    object.appendChild(param);
    return object;
  },
  //
  //  Get the outer HTML of an object CROSS BROWSER
  //
  _outerHTML : function(object) {
     if (Prototype.Browser.IE) {
      return object.outerHTML;
    } else {
      var clone = object.cloneNode(true);
      var cloneDiv = document.createElement('div');
      cloneDiv.appendChild(clone);
      return cloneDiv.innerHTML;
    }
  },
  //
  //  Convert an object to markup
  //
  _convertToMarkup : function(object, closeTag) {
    var markup = this._outerHTML(object).replace('</'+closeTag+'>', '');
    if (Prototype.Browser.IE) {
      for (var i = 0; i < object.childNodes.length; i++){
        markup += this._outerHTML(object.childNodes[i]);
      }
      markup += '</'+closeTag+'>';
    }
    return markup;
  },
  //
  //  Depending what type of browser it is we have to append the object differently... DAMN YOU IE!!
  //
  _appendObject : function(object, closeTag, appendTo) {
    if (Prototype.Browser.IE) {
      appendTo.innerHTML += this._convertToMarkup(object, closeTag);
      
      // Fix the Eolas activate thing but only for specified media, for example doing this to a quicktime film breaks it.
      if (this.options.EOLASFix.indexOf(this._fileType(this.element.href)) > -1) {
        var objectElements = document.getElementsByTagName('object');
        for (var i = 0; i < objectElements.length; i++) {
          if (objectElements[i].getAttribute("data")) objectElements[i].removeAttribute('data');
          objectElements[i].outerHTML = objectElements[i].outerHTML;
          objectElements[i].style.visibility = "visible";
        }
      }
    } else {
      appendTo.appendChild(object);  
    }  
  },
  //
  //  Add in iframe
  //
  _appendIframe : function(scroll) {
    var iframe = document.createElement('iframe');
    iframe.setAttribute('id', 'lightwindow_iframe');
    iframe.setAttribute('name', 'lightwindow_iframe');
    iframe.setAttribute('src', 'about:blank');
    iframe.setAttribute('height', '100%');
    iframe.setAttribute('width', '100%');
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('marginwidth', '0');
    iframe.setAttribute('marginheight', '0');
    iframe.setAttribute('scrolling', scroll);  
    
    this._appendObject(iframe, 'iframe', $('lightwindow_contents'));
  },
  //
  //  Write Content to the iframe using the skin
  //
  _writeToIframe : function(content) {
    var template = this.options.skin.iframe;
    template = template.replace('{body_replace}', content); 
    if ($('lightwindow_iframe').contentWindow){
      $('lightwindow_iframe').contentWindow.document.open();
      $('lightwindow_iframe').contentWindow.document.write(template);
      $('lightwindow_iframe').contentWindow.document.close();
    } else {
      $('lightwindow_iframe').contentDocument.open();
      $('lightwindow_iframe').contentDocument.write(template);
      $('lightwindow_iframe').contentDocument.close();
    }
  },
  _checkImage : function(img) {
    // During the onload event, IE correctly identifies any images
      // that weren't downloaded as not complete. Others should too.
      // Gecko-based browsers act like NS4 in that they report this
      // incorrectly: they always return true.
      // if (!img.complete) {
      //     return false;
      // }

      // However, they do have two very useful properties: naturalWidth
      // and naturalHeight. These give the true size of the image. If
      // it failed to load, either of these should be zero.
      if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
          return false;
      }
      log(img);
      // No other way of checking: assume it's ok.
      return true;
    
  },
  //
  //  Load the window Information
  //  
  _loadWindow : function() {
    switch (this.windowType) {
      case 'image' :

        var current = 0;
        var images = [];
        this.checkImage = [];
        this.resizeTo.height = this.resizeTo.width = 0;
        this.imageCount = this._getParameter('lightwindow_show_images') ? parseInt(this._getParameter('lightwindow_show_images')) : 1;

        // If there is a gallery get it
        if (gallery = this._getGalleryInfo(this.element.rel)) {  
          for (current = 0; current < this.galleries[gallery[0]][gallery[1]].length; current++) {
            if (this.contentToFetch.indexOf(this.galleries[gallery[0]][gallery[1]][current].href) > -1) {
              break;
            }
          }
          if (this.galleries[gallery[0]][gallery[1]][current-this.imageCount]) {
            this.navigationObservers.previous = this.galleries[gallery[0]][gallery[1]][current-this.imageCount];
          } else {
            this.navigationObservers.previous = false;
          }
          if (this.galleries[gallery[0]][gallery[1]][current+this.imageCount]) {
            this.navigationObservers.next = this.galleries[gallery[0]][gallery[1]][current+this.imageCount];
          } else {
            this.navigationObservers.next = false;
          }
          
          this.activeGallery = true;
        } else {
          this.navigationObservers.previous = false;
          this.navigationObservers.next = false;          

          this.activeGallery = false;
        }
        
        for (var i = current; i < (current+this.imageCount); i++) {
    
          if (gallery && this.galleries[gallery[0]][gallery[1]][i]) {
            this.contentToFetch = this.galleries[gallery[0]][gallery[1]][i].href;
            
            this.galleryLocation = {current: (i+1)/this.imageCount, total: (this.galleries[gallery[0]][gallery[1]].length)/this.imageCount};
                      
            if (!this.galleries[gallery[0]][gallery[1]][i+this.imageCount]) {
              $('lightwindow_next').setStyle({
                display: 'none'
              });
            } else {
              $('lightwindow_next').setStyle({
                display: 'block'
              });
              $('lightwindow_next_title').innerHTML = this.galleries[gallery[0]][gallery[1]][i+this.imageCount].title;
            }
            
            if (!this.galleries[gallery[0]][gallery[1]][i-this.imageCount]) {
              $('lightwindow_previous').setStyle({
                display: 'none'
              });
            } else {
              $('lightwindow_previous').setStyle({
                display: 'block'
              });
              $('lightwindow_previous_title').innerHTML = this.galleries[gallery[0]][gallery[1]][i-this.imageCount].title;
            }
          }

          images[i] = document.createElement('img');
          images[i].setAttribute('id', 'lightwindow_image_'+i);
          images[i].setAttribute('border', '0');
          images[i].setAttribute('src', this.contentToFetch);
          $('lightwindow_contents').appendChild(images[i]);

          // We have to do this instead of .onload 
          this.checkImage[i] = new PeriodicalExecuter(function(i) {
            if (!(typeof $('lightwindow_image_'+i).naturalWidth != "undefined" && $('lightwindow_image_'+i).naturalWidth == 0)) {
  
              this.checkImage[i].stop();
  
              var imageHeight = $('lightwindow_image_'+i).getHeight();
              if (imageHeight > this.resizeTo.height) {
                this.resizeTo.height = imageHeight;
              }
              this.resizeTo.width += $('lightwindow_image_'+i).getWidth();
              this.imageCount--;
  
              $('lightwindow_image_'+i).setStyle({
                height: '100%'
              });
  
               if (this.imageCount == 0) {
                this._processWindow();
               }
            }
          
          }.bind(this, i), 1);      
        }


      break;
    
    case 'media' :      
    
      var current = 0;
      this.resizeTo.height = this.resizeTo.width = 0;

      // If there is a gallery get it
      if (gallery = this._getGalleryInfo(this.element.rel)) {  
        for (current = 0; current < this.galleries[gallery[0]][gallery[1]].length; current++) {
          if (this.contentToFetch.indexOf(this.galleries[gallery[0]][gallery[1]][current].href) > -1) {
            break;
          }
        }
        
        if (this.galleries[gallery[0]][gallery[1]][current-1]) {
          this.navigationObservers.previous = this.galleries[gallery[0]][gallery[1]][current-1];
        } else {
          this.navigationObservers.previous = false;
        }
        if (this.galleries[gallery[0]][gallery[1]][current+1]) {
          this.navigationObservers.next = this.galleries[gallery[0]][gallery[1]][current+1];
        } else {
          this.navigationObservers.next = false;
        }
    
        this.activeGallery = true;
      } else {
        this.navigationObservers.previous = false;
        this.navigationObservers.next = false;
        
        this.activeGallery = false;
      }
    

      if (gallery && this.galleries[gallery[0]][gallery[1]][current]) {
        this.contentToFetch = this.galleries[gallery[0]][gallery[1]][current].href;

        this.galleryLocation = {current: current+1, total: this.galleries[gallery[0]][gallery[1]].length};
        
        if (!this.galleries[gallery[0]][gallery[1]][current+1]) {
          $('lightwindow_next').setStyle({
            display: 'none'
          });
        } else {
          $('lightwindow_next').setStyle({
            display: 'block'
          });
          $('lightwindow_next_title').innerHTML = this.galleries[gallery[0]][gallery[1]][current+1].title;
        }
        
        if (!this.galleries[gallery[0]][gallery[1]][current-1]) {
          $('lightwindow_previous').setStyle({
            display: 'none'
          });
        } else {
          $('lightwindow_previous').setStyle({
            display: 'block'
          });
          $('lightwindow_previous_title').innerHTML = this.galleries[gallery[0]][gallery[1]][current-1].title;
        }
      }
      
      if (this._getParameter('lightwindow_iframe_embed')) {
        this.resizeTo.height = this.dimensions.viewport.height;
        this.resizeTo.width = this.dimensions.viewport.width;  
      } else {
        this.resizeTo.height = this._getParameter('lightwindow_height');
        this.resizeTo.width = this._getParameter('lightwindow_width');        
      }
      
      this._processWindow();
      
      break;

    case 'external' :    

      this._appendIframe('auto');

      this.resizeTo.height = this.dimensions.viewport.height;
      this.resizeTo.width = this.dimensions.viewport.width;
            
      this._processWindow();

      break;
        
    case 'page' :  
      
      var newAJAX = new Ajax.Request(
        this.contentToFetch, {
          method: 'get', 
          parameters: '', 
          onComplete: function(response) {
            $('lightwindow_contents').innerHTML += response.responseText;
            this.resizeTo.height = $('lightwindow_contents').scrollHeight+(this.options.contentOffset.height);
            this.resizeTo.width = $('lightwindow_contents').scrollWidth+(this.options.contentOffset.width);
            this._processWindow();
          }.bind(this)
        }
      );
      
      break;
      
    case 'inline' : 
    
      var content = this.contentToFetch;
      if (content.indexOf('?') > -1) {
        content = content.substring(0, content.indexOf('?'));
      }
      content = content.substring(content.indexOf('#')+1);
      
      new Insertion.Top($('lightwindow_contents'), $(content).innerHTML);
      
      this.resizeTo.height = $('lightwindow_contents').scrollHeight+(this.options.contentOffset.height);
      this.resizeTo.width = $('lightwindow_contents').scrollWidth+(this.options.contentOffset.width);
      
      this._toggleTroubleElements('hidden', true);       
      this._processWindow();
      
      break;
      
    default : 
      throw("Page Type could not be determined, please amend this lightwindow URL "+this.contentToFetch);
      break;
    }
  },
  //
  //  Resize the Window to fit the viewport if necessary
  //
  _resizeWindowToFit : function() {
    if (this.resizeTo.height+this.dimensions.cruft.height > this.dimensions.viewport.height) {
      var heightRatio = this.resizeTo.height/this.resizeTo.width;
      this.resizeTo.height = this.dimensions.viewport.height-this.dimensions.cruft.height-(2*this.options.viewportPadding);
      // We only care about ratio's with this window type      
      if (this.windowType == 'image' || (this.windowType == 'media' && !this._getParameter('lightwindow_iframe_embed'))) {
        this.resizeTo.width = this.resizeTo.height/heightRatio;
        $('lightwindow_data_slide_inner').setStyle({
          width: this.resizeTo.width+'px'
        });      
      }
    } 
    if (this.resizeTo.width+this.dimensions.cruft.width > this.dimensions.viewport.width) {
      var widthRatio = this.resizeTo.width/this.resizeTo.height;
      this.resizeTo.width = this.dimensions.viewport.width-2*this.dimensions.cruft.width-(2*this.options.viewportPadding);
      // We only care about ratio's with this window type
      if (this.windowType == 'image' || (this.windowType == 'media' && !this._getParameter('lightwindow_iframe_embed'))) {
        this.resizeTo.height = this.resizeTo.width/widthRatio;
        $('lightwindow_data_slide_inner').setStyle({
          height: this.resizeTo.height+'px'
        });
      }
    }
      
  },
  //
  //  Set the Window to a preset size
  //
  _presetWindowSize : function() {
    if (this._getParameter('lightwindow_height')) {
      this.resizeTo.height = parseFloat(this._getParameter('lightwindow_height'));
    }
    if (this._getParameter('lightwindow_width')) {
      this.resizeTo.width = parseFloat(this._getParameter('lightwindow_width'));
    }
  },
  //
  //  Process the Window
  //
  _processWindow : function() {
    // Clean out our effects
    this.dimensions.dataEffects = [];

    // Set up the data-slide if we have caption information
    if (this.element.caption || this.element.author || (this.activeGallery && this.options.showGalleryCount)) {
      if (this.element.caption) {
        $('lightwindow_data_caption').innerHTML = this.element.caption;
        $('lightwindow_data_caption').setStyle({
          display: 'block'
        });
      } else {
        $('lightwindow_data_caption').setStyle({
          display: 'none'
        });        
      }
      if (this.element.author) {
        $('lightwindow_data_author').innerHTML = this.element.author;
        $('lightwindow_data_author_container').setStyle({
          display: 'block'
        });
      } else {
        $('lightwindow_data_author_container').setStyle({
          display: 'none'
        });        
      }
      if (this.activeGallery && this.options.showGalleryCount) {
        $('lightwindow_data_gallery_current').innerHTML = this.galleryLocation.current;
        $('lightwindow_data_gallery_total').innerHTML = this.galleryLocation.total;
        $('lightwindow_data_gallery_container').setStyle({
          display: 'block'
        });
      } else {
        $('lightwindow_data_gallery_container').setStyle({
          display: 'none'
        });        
      }

      $('lightwindow_data_slide_inner').setStyle({
        width: this.resizeTo.width+'px',
        height: 'auto',
        visibility: 'visible',
        display: 'block'
      });
      $('lightwindow_data_slide').setStyle({
        height: $('lightwindow_data_slide').getHeight()+'px',
        width: '1px',
        overflow: 'hidden',
        display: 'block'
      });
    } else {
      $('lightwindow_data_slide').setStyle({
        display: 'none',
        width: 'auto'
      });
      $('lightwindow_data_slide_inner').setStyle({
        display: 'none',
        visibility: 'hidden',
        width: this.resizeTo.width+'px',
        height: '0px'
      });
    }
        
    if (this.element.title != 'null') {    
      $('lightwindow_title_bar_title').innerHTML = this.element.title;
    } else {
      $('lightwindow_title_bar_title').innerHTML = '';
    }
    
    var originalContainerDimensions = {height: $('lightwindow_container').getHeight(), width: $('lightwindow_container').getWidth()};
    // Position the window
      $('lightwindow_container').setStyle({
      height: 'auto',
      // We need to set the width to a px not auto as opera has problems with it
      width: $('lightwindow_container').getWidth()+this.options.contentOffset.width-(this.windowActive ? this.options.contentOffset.width : 0)+'px'
    });
    var newContainerDimensions = {height: $('lightwindow_container').getHeight(), width: $('lightwindow_container').getWidth()};
     
    // We need to record the container dimension changes
    this.containerChange = {height: originalContainerDimensions.height-newContainerDimensions.height, width: originalContainerDimensions.width-newContainerDimensions.width};

    // Get out general dimensions
    this.dimensions.container = {height: $('lightwindow_container').getHeight(), width: $('lightwindow_container').getWidth()};
    this.dimensions.cruft = {height: this.dimensions.container.height-$('lightwindow_contents').getHeight()+this.options.contentOffset.height, width: this.dimensions.container.width-$('lightwindow_contents').getWidth()+this.options.contentOffset.width};
    
    // Set Sizes if we need too
    this._presetWindowSize();
    this._resizeWindowToFit(); // Even if the window is preset we still don't want it to go outside of the viewport

    if (!this.windowActive) {
      // Position the window
         $('lightwindow_container').setStyle({
        left: -(this.dimensions.container.width/2)+'px',
        top: -(this.dimensions.container.height/2)+'px'
      });
    }
       $('lightwindow_container').setStyle({
      height: this.dimensions.container.height+'px',
      width: this.dimensions.container.width+'px'
    });
    
    // We are ready, lets show this puppy off!
    this._displayLightWindow('block', 'visible');
    this._animateLightWindow();
  },
  //
  //  Fire off our animation handler
  //
  _animateLightWindow : function() {
    if (this.options.animationHandler) {
      this.options.animationHandler().bind(this);
    } else {
      this._defaultAnimationHandler();
    }
  },
  //
  //  Fire off our transition handler
  //
  _handleNavigation : function(display) {
    if (this.options.navigationHandler) {
      this.options.navigationHandler().bind(this, display);
    } else {
      this._defaultDisplayNavigation(display);
    }
  },
  //
  //  Fire off our transition handler
  //
  _handleTransition : function() {
    if (this.options.transitionHandler) {
      this.options.transitionHandler().bind(this);
    } else {
      this._defaultTransitionHandler();
    }
  },
  //
  //  Handle the finish of the window animation
  // 
  _handleFinalWindowAnimation : function(delay) {
    if (this.options.finalAnimationHandler) {
      this.options.finalAnimationHandler().bind(this, delay);
    } else {
      this._defaultfinalWindowAnimationHandler(delay);
    }    
  },
  //
  //  Handle the gallery Animation
  // 
  _handleGalleryAnimation : function(list) {
    if (this.options.galleryAnimationHandler) {
      this.options.galleryAnimationHandler().bind(this, list);
    } else {
      this._defaultGalleryAnimationHandler(list);
    }    
  },
  //
  //  Display the navigation 
  //
  _defaultDisplayNavigation : function(display) {
    if (display) {
      $('lightwindow_navigation').setStyle({
        display: 'block',
        height: $('lightwindow_contents').getHeight()+'px',
        width: '100%',
        marginTop: this.options.dimensions.titleHeight+'px'
      });      
    } else {
      $('lightwindow_navigation').setStyle({
        display: 'none',
        height: 'auto',
        width: 'auto'
      });      
    }
  },
  //
  //  This is the default animation handler for LightWindow
  //
  _defaultAnimationHandler : function() {  
    // Now that we have figures out the cruft lets make the caption go away and add its effects
    if (this.element.caption || this.element.author || (this.activeGallery && this.options.showGalleryCount)) {
      $('lightwindow_data_slide').setStyle({
        display: 'none',
        width: 'auto'
      });
      this.dimensions.dataEffects.push(
        new Effect.SlideDown('lightwindow_data_slide', {sync: true}),
        new Effect.Appear('lightwindow_data_slide', {sync: true, from: 0.0, to: 1.0})
      );
    }

    // Set up the Title if we have one
    $('lightwindow_title_bar_inner').setStyle({
      height: '0px',
      marginTop: this.options.dimensions.titleHeight+'px'
    });
    
    // We always want the title bar as well
    this.dimensions.dataEffects.push(
      new Effect.Morph('lightwindow_title_bar_inner', {sync: true, style: {height: this.options.dimensions.titleHeight+'px', marginTop: '0px'}}),
       new Effect.Appear('lightwindow_title_bar_inner', {sync: true, from: 0.0, to: 1.0})
    );    
    
    if (!this.options.hideGalleryTab) {
      this._handleGalleryAnimation(false);
      if ($('lightwindow_galleries_tab_container').getHeight() == 0) {
        this.dimensions.dataEffects.push(
          new Effect.Morph('lightwindow_galleries_tab_container', {sync: true, style: {height: '20px', marginTop: '0px'}})
        );
        $('lightwindow_galleries').setStyle({
          width: '0px'
        });
      }
    }
    
    var resized = false;
    var ratio = this.dimensions.container.width-$('lightwindow_contents').getWidth()+this.resizeTo.width+this.options.contentOffset.width;
    if (ratio != $('lightwindow_container').getWidth()) {
      new Effect.Parallel([
          new Effect.Scale('lightwindow_contents', 100*(this.resizeTo.width/$('lightwindow_contents').getWidth()), {scaleFrom: 100*($('lightwindow_contents').getWidth()/($('lightwindow_contents').getWidth()+(this.options.contentOffset.width))), sync: true,  scaleY: false, scaleContent: false}),
          new Effect.Scale('lightwindow_container', 100*(ratio/(this.dimensions.container.width)), {sync: true, scaleY: false, scaleFromCenter: true, scaleContent: false})
        ], {
          duration: this.duration, 
          delay: 0.25,
          queue: {position: 'end', scope: 'lightwindowAnimation'}
        }
      );    
    }
    
    ratio = this.dimensions.container.height-$('lightwindow_contents').getHeight()+this.resizeTo.height+this.options.contentOffset.height;
    if (ratio != $('lightwindow_container').getHeight()) {
      new Effect.Parallel([
          new Effect.Scale('lightwindow_contents', 100*(this.resizeTo.height/$('lightwindow_contents').getHeight()), {scaleFrom: 100*($('lightwindow_contents').getHeight()/($('lightwindow_contents').getHeight()+(this.options.contentOffset.height))), sync: true, scaleX: false, scaleContent: false}),
          new Effect.Scale('lightwindow_container', 100*(ratio/(this.dimensions.container.height)), {sync: true, scaleX: false, scaleFromCenter: true, scaleContent: false})
        ], {
          duration: this.duration, 
          afterFinish: function() {        
            if (this.dimensions.dataEffects.length > 0) {
              if (!this.options.hideGalleryTab) {
                $('lightwindow_galleries').setStyle({
                  width: this.resizeTo.width+'px'
                });
              }
              new Effect.Parallel(this.dimensions.dataEffects, {
                  duration: this.duration,
                  afterFinish: function() {
                    this._finishWindow();
                  }.bind(this),
                  queue: {position: 'end', scope: 'lightwindowAnimation'} 
                }
              );
            }
          }.bind(this), 
          queue: {position: 'end', scope: 'lightwindowAnimation'} 
        }
      );
      resized = true;
    }
    
    // We need to do our data effect since there was no resizing
    if (!resized && this.dimensions.dataEffects.length > 0) {  
      new Effect.Parallel(this.dimensions.dataEffects, {
          duration: this.duration,
          beforeStart: function() {
            if (!this.options.hideGalleryTab) {
              $('lightwindow_galleries').setStyle({
                width: this.resizeTo.width+'px'
              });
            }
            if (this.containerChange.height != 0 || this.containerChange.width != 0) {
              new Effect.MoveBy('lightwindow_container', this.containerChange.height, this.containerChange.width, {transition: Effect.Transitions.sinoidal});
            }
          }.bind(this),      
          afterFinish: function() {
            this._finishWindow();
          }.bind(this),
          queue: {position: 'end', scope: 'lightwindowAnimation'} 
        }
      );
    }      
    
  },
  //
  //  Finish up Window Animation
  //
  _defaultfinalWindowAnimationHandler : function(delay) {
    if (this.windowType == 'media' || this._getParameter('lightwindow_loading_animation')) {  
      // Because of major flickering with the overlay we just hide it in this case
      Element.hide('lightwindow_loading');
      this._handleNavigation(this.activeGallery);
      this._setStatus(false);
    } else {
      Effect.Fade('lightwindow_loading', {
        duration: 0.75,
        delay: 1.0, 
        afterFinish: function() {
          // Just in case we need some scroll goodness (this also avoids the swiss cheese effect)
          if (this.windowType != 'image' && this.windowType != 'media' && this.windowType != 'external') {
            $('lightwindow_contents').setStyle({
              overflow: 'auto'
            });
          }
          this._handleNavigation(this.activeGallery);
          this._defaultGalleryAnimationHandler();
          this._setStatus(false);
        }.bind(this),
        queue: {position: 'end', scope: 'lightwindowAnimation'}
      });
    }
  },
  //
  //  Handle the gallery Animation
  //
  _defaultGalleryAnimationHandler : function(list) {
    if (this.activeGallery) {
      $('lightwindow_galleries').setStyle({
        display: 'block',
        marginBottom: $('lightwindow_data_slide').getHeight()+this.options.contentOffset.height/2+'px'
      });
      $('lightwindow_navigation').setStyle({
        height: $('lightwindow_contents').getHeight()-20+'px'
      });
    } else {
      $('lightwindow_galleries').setStyle({
        display: 'none'
      });  
      $('lightwindow_galleries_tab_container').setStyle({
        height: '0px',
        marginTop: '20px'
      });
      $('lightwindow_galleries_list').setStyle({
        height: '0px'
      });
      return false;
    }
    
    if (list) {
      if ($('lightwindow_galleries_list').getHeight() == 0) {
        var height = $('lightwindow_contents').getHeight()*0.80;
        $('lightwindow_galleries_tab_span').className = 'down';
      } else {
        var height = 0;
        $('lightwindow_galleries_tab_span').className = 'up';
      }

      new Effect.Morph('lightwindow_galleries_list', {
        duration: this.duration,
        transition: Effect.Transitions.sinoidal,
        style: {height: height+'px'},
        beforeStart: function() {
          $('lightwindow_galleries_list').setStyle({
            overflow: 'hidden'
          });          
        },
        afterFinish: function() {
          $('lightwindow_galleries_list').setStyle({
            overflow: 'auto'
          });
        },
        queue: {position: 'end', scope: 'lightwindowAnimation'}
      });  
    }
    
    
  },
  //
  //  Default Transition Handler
  //
  _defaultTransitionHandler : function() {
    // Clean out our effects
    this.dimensions.dataEffects = [];

    // Now that we have figures out the cruft lets make the caption go away and add its effects
    if ($('lightwindow_data_slide').getStyle('display') != 'none') {
      this.dimensions.dataEffects.push(
        new Effect.SlideUp('lightwindow_data_slide', {sync: true}),
        new Effect.Fade('lightwindow_data_slide', {sync: true, from: 1.0, to: 0.0})
      );
    }
    
    if (!this.options.hideGalleryTab) {
      if ($('lightwindow_galleries').getHeight() != 0 && !this.options.hideGalleryTab) {
        this.dimensions.dataEffects.push(
          new Effect.Morph('lightwindow_galleries_tab_container', {sync: true, style: {height: '0px', marginTop: '20px'}})
        );
      }
      
      if ($('lightwindow_galleries_list').getHeight() != 0) {
        $('lightwindow_galleries_tab_span').className = 'up';
        this.dimensions.dataEffects.push(
          new Effect.Morph('lightwindow_galleries_list', {
            sync: true, 
            style: {height: '0px'},
            transition: Effect.Transitions.sinoidal,
            beforeStart: function() {
              $('lightwindow_galleries_list').setStyle({
                overflow: 'hidden'
              });          
            },
            afterFinish: function() {
              $('lightwindow_galleries_list').setStyle({
                overflow: 'auto'
              });
            }
          })
        );
      }
    }
    
    // We always want the title bar as well
    this.dimensions.dataEffects.push(
      new Effect.Morph('lightwindow_title_bar_inner', {sync: true, style: {height: '0px', marginTop: this.options.dimensions.titleHeight+'px'}}),
       new Effect.Fade('lightwindow_title_bar_inner', {sync: true, from: 1.0, to: 0.0})
    );

    new Effect.Parallel(this.dimensions.dataEffects, {
        duration: this.duration,
        afterFinish: function() {
          this._loadWindow();
        }.bind(this),
        queue: {position: 'end', scope: 'lightwindowAnimation'} 
      }
    );  
  },
  //
  //  Default Form handler for LightWindow
  //
  _defaultFormHandler : function(e) {
    var element = Event.element(e).parentNode;
    var parameterString = Form.serialize(this._getParameter('lightwindow_form', element.getAttribute('params')));
    if (this.options.formMethod == 'post') {
      var newAJAX = new Ajax.Request(element.href, { 
        method: 'post', 
        postBody: parameterString, 
        onComplete: this.openWindow.bind(this, element)
      });
    } else if (this.options.formMethod == 'get') {
      var newAJAX = new Ajax.Request(element.href, { 
        method: 'get', 
        parameters: parameterString, 
        onComplete: this.openWindow.bind(this, element)
      });
    }
  },
  // 
  //  Wrap everything up
  //
  _finishWindow : function() {
    if (this.windowType == 'external') {
      // We set the externals source here because it allows for a much smoother animation
      $('lightwindow_iframe').setAttribute('src', this.element.href);
      this._handleFinalWindowAnimation(1);  
    } else if (this.windowType == 'media') {

      var outerObject = document.createElement('object');
      outerObject.setAttribute('classid', this.options.classids[this._fileExtension(this.contentToFetch)]);
      outerObject.setAttribute('codebase', this.options.codebases[this._fileExtension(this.contentToFetch)]);
      outerObject.setAttribute('id', 'lightwindow_media_primary');
      outerObject.setAttribute('name', 'lightwindow_media_primary');
      outerObject.setAttribute('width', this.resizeTo.width);
      outerObject.setAttribute('height', this.resizeTo.height);
      outerObject = this._addParamToObject('movie', this.contentToFetch, outerObject);
      outerObject = this._addParamToObject('src', this.contentToFetch, outerObject);
      outerObject = this._addParamToObject('controller', 'true', outerObject);
      outerObject = this._addParamToObject('wmode', 'transparent', outerObject);
      outerObject = this._addParamToObject('cache', 'false', outerObject);
      outerObject = this._addParamToObject('quality', 'high', outerObject);

      if (!Prototype.Browser.IE) {
        var innerObject = document.createElement('object');
        innerObject.setAttribute('type', this.options.mimeTypes[this._fileExtension(this.contentToFetch)]);
        innerObject.setAttribute('data', this.contentToFetch);
        innerObject.setAttribute('id', 'lightwindow_media_secondary');
        innerObject.setAttribute('name', 'lightwindow_media_secondary');
        innerObject.setAttribute('width', this.resizeTo.width);
        innerObject.setAttribute('height', this.resizeTo.height);
        innerObject = this._addParamToObject('controller', 'true', innerObject);
        innerObject = this._addParamToObject('wmode', 'transparent', innerObject);
        innerObject = this._addParamToObject('cache', 'false', innerObject);
        innerObject = this._addParamToObject('quality', 'high', innerObject);
      
        outerObject.appendChild(innerObject);
      }  
      
      if (this._getParameter('lightwindow_iframe_embed')) {
        this._appendIframe('no');
        this._writeToIframe(this._convertToMarkup(outerObject, 'object'));
      } else {
        this._appendObject(outerObject, 'object', $('lightwindow_contents'));
      }

      this._handleFinalWindowAnimation(0);
    } else {
      this._handleFinalWindowAnimation(0);
    }

    // Initialize any actions
    this._setupActions();
  }
}

/*-----------------------------------------------------------------------------------------------*/

Event.observe(window, 'load', lightwindowInit, false);

//
//  Set up all of our links
//
var myLightWindow = null;
function lightwindowInit() {
  myLightWindow = new lightwindow();
}