<!--

// Written by Jonathan Snook, http://www.snook.ca/jonathan
// Add-ons by Robert Nyman, http://www.robertnyman.com

// Some ways to call it

// To get all a elements in the document with a info-links class.
//              getElementsByClassName(document, "a", "info-links");
// To get all div elements within the element named container, with a col class.
//              getElementsByClassName(document.getElementById("container"), "div", "col");
// To get all elements within in the document with a click-me class.
//              getElementsByClassName(document, "*", "click-me");

function getElementsByClassName(oElm, strTagName, strClassName)
{
        var arrElements = (strTagName == "*" && document.all)
                ? document.all : oElm.getElementsByTagName(strTagName);
        var arrReturnElements = new Array();
        strClassName = strClassName.replace(/\-/g, "\\-");
        var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
        var oElement;
        for (var i = 0; i < arrElements.length; i++) {
          oElement = arrElements[i];
          if (oRegExp.test(oElement.className)) {
              arrReturnElements.push(oElement);
          }
        }

        return arrReturnElements;
}

function toggleRelatedProducts(){
	var new_related = getElementsByClassName(document, '*', 'new_manual_related_product');
	
	for (var lcv =0; lcv <= new_related.length-1; lcv++) {
		if(new_related[lcv].style.visibility = "visible" ){
			hideNewRelatedProducts();
		}
		else {
			showNewRelatedProducts();
		}
	}
}

function showNewRelatedProducts()
{
  var new_related = getElementsByClassName(document, '*', 'new_manual_related_product');
  if(document.getElementById("rel_img_viewmore")) {
 	 document.getElementById("rel_img_viewmore").style.display="none";
 	 document.getElementById("rel_img_viewnone").style.display="block";
  }
  
  for (var lcv =0; lcv <= new_related.length-1; lcv++) {
    new_related[lcv].style.visibility = "visible";    
    if (document.all) {
      new_related[lcv].style.display = "block";
    }
    else {
      new_related[lcv].style.display = "table-row";
    }
  }  
}

function showRelatedProductLink()
{
  if (document.getElementById('related_product_method').value == 'manual') {
    if (document.getElementById('add_related_products_link')) {
      document.getElementById('add_related_products_link').style.display = 'block';
      document.getElementById('add_related_products_link').style.visibility = 'visible';
    }
    
//    showNewRelatedProducts();
    showSelectedRelatedProducts();
  }
  else {
    if (document.getElementById('add_related_products_link')) {
      document.getElementById('add_related_products_link').style.display = 'none';
      document.getElementById('add_related_products_link').style.visibility = 'hidden';
    }
    
    hideRelatedProducts();
  }
}

function showSelectedRelatedProducts()
{
  var old_related = getElementsByClassName(document, '*', 'manual_related_product');
  for (var lcv =0; lcv <= old_related.length-1; lcv++) {
    old_related[lcv].style.visibility = "visible";    
    if (document.all) {
      old_related[lcv].style.display = "block";
    }
    else {
      old_related[lcv].style.display = "table-row";
    }
  }  
}

function hideRelatedProducts()
{
  var new_related = getElementsByClassName(document, '*', 'new_manual_related_product');
if(document.getElementById("rel_img_viewmore")) {
  document.getElementById("rel_img_viewmore").style.display="block";
  document.getElementById("rel_img_viewnone").style.display="none";
}
  for (var lcv =0; lcv <= new_related.length-1; lcv++) {
    new_related[lcv].style.visibility = "hidden";
    new_related[lcv].style.display = "none";
  }
  
  var old_related = getElementsByClassName(document, '*', 'manual_related_product');
  for (var lcv =0; lcv <= old_related.length-1; lcv++) {
    old_related[lcv].style.visibility = "hidden";
    old_related[lcv].style.display = "none";
  }
}


/** 
 * Product Selector Related products
 * @author Ron Howard
 */
function showFrontEndRelatedProducts()
{

	/** Adjust the copyright / tag area **/
	adjust_copyright('show');
	
	
  var new_related = getElementsByClassName(document, '*', 'new_manual_related_product');
  if(document.getElementById("rel_img_viewmore")) {
 	 document.getElementById("rel_img_viewmore").style.display="none";
 	 document.getElementById("rel_img_viewnone").style.display="block";
  }
  
  for (var lcv =0; lcv <= new_related.length-1; lcv++) {
    new_related[lcv].style.visibility = "visible";    
    if (document.all) {
      new_related[lcv].style.display = "block";
    }
    else {
      new_related[lcv].style.display = "table-row";
    }
  }
}

function hideFrontEndRelatedProducts()
{


   adjust_copyright('hide');
	
	
  var new_related = getElementsByClassName(document, '*', 'new_manual_related_product');
if(document.getElementById("rel_img_viewmore")) {
  document.getElementById("rel_img_viewmore").style.display="block";
  document.getElementById("rel_img_viewnone").style.display="none";
}
  for (var lcv =0; lcv <= new_related.length-1; lcv++) {
    new_related[lcv].style.visibility = "hidden";
    new_related[lcv].style.display = "none";
  }
}


function adjust_copyright(type) {


	/** get tag DIV container ID **/
	var tag_id 			= document.getElementById('tag_div_id').value;
		
	if(type == 'show') {
		var num_related		= parseInt(document.getElementById('num_related').value) + 1;
		var cell_height 	= 203;
		var num_per_row		= 4;
		var num_rows 		=  Math.ceil(num_related / num_per_row) - 1;
		
		
		var curr_top		= parseInt($("#" + tag_id).css("top").replace("px", ""));
		var adjustment 		= num_rows * cell_height;
		var new_top 		= curr_top + adjustment;
		$("#" + tag_id).css("top", new_top)
		
		
		/** set the original top height **/
		document.getElementById('curr_top').value = curr_top;
	}
	
	
	if(type == 'hide') {
		var curr_top = document.getElementById('curr_top').value;
		$("#" + tag_id).css("top", curr_top)
	}
}

// -->