/*
** form funcitons
*/


function submitSohoCDOrderForm()
{
  document.getElementById("cd_order_form").submit();
}

//gets all the element with a prefixed id
function getElementsByIdPrefix(element_type, prefix)
{
  var elements = document.getElementsByTagName('p');
  
  var data = new Array();

  for(var i=0; i<elements.length; i++)
  {
    if(elements[i].id.indexOf(prefix) == 0)
    {
      data[elements[i].id] = elements[i].innerHTML;
    }
  }
  
  return data;
}

//gets all the elements into an array with a prefix
function getFormElementsByNamePrefix(form_id, prefix)
{
  var form_elements = document.getElementById(form_id).elements;
  
  var name = '';
  var value = '';
  
  var data = new Array();
  
  for(var i=0; i<form_elements.length; i++)
  {
    if(form_elements[i].name.indexOf(prefix) == 0)
    {
      value = '';
      name = form_elements[i].name;
      switch (form_elements[i].type)
      {
        case 'checkbox':
          //get the selected radio element
          value = getCheckboxValue(form_id, name);
        break;
        
        case 'radio':
          //get the selected radio element
          value = getRadioValue(form_id, name);
        break;
        
        default:
          //just take the value
          value = form_elements[i].value;
      }

      data[name] = value;
    }
  }
  
  return data;
}


function appendUrlParameters(url, paramters, append)
{
  var i = 0;
  var delimeter = '';
  var result = '';
  
  for (keyVar in paramters)
  {
    delimeter = '&';
    if(i==0 && !append)
    {
      delimeter = '?';
    }
    result += delimeter + keyVar + '=' + paramters[keyVar] + '\n';
    i++;
  }

  return url + result;
}

//submits the form
function submitForm(form_id, form_action)
{
  var theForm = document.getElementById(form_id);
  
  if(form_action)
  {
      
    if(el = getFormElement(form_id, 'form_action'))
    {
      el.value = form_action;
    }
    else
    {
      //todo create new element
    }
  }
  
  theForm.submit();
}

//returns a form element
function getFormElement(form_id, element_name)
{
  var theForm = document.getElementById(form_id).elements;
  
  var result = false;
  var el = null;
  
  if(el = theForm[element_name])
  {
    result = el;  
  }
  
  return result;
}

//returns an element null 
function getElement(element_id)
{
  var result = false;
  var el = null;
  
  if(el = document.getElementById(element_id))
  {
    result = el;
  }
  
  return result;
}


/*
** textbox funcitons
*/

//clear a textbox
function clearTextboxValue(form_id, element_name)
{
  var el = getFormElement(form_id, element_name);
  
  var result = false;
  
  if(el.value = null)
  {
    result = true;  
  }
  
  return result;
}

function setTextboxValue(form_id, element_name, element_value)
{
  var el = getFormElement(form_id, element_name);
  
  result = false;
  
  if(el.value = element_value)
  {
    result = true;  
  }
  
  return result;
}

function getTextboxValue(form_id, element_name)
{
  var el = getFormElement(form_id, element_name);
  
  result = false;
  
  if(el.value)
  {
    result = el.value;  
  }
  
  return result;
}


/*
** Checkbox functions
*/

//set a checkbox to true
function setCheckboxTrue(form_id, element_name)
{
  var el = getFormElement(form_id, element_name);
  
  var result = false;
  
  if(el.checked = true)
  {
    result = true;
  }
  
  return result;
}

//set a checkbox to false
function setCheckboxFalse(form_id, element_name)
{
  var el = getFormElement(form_id, element_name);
  
  var result = false;
  
  if(el.checked = false)
  {
    result = true;
  }
  
  return result;
}

//get the value of a checkbox
function getCheckboxValue(form_id, element_name)
{
  var el = getFormElement(form_id, element_name);
  
  var result = false;
  
  if(el.checked)
  {
    result = true;
  }
  
  return result;
}


/*
** select funcitons
*/

//get the value of a select
function getSelectValue(form_id, element_name)
{
  var el = getFormElement(form_id, element_name);
  
  return el.value;
}

//set the value of a select
function setSelectValue(form_id, element_name, option_value)
{
  var el = getFormElement(form_id, element_name);
  
  for(var i=0; i < el.length; i++)
  {
    if(el[i].value == option_value)
    {
      el.selectedIndex = i;
    }
  }
  
  return false;
}

//set select to next option
function shiftSelectedOption(form_id, element_name, shift_options)
{
  var result = false;
  
  if(!shift_options)
  {
    shift_options = 1;
  }
  else
  {
    shift_options = parseInt(shift_options);
  }

  var el = getFormElement(form_id, element_name);
  
  for(var i=0; i<el.options.length; i++)
  {
    if(i == el.selectedIndex)
    {
      if((i + shift_options) > el.options.length)
      {
        break;
      }
      else
      {
        el.options[i + shift_options].selected = "selected";
        result = el.options[i + shift_options].value;
        break;
      }
    }
  }

  return result;
}

