document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.0,transition=21) }</STYLE>');

var onImages=new Array();
function Rollover(imgName, imgSrc)
{
	onImages[imgName] = new Image();
	onImages[imgName].src = imgSrc;
}

function turnOn(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].apply();
	document.images[imgName].offSrc = document.images[imgName].src;
	document.images[imgName].src    = onImages[imgName].src;
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].play();
}

function turnOff(imgName){ 
	if(document.images[imgName].filters != null)
		document.images[imgName].filters[0].stop();
	document.images[imgName].src = document.images[imgName].offSrc;
}

var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}





//Specify name of participating images, plus paths to their onMouseover replacements:



Rollover("about",  "navs/about_on.jpg");
Rollover("products",  "navs/products_on.jpg");
Rollover("services",  "navs/services_on.jpg");
Rollover("policy",  "navs/policy_on.jpg");
Rollover("contact",  "navs/contact_on.jpg");
Rollover("map",  "navs/site_on.jpg");



function checkEmail(myForm) {
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(myForm.ea.value)){
return (true)
}
alert("Invalid E-mail Address! Please re-enter.")
return (false)
}



//Automate Copyright Year

today=new Date();
y0=today.getFullYear();



var imagenumber = 10 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
images = new Array
images[1] = "know/1.jpg"
images[2] = "know/2.jpg"
images[3] = "know/3.jpg"
images[4] = "know/4.jpg"
images[5] = "know/5.jpg"
images[6] = "know/6.jpg"
images[7] = "know/7.jpg"
images[8] = "know/8.jpg"
images[9] = "know/9.jpg"
images[10] = "know/10.jpg"
images[11] = "know/11.jpg"

var image = images[rand1]





//VALIDATE CONTACT FORM

var empty = new Image(); empty.src = "fieldempty.gif";
var email = new Image(); email.src = "emailerror.gif";


var haveerrors = 0;
function showImage(imagename, imageurl, errors) {
document[imagename].src = imageurl;
if (!haveerrors && errors) haveerrors = errors;
}

function validateForm(f) {
haveerrors = 0;
(f.fname.value.length < 1) // validate first name length
? showImage("firstnameerror", "fieldempty.gif", true)   // no semi-colon after this line!
: showImage("firstnameerror", "blankimage1.gif", false); // true = errors, false = no errors







(f.email.value.search("@") == -1 || f.email.value.search("[.*]") == -1) // validate email
? showImage("emailerror", "fieldempty.gif", true)
: showImage("emailerror", "blankimage1.gif", false);

return (!haveerrors);

}




function autotab(original,destination){
if (original.getAttribute&&original.value.length==original.getAttribute("maxlength"))
destination.focus()
}


function mailpage()
{
mail_str = "mailto:?subject=Check out Pease Custom Acrylics! ";
mail_str += "&body=Check out this unique item at Pease Custom Acrylic Furnishings";
mail_str += ". You can view it at: " + location.href; 
location.href = mail_str;
}


//Contents for menu 1
var menu1=new Array()
menu1[0]='<a class="links" href="index.php"> WELCOME TO PEASE</a><br>'






//Contents for menu 2, and so on
var menu2=new Array()
menu2[0]='<a class="links" href="furniture.php"> FURNITURE</a><br>'
menu2[1]='<a class="links" href="pease_pedestals.php"> PEDESTALS</a><br>'
menu2[2]='<a class="links" href="frames.php"> FRAMES</a><br>'
menu2[3]='<a class="links" href="sculptures.php"> SCULPTURES</a><br>'
menu2[4]='<a class="links" href="wilkinson.php"> MICHAEL WILKINSON</a><br>'
menu2[5]='<a class="links" href="wall_art.php"> BILL MACK WALL ART</a><br>'




//Contents for menu 3, and so on
var menu3=new Array()
menu3[0]='<a class="links" href="residential.php"> RESIDENTIAL</a><br>'
menu3[1]='<a class="links" href="commercial.php"> COMMERCIAL</a><br>'
menu3[2]='<a class="links" href="engraving.php"> CUSTOM AWARDS &<br>LASER ENGRAVING</a><br>'


//Contents for menu 4, and so on
var menu4=new Array()
menu4[0]='<a class="links" href="inquiry.php"> GENERAL INQUIRY FORM</a><br>'
menu4[1]='<a class="links" href="contact.php"> HOURS and LOCATION</a><br>'
menu4[2]='<a class="links" href="terms.php"> TERMS and CONDITIONS</a><br>'





		
var menuwidth='223px' //default menu width
var menubgcolor='999999'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge+200")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge+2")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu