// JavaScript Document
// Centennial

//<![CDATA[

  var timeoutID = 0;
  var map;
  var ICOstart;
  var zoom = 10;
  var center_lat = "44.28000";//44.36805	-103.481505
  var center_lon = "-103.481505";
  var iWidthOV = 150;				// Changes the Width and Height of the OverView map in the LR corner, 
  var iHeightOV = 120;  			// (cont'd) should be smaller and proportional
  var iRightLogo = iWidthOV;	// This changes the absolute right position of the Ridgerider Logo, based on iWidth
  var iRightGSC = iRightLogo + iWidthOV; //   " " of the ScaleControl, based on iRightLogo, and the width of the logo (150)
  
function onLoad()
{
        map = new GMap2(document.getElementById("map"));
	map.enableDoubleClickZoom();
    map.enableScrollWheelZoom();
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(center_lat, center_lon), zoom, G_HYBRID_MAP);
    map.addControl(new GOverviewMapControl(new GSize(iWidthOV,iHeightOV)));

ICOgreen  =  new GIcon();
ICOgreen.image  =  "http://labs.google.com/ridefinder/images/mm_20_green.png";
ICOgreen.shadow  =  "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
ICOgreen.iconSize  =  new GSize(12, 20);
ICOgreen.shadowSize  =  new GSize(22, 20);
ICOgreen.iconAnchor  =  new GPoint(6, 20);
ICOgreen.infoWindowAnchor  =  new GPoint(3, 24);

ICOwhite  =  new GIcon();
ICOwhite.image  =  "http://labs.google.com/ridefinder/images/mm_20_white.png";
ICOwhite.shadow  =  "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
ICOwhite.iconSize  =  new GSize(12, 20);
ICOwhite.shadowSize  =  new GSize(22, 20);
ICOwhite.iconAnchor  =  new GPoint(6, 20);
ICOwhite.infoWindowAnchor  =  new GPoint(3, 24);

ICOdbs  =  new GIcon();
ICOdbs.image  =  "/images/icodbs.png";
ICOdbs.shadow  =  "/images/icodbs_sh.png";
ICOdbs.iconSize  =  new GSize(31, 40);
ICOdbs.shadowSize  =  new GSize(52, 40);
ICOdbs.iconAnchor  =  new GPoint(16, 40);
ICOdbs.infoWindowAnchor  =  new GPoint(3, 24);

//Point01
   var Point01_Text = "<p class='gm_hdr'>Bear Butte Trailhead</p><p class='gm_txt'>A  treasured monument to Natives, this geological formation is one of several intrusions of igneous rock in the Black Hills that formed millions of years ago.<br />&nbsp;<br /><a class='gm' href='http://www.sdgfp.info/Parks/Regions/NorthernHills/BearButte.htm' target='_self'>Bear Butte State Park</a></p>";
   var Point01_Lat = 44.45844;
   var Point01_Long = -103.43543;
   var Point01 = new GMarker(new GLatLng(Point01_Lat,Point01_Long),ICOwhite);
     GEvent.addListener(Point01, "click", function()
{
     Point01.openInfoWindowHtml(Point01_Text);
});

//Point02
   var Point02_Text = "<p class='gm_hdr'>Alkali Creek Trailhead</p><p class='gm_txt'>Exit 34 US I-90.  North of the highway, across from the National Cemetery. Turn left, and enter the horseshoe parking area a few hundred yards in.<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/mtn/bulldog.html' target='_self'>Bulldog</a></p>";
   var Point02_Lat = 44.3754;
   var Point02_Long = -103.4688;
   var Point02 = new GMarker(new GLatLng(Point02_Lat,Point02_Long),ICOwhite);
     GEvent.addListener(Point02, "click", function()
{
     Point02.openInfoWindowHtml(Point02_Text);
});