//add an option to a select
function addSelectOption(form_id, select_name, option_value, option_text, default_selected, selected)
{
  var theForm = document.getElementById(form_id).elements;
  
  var el = theForm[select_name];

  var options_length = el.options.length;
  
  var result = false;
  
  if(el.options[options_length] = new Option(option_value, option_text, default_selected, selected))
  {
    result = true;
  }
  
  return result;
}

//orders a select alphabetically
function orderSelect()
{
  //todo
}

//remove an option from a select
function removeSelectOption(form_id, select_name, option_value)
{
  var theForm = document.getElementById(form_id).elements;
  
  var el = theForm[select_name];
  
  var result = false;
  
  for(var i = 0 ; i < el.options.length ; ++i)
  {
    if(el.options[i].value == option_value)
    {
      if(el.options[i] = null)
      {
        result = true;
      }
      break;
    }
  }
  
  return result;
}

//remove all options from a select
function clearSelectOptions(form_id, select_name)
{
  var theForm = document.getElementById(form_id).elements;
  
  var el = theForm[select_name];
  
  el.options.length=0;
}

//resets a select to the first option in the list
function resetSelect(form_id, select_name)
{
  var theForm = document.getElementById(form_id).elements;
  
  var el = theForm[select_name];
  
  if(el.options.length > 0)
  {
    el.options[0].selected = "selected";
  }
}


/*
** radio button functions
*/
  
//returns all the elements within a radio group
function getRadioGroup(form_id, group_name) 
{
  var element_value = null;

  var el = document.getElementById(form_id).elements;
  
  for(var i = 0 ; i < el.length ; ++i)
  {
    if(el[i].type == "radio")
    {
      if(el[i].name == group_name)
      {
        var radiogroup = el[el[i].name]; // get the whole set of radio buttons.
        break;
      }
    }
  }
  
  return radiogroup;
}


//returns the value of a radio element
function getRadioValue(form_id, group_name)
{
  var radiogroup = getRadioGroup(form_id, group_name);
  
  for(var j = 0 ; j < radiogroup.length ; ++j)
  {
    if(radiogroup[j].checked)
    {
      element_value = radiogroup[j].value;
      break;
    }
  }

  return element_value;
}


/*
** Show and hide elements
*/

//shows an element
function showElement(element)
{
  var result = true;
  
  //check the attribute exists
  if(!checkAttributeExists(element, 'style'))
  {
    //add the attribute
    if(!addAttribute(element, 'style', null))
    {
      result = false;  
    }
  }
  
  element.style.visibility="visible";
  element.style.display="block";
  
  return result;
}

//hides an element
function hideElement(element)
{
  var result = true;
  
  //check the attribute exists
  if(!checkAttributeExists(element, 'style'))
  {
    //add the attribute
    if(!addAttribute(element, 'style', null))
    {
      result = false;  
    }
  }
  
  element.style.visibility="hidden";
  element.style.display="none";
  
  return result;
}

/*
** List Item funcitons
*/

//displays all the li elements in a list
function expand_list(id)
{
  
  node = document.getElementById(id);
  
  filter = id;
  
  child_nodes = getChildren(node, filter);

  for(var i=0; i<child_nodes.length; i++)
  {
    alert(child_nodes.innerHTML);  
  }
}

function collapse_list()
{
    
}


/*
** Enable and disable form elements
*/

function enableElement(element)
{
  //check th element type
  
  
  //check if the attribute exists 
  if(!checkAttributeExists(element, 'style'))
  {
    //add the attribute
    if(!addAttribute(element, 'style', null))
    {
      result = false;  
    }
  }
}

function disableElement(element)
{
  //check the element type
  
  
  //check if the attribute exists
  if(!checkAttributeExists(element, 'style'))
  {
    //add the attribute
    if(!addAttribute(element, 'style', null))
    {
      result = false;  
    }
  }
}


/*
** Set form elements to read only
*/

function setReadOnlyTrue(element)
{
  //check the element type
  
  //check if the attribute exists
}

function setReadOnlyFalse(element)
{
  //check the element type
  
  //check if the attribute exists
}


/*
** Attribute related functions
*/

//get the style of an object
function getStyle(elementId)
{
  result = false;
  
  if (document.getElementById)
  {
    result = document.getElementById(elementId).style;
  }
  
  return result;
}


//returns the value of an attribute
function getAttributeValue(element, attribute_name)
{
  result = false;

  for(var x = 0; x < element.attributes.length; x++)
  {
    if(element.attributes[x].nodeName.toLowerCase() == attribute_name)
    {
      result = element.attributes[x].nodeValue;
    }
  }
  
  return result;
}

