var cycles=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
// [0] cycleTitle
// [1] cycleSpecs
// [2] cycleExtras
// [3] cycleDesc
// [4] cycleImg
// [5] cyclePrice
cycles[0]=["Honda Goldwing", "<ul><li>Engine Size: 1832cc</li><li>Weight: 900 lbs</li><li>Seat Height: 29.1 in</li></ul>", "Audio Package, Headsets available, Heated grips and seat", "When you want to tour in luxury and style the Goldwing is the bike for you.  It can comfortably take the two of you across the country and back, but it’s also good for those one day tours around Lancaster County.  Just think how many baked goods you could fit in those bags!", "images/cycles/cycle3.png", "<ul><li>Single Day - $170/day</li><li>2-5 days - $150/day</li><li>6+ days - $130/day</li></ul>"]
cycles[1]=["Honda ST1300", "<ul><li>Engine Size:  1261 cc</li><li>Weight: 720 lbs</li><li>Seat Height: 31.1 in</li></ul>", "Givi topcase with backrest, available GPS", "The ST1300 provides all the amenities a touring bike should with great wind protection, a smooth torquey engine, and integrated hard luggage, but this bike has a second personality that will have you seeking the roads with the most curves per mile.  Highways or twisty mountain roads?  Enjoy both with an ST1300.", "images/cycles/cycle2.png", "<ul><li>Single Day - $150/day</li><li>2-5 days - $130/day</li><li>6+ days - $110/day</li></ul>"]
cycles[2]=["Suzuki V-strom 650", "<ul><li>Engine Size: 645cc</li><li>Weight: 479 lbs</li><li>Seat Height: 32.3 in</li></ul>", "Givi topcase with backrest, seat can be lowered to 31 in.", "Suzuki has quietly created one of the best all purpose motorcycles on the market today. Whether you are riding on highways or small, unpaved, back roads the V-Strom handles the challenge with ease. It is light enough to inspire confidence in newer riders, but powerful and agile enough to keep even the most experienced riders entertained.", "images/cycles/cycle1.png", "<ul><li>Single Day - $130/day</li><li>2-5 days - $110/day</li><li>6+ days - $95/day</li></ul>"]
cycles[3]=["Suzuki Boulevard S40", "<ul><li>Engine Size: 652cc</li><li>Weight: 381 lbs</li><li>Seat Height: 27.6 in</li></ul>", "Magnetic tank bag available", "Small is beautiful.  This is one of the lightest and lowest bikes out there.  It has plenty of power, but places it in a small easy to ride motorcycle.  Great for enjoying the countryside of Lancaster Country.", "images/cycles/cycle4.png", "<ul><li>Single Day - $100/day</li><li>2-5 days - $80/day</li><li>6+ days - $70/day</li></ul>"]
cycles[4]=["Kymco People 250s", "<ul><li>Engine Size: 251cc</li><li>Weight: 358 lbs</li><li>Seat Height: 31.5 in</li></ul>", "Topcase with backrest, lots of underseat storage, automatic transmission", "Yes this is a scooter, but it has a powerful 250cc engine, a huge seat, and lots of storage.  If you’ve never ridden a large scooter you need to give it a try.  You will be amazed how much fun and practical it is.", "images/cycles/cycle5.png", "<ul><li>Single Day - $100/day</li><li>2-5 days - $80/day</li><li>6+ days - $70/day</li></ul>"]


var scooters = new Array()
scooters[0] = ["Yamaha Vino", "", "", "", "images/scooter3.png", ""]
scooters[1] = ["Yamaha Zuma", "", "", "", "images/scooter1.png", ""]
scooters[2] = ["Yamaha C3", "", "", "", "images/scooter2.png", ""]
scooters[3] = ["Kymco People 250", "", "", "", "images/scooter4.png", ""]

function cycleNav()
{
	var cycleNavString = '';
	for (c = 0; c < cycles.length; c++)
	{
		cycleNavString += '<img id="cycle_' + c + '" alt="" class="imgBounce" src="' + cycles[c][4] + '" onclick="showBike(' + c + ')" />'
	}
	document.write(cycleNavString);
}

function showBike(id) 
{
	document.getElementById("cycleInst").style.display = "none";
	document.getElementById("cycleTitle").innerHTML = "<h3>" + cycles[id][0] + "</h3>";
	document.getElementById("cycleSpecs").innerHTML = "<h5>Specifications: </h5>" + cycles[id][1];
	document.getElementById("cycleExtras").innerHTML = "<h5>Extras: </h5>" + cycles[id][2];
	document.getElementById("cycleDesc").innerHTML = "<h5>Description: </h5>" + cycles[id][3];
	document.getElementById("cycleImg").innerHTML = "<img src='" + cycles[id][4] + "' alt='" + cycles[id][0] + "' title='" + cycles[id][0] + "'/>";
	document.getElementById("cyclePrice").innerHTML = "<h5>Price:</h5>" + cycles[id][5] + "<br/><br/><span class='footnote'>* Prices do not include $15/day for required insurance.</span>";
}


function navigateMenu(){
document.write('<ul>' +
		'<li><a href="index.html">Home</a></li>' +
		'<li>|</li>' +
		'<li><a href="rent_scooter.html">Rent a Scooter</a></li>' +
		'<li>|</li>' +
		'<li><a href="http://www.countryroadcycles.com">Rental Motorcycles</a></li>' +
		'<li>|</li>' +
		'<li><a href="destinations.html">Destinations</a></li>' +
		'<li>|</li>' +
		'<li><a href="links.html">Links</a></li>' +
		'<li>|</li>' +
		'<li><a href="contactus.php">Contact Us</a></li>' +
		'<li>|</li>' +
		'<li><a href="findus.html">Find Us</a></li>' +
	'</ul>');

}

function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}


var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
// [0] Image SRC
// [1] Image Link URL
// [2] Link Target
// [3] Background Color
fadeimages[0]=["images/slideshow/closed.jpg", "", "_blank", "#e6e6e6"]
fadeimages[1]=["images/slideshow/video.jpg", "http://www.youtube.com/watch?v=MqK6Cfbp610", "_blank", "#e6e6e6"]
fadeimages[2]=["images/slideshow/slideshow4.jpg", "", "_blank", "#e6e6e6"]
fadeimages[3]=["images/slideshow/slideshow7.jpg", "", "_blank", "#e6e6e6"]
fadeimages[4]=["images/slideshow/closed.jpg", "", "_blank", "#e6e6e6"]
fadeimages[5]=["images/slideshow/slideshow8.jpg", "", "_blank", "#e6e6e6"]
fadeimages[6]=["images/slideshow/slideshow9.jpg", "", "_blank", "#e6e6e6"]

//var fadebgcolor="black"
var fadebgcolor="#e6e6e6"

////NO need to edit beyond here/////////////
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all 

function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
 
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
//document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;"></div></div>')
document.write('<div id="master'+this.slideshowid+'" style="text-align:center; position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML

// Set background color of page
//document.body.style.background = this.theimages[this.curimageindex][3];
picobj.style.background = this.theimages[picindex][3];

}
 
 
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)

// Set background color of page
//document.body.style.background = this.theimages[this.curimageindex][3];
//document.getElementById(this.curcanvas).style.background = this.theimages[this.curimageindex][3];
//document.body.style.background = document.getElementById(this.curcanvas).style.background;


this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}
 
 
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}