//Point03
   var Point03_Text = "<p class='gm_hdr'>Elk Creek Trailhead</p><p class='gm_txt'>About 2 miles down Runkle Road, which is near the southern summit of Vanocker Canyon.<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/mtn/dal_elkcr.html' target='_self'>Elk Creek to Dalton</a></p>";
   var Point03_Lat = 44.30231;
   var Point03_Long = -103.51597;
   var Point03 = new GMarker(new GLatLng(Point03_Lat,Point03_Long),ICOwhite);
     GEvent.addListener(Point03, "click", function()
{
     Point03.openInfoWindowHtml(Point03_Text);
});

//Point04
   var Point04_Text = "<p class='gm_hdr'>Top of Bulldog</p><p class='gm_txt'>Awesome view of plains and Paha Mato, Bear Butte.</p>";
   var Point04_Lat = 44.35816;
   var Point04_Long = -103.48902;
   var Point04 = new GMarker(new GLatLng(Point04_Lat,Point04_Long),ICOgreen);
     GEvent.addListener(Point04, "click", function()
{
     Point04.openInfoWindowHtml(Point04_Text);
});

//Point05
   var Point05_Text = "<p class='gm_hdr'>Dalton Trailhead</p><p class='gm_txt'>Off of Nemo Road.<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/mtn/centennial.html' target='_self'>Centennial Trail</a></p>";
   var Point05_Lat = 44.23053;
   var Point05_Long = -103.472;
   var Point05 = new GMarker(new GLatLng(Point05_Lat,Point05_Long),ICOwhite);
     GEvent.addListener(Point05, "click", function()
{
     Point05.openInfoWindowHtml(Point05_Text);
});

//Point06
   var Point06_Text = "<p class='gm_hdr'>Box Elder Trailhead</p><p class='gm_txt'>Lat: 44.19263<br />Lon: -103.51745<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/mtn/centennial.html' target='_self'>Centennial Trail</a></p>";
   var Point06_Lat = 44.19263;
   var Point06_Long = -103.51745;
   var Point06 = new GMarker(new GLatLng(Point06_Lat,Point06_Long),ICOwhite);
     GEvent.addListener(Point06, "click", function()
{
     Point06.openInfoWindowHtml(Point06_Text);
});

//Point07
   var Point07_Text = "<p class='gm_hdr'>Pilot Knob Trailhead</p><p class='gm_txt'>Lat: 44.14346<br />Lon: -103.55841<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/mtn/centennial.html' target='_self'>Centennial Trail</a></p>";
   var Point07_Lat = 44.14346;
   var Point07_Long = -103.55841;
   var Point07 = new GMarker(new GLatLng(Point07_Lat,Point07_Long),ICOwhite);
     GEvent.addListener(Point07, "click", function()
{
     Point07.openInfoWindowHtml(Point07_Text);
});

//Point08
   var Point08_Text = "<p class='gm_hdr'>Deer Creek Trailhead</p><p class='gm_txt'>Lat: 44.1075<br />Lon: -103.53667<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/mtn/centennial.html' target='_self'>Centennial Trail</a></p>";
   var Point08_Lat = 44.1075;
   var Point08_Long = -103.53667;
   var Point08 = new GMarker(new GLatLng(Point08_Lat,Point08_Long),ICOwhite);
     GEvent.addListener(Point08, "click", function()
{
     Point08.openInfoWindowHtml(Point08_Text);
});

//Point09
   var Point09_Text = "<p class='gm_hdr'>Rapid Creek Trailhead</p><p class='gm_txt'>Lat: 44.0775<br />Lon: -103.48594<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/mtn/centennial.html' target='_self'>Centennial Trail</a></p>";
   var Point09_Lat = 44.0775;
   var Point09_Long = -103.48594;
   var Point09 = new GMarker(new GLatLng(Point09_Lat,Point09_Long),ICOwhite);
     GEvent.addListener(Point09, "click", function()
{
     Point09.openInfoWindowHtml(Point09_Text);
});

//Point10
   var Point10_Text = "<p class='gm_hdr'>Brush Creek Trailhead</p><p class='gm_txt'>Lat: 44.04247<br />Lon: -103.45173<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/mtn/centennial.html' target='_self'>Centennial Trail</a></p>";
   var Point10_Lat = 44.04247;
   var Point10_Long = -103.45173;
   var Point10 = new GMarker(new GLatLng(Point10_Lat,Point10_Long),ICOwhite);
     GEvent.addListener(Point10, "click", function()
{
     Point10.openInfoWindowHtml(Point10_Text);
});