//set the value of an attribute if it exists
function setAttributeValue(element, attribute_name, attribute_value)
{
  var result = false;
  
  for(var x = 0; x < element.attributes.length; x++)
  {
    if(element.attributes[x].nodeName.toLowerCase() == attribute_name)
    {
      if(element.attributes[x].nodeValue = attribute_value)
      {
        result = true;
        break;
      }
    }
  }

  return result;
}

//adds an attribute to an element //setAttribute has no return
function addAttribute(element, attribute_name, attribute_value)
{
  var result = false;

  if(element.setAttribute(attribute_name,attribute_value))
  {
    result = true;  
  }

  return result;
}

//checks an attribute exists
function checkAttributeExists(element, attribute_name)
{
  var result = false;
  
  for( var x = 0; x < getAtrributeCount(element); x++ )
  {
    if(element.attributes[x].nodeName.toLowerCase() == attribute_name)
    {
      result = true;
      break;
    }
  }
  
  return result;
}

//count the number of attributes, solves IE problem
function getAtrributeCount(element)
{
  var totalattributes=0
  
  for (i=0;i<element.attributes.length;i++)
  {
    //if attribute is user defined
    if (element.attributes[i].specified)
    {
      totalattributes++
    }
  }
  
  return totalattributes;
}


/*
** Style related functions allows user to set a style
*/

function _setStyle(element, declaration)
{
  if (declaration.charAt(declaration.length-1)==';')
  declaration = declaration.slice(0, -1);
  var k, v;
  var splitted = declaration.split(';');
  for (var i=0, len=splitted.length; i<len; i++)
  {
    k = rzCC(splitted[i].split(':')[0]);
    v = splitted[i].split(':')[1];
    eval("element.style."+k+"='"+v+"'");
  }
}

function rzCC(s)
{
  // thanks http://www.ruzee.com/blog/2006/07/\
  // retrieving-css-styles-via-javascript/
  for(var exp=/-([a-z])/; 
  exp.test(s); 
  s=s.replace(exp,RegExp.$1.toUpperCase()));
  return s;
}



/*
** Http request and response functions
*/


//get server response and invoke function
function handleHttpResponse(url, function_name, param_1)
{
  var http = getHTTPObject();
  
  http.open("GET", url, true);
  
  http.onreadystatechange = function()
  {
    if (http.readyState == 4)
    {
      if(http.status == 200)
      {
        var _function = new Object();
        _function.construct = function_name;
        if(param_1)
        {
          _function.construct(http.responseText, param_1);
        }
        else
        {
          _function.construct(http.responseText);
        }
      }
      else
      {
        alert("Error code " + http.status);
      }
    }
  }
  
  http.send(null);
}


//get server response from post invoke
function handleHTTPResponse_POST(url, parameters, function_name, param_1)
{
  var http = getHTTPObject();
  
  //http_request.onreadystatechange = function_name;
  http.open('POST', url, true);
  http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  http.setRequestHeader("Content-length", parameters.length);
  http.setRequestHeader("Connection", "close");
  
  http.send(parameters);
  
  http.onreadystatechange = function()
  {
    if (http.readyState == 4)
    {
      if(http.status == 200)
      {
        var _function = new Object();
        _function.construct = function_name;
        if(param_1)
        {
          _function.construct(http.responseText, param_1);
        }
        else
        {
          _function.construct(http.responseText);
        }
      }
      else
      {
        alert("Error code " + http.status);
      }
    }
  }
}


//get the http object borwser compatiblility
function getHTTPObject()
{
  if (typeof XMLHttpRequest != 'undefined')
  {
    return new XMLHttpRequest();
  }
  
  try
  {
    return new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch(e)
  {
    try
    {
      return new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch(e)
    {
      alert('Exception caught during postback');
    }
  }
  
  return false;
}


/*
** DOM related functions
*/

if(!window.Node)
{
  var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
}


function checkNode(node, filter)
{
  return (filter == null || node.nodeName.toUpperCase() == filter.toUpperCase());
}


function getChildren(node, filter)
{
  var result = new Array();
  var children = node.childNodes;
  for(var i = 0; i < children.length; i++)
  {
    if(checkNode(children[i], filter))
    {
      result[result.length] = children[i];
    }
  }
  return result;
}


function getChildrenByElement(node)
{
  return getChildren(node, "ELEMENT_NODE");
}


function getFirstChild(node, filter)
{
  var child;
  var children = node.childNodes;
  for(var i = 0; i < children.length; i++)
  {
    child = children[i];
    if(checkNode(child, filter))
    {
      return child;
    }
  }
  return null;
}


function getFirstChildByText(node)
{
  return getFirstChild(node, "TEXT_NODE");
}


function getNextSibling(node, filter)
{
  for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling)
  {
    if(checkNode(sibling, filter)) return sibling;
  }
  return null;
}


function getNextSiblingByElement(node)
{
  return getNextSibling(node, "ELEMENT_NODE");
}