var imagenumber = 22 ;
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
images = new Array
images[1] = "left/1.jpg"
images[2] = "left/2.jpg"
images[3] = "left/3.jpg"
images[4] = "left/4.jpg"
images[5] = "left/5.jpg"
images[6] = "left/6.jpg"
images[7] = "left/7.jpg"
images[8] = "left/8.jpg"
images[9] = "left/9.jpg"
images[10] = "left/10.jpg"
images[11] = "left/11.jpg"
images[12] = "left/12.jpg"
images[13] = "left/13.jpg"
images[14] = "left/14.jpg"
images[15] = "left/15.jpg"
images[16] = "left/16.jpg"
images[17] = "left/17.jpg"
images[18] = "left/18.jpg"
images[19] = "left/19.jpg"
images[20] = "left/20.jpg"
images[21] = "left/21.jpg"
images[22] = "left/22.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 phone = new Image(); phone.src = "phoneerror.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






phonenumlength = f.area.value.length + 
f.exchange.value.length + f.number.value.length;

(phonenumlength != 10) // validate phone number length
? showImage("phoneerror", "fieldempty.gif", true)
: showImage("phoneerror", "blankimage1.gif", false);

(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 boatZ(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=700,height=620,left = 290,top = 74');");
}




//Automate Copyright Year

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


function picZ(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=450,height=460,left = 360,top = 119');");
}



//MONTH AND DATE
 function GetDay(intDay){
    var DayArray = new Array("Sunday", "Monday", "Tuesday", "Wednesday", 
                         "Thursday", "Friday", "Saturday")
    return DayArray[intDay]
    }

  function GetMonth(intMonth){
    var MonthArray = new Array("January ","February ","March ",
                               "April ","May ","June ",
                               "July ","August ","September ",
                               "October ","November ","December ") 
    return MonthArray[intMonth] 	  	 
    }
  function getDateStrWithDOW(){
    var today = new Date()
    var year = today.getYear()
    if(year<1000) year+=1900
    var todayStr = GetDay(today.getDay()) + ", "
    todayStr += GetMonth(today.getMonth()) + "" + today.getDate()
    todayStr += ", " + year
    return todayStr
    }



//MOUSEOVERS
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.1,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("habout",  "navs/habout_on.jpg");
Rollover("haccessories",  "navs/haccessories_on.jpg");
Rollover("hbeneteau",  "navs/hbeneteau_on.jpg");
Rollover("halerion",  "navs/halerion_on.jpg");
Rollover("hbrokerage",  "navs/hbrokerage_on.jpg");
Rollover("hnews",  "navs/hnews_on.jpg");
Rollover("hservices",  "navs/hservices_on.jpg");
Rollover("hcontact",  "navs/hcontact_on.jpg");

Rollover("about",  "navs/about_on.jpg");
Rollover("accessories",  "navs/accessories_on.jpg");
Rollover("beneteau",  "navs/beneteau_on.jpg");
Rollover("alerion",  "navs/alerion_on.jpg");
Rollover("brokerage",  "navs/brokerage_on.jpg");
Rollover("news",  "navs/news_on.jpg");
Rollover("services",  "navs/services_on.jpg");
Rollover("contact",  "navs/contact_on.jpg");




//Contents for menu 1
var menu1=new Array()
menu1[0]='<a class="links" href="about.php">&nbsp; About KYS</a><br>'
menu1[1]='<a class="links" href="karma.php">&nbsp; The Karma Story</a><br>'
menu1[2]='<a class="links" href="staff.php">&nbsp; Meet Our Staff</a><br>'
menu1[3]='<a class="links" href="testimonials.php">&nbsp; Testimonials</a><br>'
menu1[4]='<a class="links" href="employment.php">&nbsp; Employment</a><br>'
menu1[5]='<a class="links" href="affiliations.php">&nbsp; Affiliations</a><br>'



//Contents for menu 2, and so on
var menu2=new Array()
menu2[0]='<a class="links" href="beneteau_sailboats.php">&nbsp; Beneteau Sailboats</a><br>'
menu2[1]='<a class="links" href="beneteau_series.php">&nbsp; Beneteau Series</a><br>'
menu2[2]='<a class="links" href="first_series.php">&nbsp; First Series</a><br>'
menu2[3]='<a class="links" href="process.php">&nbsp; Boat Buying Process</a><br>'
menu2[4]='<a class="links" href="finance.php">&nbsp; Finance Options</a><br>'


//Contents for menu 3, and so on
var menu3=new Array()
menu3[0]='<a class="links" href="alerion_sailboats.php">&nbsp; Alerion Sailboats</a><br>'
menu3[1]='<a class="links" href="alerion_express.php">&nbsp; Alerion Express</a><br>'
menu3[2]='<a class="links" href="process.php">&nbsp; Boat Buying Process</a><br>'
menu3[3]='<a class="links" href="finance.php">&nbsp; Finance Options</a><br>'


//Contents for menu 4
var menu4=new Array()
menu4[0]='<a class="links1" href="brokerage_yachts.php">&nbsp; Brokerage Yachts</a><br>'
menu4[1]='<a class="links1" href="http://www.yachtworld.com/core/listing/cache/pl_search_results.jsp?ywo=karma&ps=50&type=&new=&luom=126&hosturl=karma&page=broker&slim=broker&lineonly" target="blank">&nbsp; Boats for Sale</a><br>'
menu4[2]='<a class="links1" href="selling.php">&nbsp; Selling your Boat</a><br>'
menu4[3]='<a class="links1" href="KYS_Brokerage_Trade-In-Information_Form2008.1.pdf" target="blank">&nbsp; Brokerage Info Request (PDF)</a><br>'


//Contents for menu 5, and so on
var menu5=new Array()
menu5[0]='<a class="links" href="news.php">&nbsp; KYS News</a><br>'
menu5[1]='<a class="links" href="http://karmayachtsalesblog.blogspot.com/" target="blank">&nbsp; KYS Blog-Dock Talk</a><br>'
menu5[2]='<a class="links" href="new_product.php">&nbsp; New Product Info</a><br>'
menu5[3]='<a class="links" href="newsletter.php">&nbsp; KYS Newsletter</a><br>'


//Contents for menu 6
var menu6=new Array()
menu6[0]='<a class="links2" href="outfitting.php">&nbsp; Outfitting Your boat</a><br>'
menu6[1]='<a class="links2" href="bg.php">&nbsp; B & G</a><br>'
menu6[2]='<a class="links2" href="blue_performance.php">&nbsp; Blue Performance Gear</a><br>'
menu6[3]='<a class="links2" href="gul_usa.php">&nbsp; GUL USA</a><br>'


//Contents for menu 7, and so on
var menu7=new Array()
menu7[0]='<a class="links2" href="service.php">&nbsp; KYS Service</a><br>'
menu7[1]='<a class="links2" href="commisioning.php">&nbsp; Commisioning Process</a><br>'
menu7[2]='<a class="links2" href="tips.php">&nbsp; Helpful Tips</a><br>'
menu7[3]='<a class="links2" href="ordering.php">&nbsp; Parts Ordering</a><br>'


//Contents for menu 8, and so on
var menu8=new Array()
menu8[0]='<a class="links" href="directions.php">&nbsp; Map & Directions</a><br>'
menu8[1]='<a class="links" href="contact.php">&nbsp; General Inquiry</a><br>'



		
var menuwidth='223px' //default menu width
var menubgcolor='5C78A1'  //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