//Point11
   var Point11_Text = "<p class='gm_hdr'>Dakota Point Trailhead</p><p class='gm_txt'>Lat: 43.98508<br />Lon: -103.46071<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/mtn/centennial.html' target='_self'>Centennial Trail</a></p>";
   var Point11_Lat = 43.98508;
   var Point11_Long = -103.46071;
   var Point11 = new GMarker(new GLatLng(Point11_Lat,Point11_Long),ICOwhite);
     GEvent.addListener(Point11, "click", function()
{
     Point11.openInfoWindowHtml(Point11_Text);
});

//Point12
   var Point12_Text = "<p class='gm_hdr'>Flume Trailhead</p><p class='gm_txt'>Lat: 43.96551<br />Lon: -103.46006<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/mtn/centennial.html' target='_self'>Centennial Trail</a></p>";
   var Point12_Lat = 43.96551;
   var Point12_Long = -103.46006;
   var Point12 = new GMarker(new GLatLng(Point12_Lat,Point12_Long),ICOwhite);
     GEvent.addListener(Point12, "click", function()
{
     Point12.openInfoWindowHtml(Point12_Text);
});

//Point13
   var Point13_Text = "<p class='gm_hdr'>Samelius Trailhead</p><p class='gm_txt'>Lat: 43.92842<br />Lon: -103.48791<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/mtn/centennial.html' target='_self'>Centennial Trail</a></p>";
   var Point13_Lat = 43.92842;
   var Point13_Long = -103.48791;
   var Point13 = new GMarker(new GLatLng(Point13_Lat,Point13_Long),ICOwhite);
     GEvent.addListener(Point13, "click", function()
{
     Point13.openInfoWindowHtml(Point13_Text);
});

//PointDBS
   var PointDBS_Text = "<p class='gm_hdr'>Deadwood Bicycles</p><p class='gm_txt'>&nbsp;&nbsp;&nbsp;180 Sherman Street<br />&nbsp;&nbsp;&nbsp;Deadwood, SD 57732<br />&nbsp;&nbsp;&nbsp;605.578.1345<br />&nbsp;&nbsp;&nbsp;DeadwoodBicycles.com<br />&nbsp;<br /><a class='gm' href='http://deadwoodbicycles.com/rides/rides.html' target='_self'>Deadwood Bicycles Rides Page</a></p>";
   var PointDBS_Lat = 44.37190727;  //44.37190727, -103.72799635
   var PointDBS_Long = -103.72799635;
   var PointDBS = new GMarker(new GLatLng(PointDBS_Lat,PointDBS_Long),ICOdbs);
     GEvent.addListener(PointDBS, "click", function()
{
     PointDBS.openInfoWindowHtml(PointDBS_Text);
});


    map.addOverlay(Point01);
    map.addOverlay(Point02);
    map.addOverlay(Point03);
    map.addOverlay(Point04);
    map.addOverlay(Point05);
    map.addOverlay(Point06);
    map.addOverlay(Point07);
    map.addOverlay(Point08);
    map.addOverlay(Point09);
    map.addOverlay(Point10);
    map.addOverlay(Point11);
    map.addOverlay(Point12);
    map.addOverlay(Point13);
    map.addOverlay(PointDBS);	

