https://wallawallatrends.org/js/contentdivider.js

1if (window.addEventListener || window.attachEvent){
2document.write('<style type="text/css">\n')
3document.write('.dropcontent{display:none;}\n')
4document.write('</style>\n')
5}
6
7// Content Tabs script- By JavaScriptKit.com (http://www.javascriptkit.com)
8// Last updated: July 25th, 05'
9
10var showrecords=1; //specify number of contents to show per tab
11var tabhighlightcolor="#BBBDC0"; //specify tab color when selected
12var taboriginalcolor="#6D6E70";
13//var taboriginalcolor="#9CB25F"; //specify default tab color. Should echo your CSS file definition.
14
15////Stop editing here//////////////////////////////////////
16
17document.getElementsByClass=function(tag, classname){
18var tagcollect=document.all? document.all.tags(tag): document.getElementsByTagName(tag); //IE5 workaround
19var filteredcollect=new Array();
20var inc=0;
21for (i=0;i<tagcollect.length;i++){
22if (tagcollect[i].className==classname)
23filteredcollect[inc++]=tagcollect[i];
24}
25return filteredcollect;
26}
27
28
29function contractall(){
30var inc=0;
31while (contentcollect[inc]){
32contentcollect[inc].style.display="none";
33inc++;
34}
35}
36
37function expandone(whichpage){
38var lowerbound=(whichpage-1)*showrecords;
39var upperbound=(tabstocreate==whichpage)? contentcollect.length-1 : lowerbound+showrecords-1;
40contractall();
41for (i=lowerbound;i<=upperbound;i++)
42contentcollect[i].style.display="block";
43}
44
45function highlightone(whichtab){
46for (i=0;i<tabscollect.length;i++){
47tabscollect[i].style.backgroundColor=taboriginalcolor;
48tabscollect[i].style.borderColor="#cdb494";
49tabscollect[i].style.color="#FFFFFF";
50//tabsfootcollect[i].style.backgroundColor="white";
51}
52tabscollect[whichtab].style.backgroundColor=tabhighlightcolor;
53tabscollect[whichtab].style.borderColor="#cdb494";
54tabscollect[whichtab].style.color="#000000";
55//tabsfootcollect[whichtab].style.backgroundColor="#E8E8E8";
56/*tabscollect[2].style.backgroundColor='#3d5b79;
57tabscollect[2].onclick = null;
58tabscollect[2].style.color='#ffffff';*/
59}
60
61function generatetab(){
62contentcollect=document.getElementsByClass("div", "dropcontent");
63tabstocreate=Math.ceil(contentcollect.length/showrecords);
64linkshtml="<div class='tabDiv'>";
65//linkshtml2="";
66var titles = new Array('', '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Chart&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;', 'More Information', 'Download Data');
67for (i=1;i<=tabstocreate;i++){
68	if(i < 3) {
69		linkshtml+='<span class="tabstyle" style="border: 1px #3d5b79 solid; color: #FFFFFF;" onClick="expandone('+i+');highlightone('+(i-1)+')">'+titles[i]+'</span>';
70	}
71	else {
72		linkshtml+='<span class="tabstyle" style="border: 1px #3d5b79 solid;"><a href="templates/dataDownload.cfm?cat_id=' + catID + '&sub_cat_id=' + subCatID + '&ind_id=' + indID + '" style="text-decoration: none; color: #FFFFFF;">'+titles[i]+'</a></span>';
73	}
74	//linkshtml2+='<a href="#" class="tabsfootstyle" onClick="expandone('+i+');highlightone('+(i-1)+');return false">Page '+i+'</a> ';
75}
76
77linkshtml+="</div>";
78document.getElementById("cyclelinks").innerHTML=linkshtml;
79//document.getElementById("cyclelinks2").innerHTML=linkshtml2;
80tabscollect=document.getElementsByClass("span", "tabstyle");
81//tabsfootcollect=document.getElementsByClass("a", "tabsfootstyle");
82highlightone(0);
83expandone(1);
84}
85
86if (window.addEventListener)
87window.addEventListener("load", generatetab, false);
88else if (window.attachEvent)
89window.attachEvent("onload", generatetab);