<!-- Begin

// NOTE: If you use a ' add a slash before it like this \'

// THESE ARE SIDEBAR OPTIONS YOU CAN TURN ON AND OFF

var showimage_1		= "yes"		// SHOW 1ST SIDEBAR IMAGE
var showimage_2		= "no"		// SHOW 2ND SIDEBAR IMAGE
var showimage_3		= "no"		// SHOW 3RD SIDEBAR IMAGE
var showarea_1		= "yes"		// SHOW THE 1ST PARAGRAPH
var showarea_2		= "no"		// SHOW THE 2ND PARAGRAPH
var showarea_3		= "no"		// SHOW THE 3RD PARAGRAPH
var links			= "no"		// SHOW SAMPLE LINKS IN THE SIDEBAR

var movedown		= "45"		// SIDEBAR SPACE FROM TOP




document.write('<img src="picts/spacer.gif" height="'+movedown+'" width="130"><br>');

document.write('<TABLE cellpadding="2" cellspacing="0" width="100%" border="0" class="smalltext"><tr><td valign="top" align="center">');



// FIRST IMAGE AREA


   if (showimage_1 == "yes") {
document.write('<a href="picts/roadmarker.jpg" rel="lytebox/lytebox" alt="image" title="PERMARK&reg; Ceramic Pavement Markers Family"><img src="picts/roadmarker2.jpg" rel="lytebox/lytebox" border="0" width="200" height="150" class="borders"></a><br><br>');
}


// START FIRST TEXT AREA

   if (showarea_1 == "yes") {

document.write('<fieldset class="sidebar"><legend>');
document.write('Products:</legend>');


document.write('<a href="gallery.htm" title="PERMARK&reg; Product Galler">PERMARK&reg; Product Gallery</a><br>');
document.write('<a href="gallery2.htm" title="PERMARK&reg; Markers in Use">PERMARK&reg; Markers In Use</a><br>');
document.write('<a href="products.htm#8Channel" title="PERMARK&reg; 8 inch Channel Markers">8" Channel Markers</a><br>');
document.write('<a href="products.htm#6Channel" title="PERMARK&reg; 6 inch Channel Markers">6" Channel Markers</a><br>');
document.write('<a href="products.htm#6Jiggle" title="PERMARK&reg; 6 inch Jiggle Bars">6" Jiggle Bars</a><br>');
document.write('<a href="why_ceramics.htm" title="Why Ceramics?">Why Ceramics?</a><br>');


document.write('</fieldset>');
document.write('<br><br><br>');
}

// END FIRST TEXT AREA



// SECOND IMAGE AREA


   if (showimage_2 == "yes") {
document.write('<img src="picts/permark_side.jpg" rel="lytebox/lytebox" border="0" width="150" height="64" class="borders"><br><br>');
}


// START SECOND TEXT AREA
   if (showarea_2 == "yes") {

document.write('<fieldset class="sidebar"><legend>');
document.write('Notes Title:</legend>');

document.write('This area is to add some notes or links. Edit the sidebar.js to update this text area. ');

document.write('<a href="about.htm">More...</a>');

document.write('</fieldset>');
document.write('<br><br><br>');
}
// END SECOND TEXT AREA



// SAMPLE LINKS AREA
   if (links == "yes") {

document.write('<fieldset class="sidebar"><legend>');
document.write('More Links:</legend>');

document.write('<a href="about.htm">Edit This Sample Link</a><br>');

document.write('<a href="about.htm">Edit This Sample Link</a><br>');

document.write('<a href="about.htm">Edit This Sample Link</a><br>');

document.write('<a href="http://allwebcodesign.com" target="_blank">Edit This Sample Link</a><br>');

document.write('<a href="http://allwebcodesign.com" target="_blank">Edit This Sample Link</a><br>');

document.write('<a href="http://allwebcodesign.com" target="_blank">Edit This Sample Link</a><br>');


document.write('</fieldset>');
document.write('<br><br><br>');
}
// SAMPLE LINKS AREA


// THIRD IMAGE AREA


   if (showimage_3 == "yes") {
document.write('<img src="picts/sidebar-3.jpg" border="0" width="150" height="100" class="borders"><br><br>');
}




// START THIRD TEXT AREA
   if (showarea_3 == "yes") {

document.write('<fieldset class="sidebar"><legend>');
document.write('Notes Title:</legend>');

document.write('This area is to add some notes or links. Edit the sidebar.js to update this text area. ');

document.write('<a href="about.htm">More...</a>');

document.write('</fieldset>');
document.write('<br><br><br>');
}
// END THIRD TEXT AREA







document.write('</td></tr></table>');
//  End -->