//  Load Topo Map Overlay
    var topoCopyright = new GCopyright(1,
    new GLatLngBounds(new GLatLng(18,-169),new GLatLng(72,-66) ), 5, "Copyright USGS");
    var topoCopyrightCollection = new GCopyrightCollection('Topo Maps');
    topoCopyrightCollection.addCopyright(topoCopyright);
    
    var topoTileSize = 256;
    var topoURL = 'http://terraservice.net/ogcmap6.ashx?version=1.1.1&request=GetMap&styles=&srs=EPSG:4326&format=image/jpeg&bgcolor=0xCCCCCC&exceptions=INIMAGE&layers=DRG';
    topoGetTileURL=function(tile, zoom){
	  var southWestPixel = new GPoint(tile.x*topoTileSize,(tile.y+1)*topoTileSize);
	  var northEastPixel = new GPoint((tile.x+1)*topoTileSize,tile.y*topoTileSize);
	  var southWestCoords = G_SATELLITE_MAP.getProjection().fromPixelToLatLng(southWestPixel,zoom);
	  var northEastCoords = G_SATELLITE_MAP.getProjection().fromPixelToLatLng(northEastPixel,zoom);
	  var bbox = southWestCoords.lng()+','+southWestCoords.lat()+','+northEastCoords.lng()+','+northEastCoords.lat();
	  return topoURL+'&bbox='+bbox+'&width='+topoTileSize+'&height='+topoTileSize;
    }
    var topoTileLayers = [new GTileLayer(topoCopyrightCollection,5,17)];
    topoTileLayers[0].getTileUrl = topoGetTileURL;
    var topoMap = new GMapType(topoTileLayers, G_SATELLITE_MAP.getProjection(), "Topo",
      {errorMessage:"Data Not Available", tileSize:topoTileSize});
    map.addMapType(topoMap);
	
var plBButteAlkCr = new GPolyline.fromEncoded({
  color: "#ff0000",
  weight: 2,
  opacity: 0.7,
  points: "aczmGpmovRC`@v@xA??w@yABa@i@U{@?Q?UJaB`@a@Do@M]Gs@o@i@m@YUU]e@o@_Aa@uAO]?e@RYB_Ab@k@\\e@NUBe@Hg@J]FODa@nAjA~PGjAYbBYr@n@nHJtAPpCz@bAXdC\\nA?r@MTONs@v@KX{@z@UPo@Ns@L}AGcARYBe@Po@\\s@P}A\\s@Nq@f@c@FoCfA]Lk@JsDr@UC{B]a@Qa@a@c@s@Oe@N{@a@e@a@Y]Ue@Q]LYFe@?YYs@yAUYSSg@UKe@Mc@Oi@MYYi@e@YYa@Gs@?iACa@GYIm@]mAOKs@g@w@]QK{@s@cCeB]Qa@w@s@{@a@KQUGUCe@MiAGa@i@cC]yAg@w@w@aCB}A{@a@a@Ta@NO?aA?e@Bw@CUKe@Qa@So@Qe@CQTa@MSG}@YWKyA]UM]]Qi@m@{@{@sBo@gBi@{@c@s@{@kAkAl@Uv@k@fBSjAk@vBShA?r@Bl@B`@`@jB|AxEn@rEd@vFBv@X~@Ln@Nz@LfA?~ABVBjBBtABh@Br@HbAIrBGj@aBtEa@PQB{@BeCGW?k@?UBq@F{@rB]a@eAXs@Je@Te@r@{@l@wBaBQUi@i@Ua@Qc@]eBKs@UcAU]a@?YFa@PYJq@d@c@^Gp@Kj@Md@O~@Jz@xApCz@lC?jBa@xA]l@]\\YXKPYh@o@lAGXUv@K`@Yl@Yv@Q`@e@`Am@XYEk@K]CeBQY?U?a@Co@C_A?aBKkBMi@CY?o@JuAXYGa@\\YF]HyAEY]OSk@{@Y?u@?QQYGOQk@a@]Qa@i@iCGuACYI{@YqCi@u@B_BCgCBQCa@MYCsBP]`@OPo@Mk@O{@YOCcBE_ACYCgAa@s@a@m@QYK_ATc@l@{@fBe@\\QNWXMPORsBbBc@BS?g@QoAeBwBsFQUKY_@_AK{@KYUe@GUYyAw@wE]gCk@cDCa@GUa@uCQqAa@}C_AwFa@eCg@s@YYqBsDUOYQYUiCcEm@aC]kHQ}E]o@OYUm@a@_BCe@]{@QJk@Cu@r@]d@MPs@h@w@n@{@|AWTgBn@]N]Pi@Bc@Ju@PQBUBkAs@yB_C]s@q@eBMo@GUQWmBaCwBm@mEo@kDKa@Bs@BqEQqFCSCgDo@QGq@a@Ue@Kc@s@eDUmAw@s@OKuAM{@?YCg@CiBOsBBsBBkBF}AF}AHYBqACOYQa@Ug@Yi@KQ]q@w@_Bw@yASe@oBmEqAoDo@uCGa@CgBByAF{@Ls@J_A?w@H{BBa@Ce@EsDGkBGo@JkDH}CBqCBi@BwBBs@r@]XMNq@B]PYJ]LaEGcA]wGg@qEKi@}Aw@qCMsDwBaEqCUSgCwB{@EUCw@e@wBkDqCkDoDkFoDsD{BqCUi@GY?Y?gBNq@X?F`@HTJl@",
  levels: "P?C?CACCDAEBCDCFBCDCEBCADGBCBDBAEFCDBGCDECDBFACADAEHCDAEBCDFCBEBCGADBEBCDBCDFBCBDCDEBCBDACGHBCDABEACDAEFBCDBCEBIADCECDFBCADBEACBDBFBCGADACBECFCDCEBDCECBFACEFDEBCDGCADEBCDCFDBECHACADEBCDBFCDAEBCDBFBCAGACDBCBEBDFCDBCEACDAFGBCDCEACBDIACBJCDEACDAFACDBCEACADAGBCDEACFBDEAHADBCEBCDFCADEBCDBGBCBDAEBCBDFABCDACAEGCIABDCEFCDBEGBCECFDBEBHACADCBDECDBFBCBDCAECGBDBACEFDEBGHEAJACBDECDAFCADEDKCDEACDBFBCBDEBGDEACDFBCDCEADGBDHCDEBCBDABCFBEGBDEFEADGACIDEFDBCGCDABCP",
  zoomFactor: 2,
  numLevels: 18
});
  map.addOverlay(plBButteAlkCr);

