// JavaScript Document

//     ____  ____    __      __      __    ____  ___ 
//    (  _ \(  _ \  /__\    (  )    /__\  (  _ \/ __)
//     ) _ < )(_) )/(__)\    )(__  /(__)\  ) _ <\__ \
//    (____/(____/(__)(__)  (____)(__)(__)(____/(___/
 
 
// authors :: Steve James, Tristan White :: thinkbda.com :: nov 2007

// Make DIVs E X P A N D and contract, show hide with buttons
// simply give your div the id "popdowncontent" followed by the suffix of your choice.  Please keep them unique or the script will break

// ie, popdowncontent1, popdowncontent2,popdowncontent3,etc
// eg <div id="popdowncontent1">content to hide</div>
 
var divId1;
var linkId1;
var pop_down_content_div = "popdowncontent"; // content div suffix 

var newcontentdiv = "newcontentdiv"; // suffix of newly created content div
var extend_button_display = "pdlink"; // suffix of expand close bitton div
								
// default name of extend divs must be pdlink1, pdlink2, etc.



function showDiv1(divId1,linkId1){

var pop_down_content_div = "popdowncontent"; // content div suffix 
var extend_button_display = "pdlink";

var div_growers = document.getElementsByTagName('div');

for (var i = 0; i < div_growers.length; ++i) {
if(div_growers[i].id.match(pop_down_content_div)){
//"newcontentdiv"+div_growers[i].id.substring(14,div_growers[i].id.length);
document.getElementById("newcontentdiv"+div_growers[i].id.substring(14,div_growers[i].id.length)).style.display = "none";
document.getElementById(extend_button_display+div_growers[i].id.substring(14,div_growers[i].id.length)).innerHTML = "<span class=\"expl\" onClick=\"showDiv1('newcontentdiv"+div_growers[i].id.substring(14,div_growers[i].id.length) + "','" + extend_button_display+div_growers[i].id.substring(14,div_growers[i].id.length) + "')\"><img src=\"images/tyres/icons/showspec.gif\" alt=\"Show Specification\" /></span>";
	
  //  newcontentdiv+div_growers[i].id.substring(14,div_growers[i].id.length).style.display = "none";
	}
}
	
	document.getElementById(divId1).style.display = "";
	document.getElementById(linkId1).innerHTML = "<span class=\"expl\" onClick=\"hideDiv1('" + divId1 + "','" + linkId1 + "')\"><img src=\"images/tyres/icons/hidespec.gif\" alt=\"Hide Specification\" /></span>";
	
}

function hideDiv1(divId1,linkId1){
	document.getElementById(linkId1).innerHTML = "<span class=\"expl\" onClick=\"showDiv1('" + divId1 + "','" + linkId1 + "')\"><img src=\"images/tyres/icons/showspec.gif\" alt=\"Show Specification\" /></span>";
	document.getElementById(divId1).style.display = "none";
}


var div_growers = document.getElementsByTagName('div');

for (var i = 1; i < div_growers.length+1; ++i) {
  if(div_growers[i].id.match(pop_down_content_div)){
 //   document.getElementById(div_growers[i].id).innerHTML ="<div id=\'newcontentdiv"+i+"\'>"+div_growers[i].innerHTML+"</div><div id=\'pdlink"+i+"\' class=\'articleextend lineout\'></div>"
 //   hideDiv1(newcontentdiv+i,extend_button_display+i);
 

   document.getElementById(div_growers[i].id).innerHTML ="<div id=\'newcontentdiv"+div_growers[i].id.substring(14,div_growers[i].id.length)+"\'>"+div_growers[i].innerHTML+"</div><div id=\'pdlink"+div_growers[i].id.substring(14,div_growers[i].id.length)+"\' class=\'articleextend lineout\'></div>"
   hideDiv1(newcontentdiv+div_growers[i].id.substring(14,div_growers[i].id.length),extend_button_display+div_growers[i].id.substring(14,div_growers[i].id.length));
  }
}