var plAlkElkCr = new GPolyline.fromEncoded({
  color: "#00ff00",
  weight: 2,
  opacity: 0.7,
  points: "svkmGf~xvRwCmA}Ai@s@M{@cAWe@YfAQn@e@~@qAjA{BOU_ABY?o@FYHSNYXs@K]Me@Oo@Yo@Ya@UKuAw@SUUa@QUi@_AUe@s@iAe@q@KQs@{@oBmAcAaBQK]?YNi@XQKq@JQ\\yA`BMXgAdECXQ~Di@bFa@PaA`BTbA\\n@L`@Nz@FTDXEd@C`@?vBPf@XbAT~@Nf@KRMPa@tAi@jDM~@]JYH]N{@n@]d@Yd@PnDM`@m@\\o@TSTUn@a@d@Uv@C|AeAfDO?UFs@\\e@FY\\Uz@O\\UP{@BOGw@s@w@wDQB]Xe@`@w@z@?XQjAe@lA]FUHOFa@J_@LkAjAQP{@v@{@r@{@h@_A~@QXm@f@QIm@{@aAyA]w@Oe@Y]Uk@a@SGl@Yn@w@jBY`@]Ro@b@gCFmA]iBw@}DsBGTM`@Ch@GLo@uAS]M]?YH{@t@mCf@yAz@cCJiAUiC?W?mAa@CGYC]]_AUs@K}AI]]_AY{@KYXs@X]UMs@a@]Kq@e@]iAg@uC]iAYCa@Pm@TUJYT]Te@FqAUk@Oe@MGTCh@IxAOr@]Fa@CQCYYe@i@]Qg@C]GeBYYFo@L]Em@GMa@GaBBgB]aDKc@g@{@Sm@s@k@cASQB]Ji@FUKQUSe@Ua@Qk@m@{Bo@UYf@_CfFQJPo@BoAGiAFa@h@sB`AmEYPw@p@a@Ta@LmA\\YB]Fo@BWB}@H]?O?UEw@a@BiIfB{@qA`B]Pi@TY?]Ja@LUFs@JU?i@?]GYGs@{GG]YQC]o@gAe@i@a@c@YYyA_AQKi@s@k@e@q@s@g@s@i@eBk@sBe@_COg@Me@e@uA_AaB]c@mAeBw@sB_AkDk@oBSa@I]\\OTk@]KyAUUQ{@i@S?k@h@]G]OUISLU?o@_BKq@U_AUeAX}AP{@NF\\GHiA{@yCMi@]w@]w@sDsF]YOTIROX]\\o@XsFkBQz@qAgCOUMo@Y_ACYGi@Ck@CgAMmAOsDIaBOeC?i@Q{@Kw@Qs@a@cAkBwBoAeAmA_A}Aa@QL_AnDs@pByAjBSL]MVkHTa@kB}DK]UyACoBG]cA}AkBxAe@`@MPOJg@XOHYBYJQPgAUw@bAs@lAU`@]n@OfAYj@Ug@Ge@Ks@UiBCs@g@w@q@e@w@o@]~CNp@?n@Lz@kBQ]KKTUl@kBtCgA~AeCdDOXMPa@v@Q`@eBhEKXc@t@]C_CYmAlA_An@ORMTmCrFKh@Id@KVcA{@Gw@JqJT{HiAfAkA`BvF{NuHs@sCgBwQdXYH]FeAuBI{GmBfFa@QCyIeBfDiAtBwB[v@_Aw@BqAv@B]`@S`@g@La@p@aDSMUTQTS\\YRYX]HQMm@i@?k@Ee@Kw@UmAw@_ASkAg@mAm@wBa@{@cBkDY_Ae@kDGa@a@mAMm@Cc@Y_Ca@cFBeB?_AGmEYeAUm@s@cB]a@SKUC]E]SQa@Y]wByDa@Gv@XCe@?s@?]FuAHuCFw@?w@Bk@J}AXqELqABgACyCFg@\\}AJ_EHw@NeALi@Rw@Hi@?aAd@kA`@eATcA?w@",
  levels: "P?CDEBCBDEFBCBDABCAEBCDAEAFAGBCDAEDFABCDACBEAFADEGCDBCEABCADBFBCABDEHBCBDBEDBCDFBCDCEABCDGBCADACEABCDAEFBACBDEACDICADACEBCDBCBCFBCDECGDABCECBDACECFBDAEBACDBGACDACBAEBCHDCACEABCDCEFABDBCBADBEBCDAGBCBDCEBCFCDABCEACBDEFBEHBCIADEBCDBEACBDCEABFEDCDBCBDAEACBDGABJCDBCEACDFBDECDBGCDECFCDABCBEACDBHBCABDBEBDBACEFBCDEGABCBDEBFACDABCECDFCIBCDCECFCDDEDFBEBGACDAEDBCAEABCAFCDBEBCBCBDBECHDBCECDACFCEABCDGACBDECADFBCACDEFCDEGDIACDEDBJDEKCCCABCBDEABCBDBACDBECFCDEBGBDAEBCDFCDEHBDBCAEBCBFBBBBCDEBCDCGCDEBCFBCDBCECDBP",
  zoomFactor: 2,
  numLevels: 18
});
  map.addOverlay(plAlkElkCr);

// Add DBS Logo
function ctrlLogo() {}

	ctrlLogo.prototype = new GControl();
	ctrlLogo.prototype.initialize = function() {
	var contents = document.createElement("div");
	contents.style.width="150px";			// Fixed Width of the Logo, do not change
	contents.style.height="100px";			// Fixed Height of the Logo, do not change
	contents.innerHTML="<a href='http://deadwoodbicycles.com/rides/rides.html' target='_self'><img src='/images/logo_ctrl.png' alt='Deadwood Bicycles Logo' title='Click for Deadwood Bicycles Ride Page' border='0'></a>";
	document.getElementById('map').appendChild(contents);
	return contents;
      }
	ctrlLogo.prototype.printable=function(){return true};
	ctrlLogo.prototype.selectable=function(){return true};
	ctrlLogo.prototype.getDefaultPosition=function(){
	return new GControlPosition(G_ANCHOR_BOTTOM_RIGHT,new GSize(iRightLogo,15))
      }

  map.addControl(new ctrlLogo());

}
//]]>
