// The constructor should be called with
// the parent object (optional, defaults to window).

function Timer(){
    this.obj = (arguments.length)?arguments[0]:window;
    return this;
}

// The set functions should be called with:
// - The name of the object method (as a string) (required)
// - The millisecond delay (required)
// - Any number of extra arguments, which will all be
//   passed to the method when it is evaluated.

Timer.prototype.setInterval = function(func, msec){
    var i = Timer.getNew();
    var t = Timer.buildCall(this.obj, i, arguments);
    Timer.set[i].timer = window.setInterval(t,msec);
    return i;
}
Timer.prototype.setTimeout = function(func, msec){
    var i = Timer.getNew();
    Timer.buildCall(this.obj, i, arguments);
    Timer.set[i].timer = window.setTimeout("Timer.callOnce("+i+");",msec);
    return i;
}

// The clear functions should be called with
// the return value from the equivalent set function.

Timer.prototype.clearInterval = function(i){
    if(!Timer.set[i]) return;
    window.clearInterval(Timer.set[i].timer);
    Timer.set[i] = null;
}
Timer.prototype.clearTimeout = function(i){
    if(!Timer.set[i]) return;
    window.clearTimeout(Timer.set[i].timer);
    Timer.set[i] = null;
}

// Private data

Timer.set = new Array();
Timer.buildCall = function(obj, i, args){
    var t = "";
    Timer.set[i] = new Array();
    if(obj != window){
        Timer.set[i].obj = obj;
        t = "Timer.set["+i+"].obj.";
    }
    t += args[0]+"(";
    if(args.length > 2){
        Timer.set[i][0] = args[2];
        t += "Timer.set["+i+"][0]";
        for(var j=1; (j+2)<args.length; j++){
            Timer.set[i][j] = args[j+2];
            t += ", Timer.set["+i+"]["+j+"]";
    }}
    t += ");";
    Timer.set[i].call = t;
    return t;
}
Timer.callOnce = function(i){
    if(!Timer.set[i]) return;
    eval(Timer.set[i].call);
    Timer.set[i] = null;
}
Timer.getNew = function(){
    var i = 0;
    while(Timer.set[i]) i++;
    return i;
}
function player(id)
{
	
	this.count = 0;
    this.timer = new Timer(this);
	this.i=1;
	this.minimized=false;
	this.percent_array;
	this.pix_coord_array;
	this.coord_array;
	this.ele_array;
	this.time_array;
	this.speed_array;
	this.incline_array;
	this.id=id;
	this.minimized;
	this.html='<div id="fb-root"></div><div id="panelwidget"><div class="hd" id="trkNameIdPlayer"></div><div class="bd" id="toposhare" style="width:520px;padding:0px;background-color:white"><table border="0" cellpadding="0"><tr><td><table border="0"><tr><td><div id="titellink'+this.id+'"></div><table border="0"><tr><td><div style="position:relative"><div style="border: 2px solid grey;" id="mapimage'+this.id+'"></div><div style="position:absolute;margin-top:-6px;margin-left:-6px;border: solid 0px #789;padding: 0px;width:15px;height:15px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;background:white;display:none;" id="marker'+this.id+'"><div style="position:relative;top:1px;left:1px; background-image: url(images/redcrosshair.png);">&nbsp;</div></div></div></td><td valign="top"><div id="controlButtons'+this.id+'" style="display:inline;position:relative;"><table border="0"><tr><td><img id="playbutton'+this.id+'" style="cursor:hand" src="'+baseUrl+'/images/silk/icons/control_play_blue.png" onclick=\'playerObj'+this.id+'.play()\' /><img style="display:none;cursor:hand" id="pausebutton'+this.id+'" style="cursor:hand" src="'+baseUrl+'/images/silk/icons/control_pause_blue.png" onclick=\'playerObj'+this.id+'.pause()\' /></td><td><img style="cursor:hand;display:inline" id="stepbackbutton'+this.id+'" src="'+baseUrl+'/images/silk/icons/control_start_blue.png" onclick=\'playerObj'+this.id+'.stepBack()\' /></td><td><img style="display:inline" id="stepforbutton'+this.id+'" style="cursor:hand" src="'+baseUrl+'/images/silk/icons/control_end_blue.png" onclick=\'playerObj'+this.id+'.stepFor()\' /></td><td><img style="display:inline" style="cursor:hand" id="resetbutton'+this.id+'" src="'+baseUrl+'/images/silk/icons/control_rewind_blue.png" onclick=\'playerObj'+this.id+'.reset()\' /></td></tr></table></div><br><br><p><div id="stats'+this.id+'"></div></p></td><td valign="top"><div id="weather'+this.id+'"></div></td></tr></table></td></tr><tr><td><table border="0" cellspacing="2"><tr><td><a target="blank" href="pdfprint?search=trk&trkGid='+this.id+'"><img style="border:0px" src="'+baseUrl+'/images/silk/icons/page_white_acrobat.png" /></a></td><td><div class="small">PDF</div></td><td><a href="tokml?gid='+this.id+'"><img  style="border:0px" src="'+baseUrl+'/images/silk/icons/world.png" /></a></td><td><div class="small">Google Earth</div></td><td><a href="togpx?gid='+this.id+'"><img  style="border:0px" src="'+baseUrl+'/images/silk/icons/phone.png" /></a></td><td><div class="small">GPX</div></td></tr></table></td></tr><tr><td align="left" valign="middle"><div style="position:relative"><div id="profileimage'+this.id+'"></div><div style="position:absolute;left:50px"><div style="position:absolute;border:solid 1px #003399;padding:0px;width:1px;height:150px;background:white;display:none;left:0;bottom:0px;" id="stick'+this.id+'"></div></div><fb:like href="www.toposhare.org/sharedroutes?permalink=' + this.id  + '" layout="standard" show_faces="true" width="450" action="like" colorscheme="light"></fb:like></td></tr></table></td></tr></table></div></div>';
	
    this.interval;
	this.move = function() {
		pix=this.pix_coord_array[this.i].split(",");
		text="<table border='0'><tr><td>T</td><td>:</td><td>"+this.time_array[this.i]+"</td></tr><tr><td>E</td><td>:</td><td> "+this.ele_array[this.i]+"</td></tr><tr><td>S</td><td>:</td><td>"+this.speed_array[this.i]+"</td></tr><tr><td>I</td><td>:</td><td>"+this.incline_array[this.i]+"%</td></tr></table>";
		if (!this.minimized) document.getElementById("marker"+this.id).style.display = "inline";
		document.getElementById("stats"+this.id).innerHTML = text;
		document.getElementById("marker"+this.id).style.left = pix[0]+"px";
		document.getElementById("marker"+this.id).style.top = pix[1]+"px";
		//stickPos=document.getElementById("stick"+this.id).style.left;
		newStickpos=this.percent_array[this.i];
		document.getElementById("stick"+this.id).style.left = newStickpos+"px";
	}
	this.gmapPan = function() { 
		coord=this.coord_array[this.i].split(" ");
		try {
			map.panTo(new GLatLng(coord[1],coord[0]));
		} catch (e) {}
	}
	this.play = function() {
		document.getElementById("playbutton"+this.id).style.display = "none";
		document.getElementById("pausebutton"+this.id).style.display = "inline";
		this.interval=500;
		this.animate();
	}
	this.animate = function() {
		if (!this.minimized) document.getElementById("stick"+this.id).style.display = "inline";
		if (this.pix_coord_array.length==this.i) return;
		this.move(this.i);
		this.gmapPan(this.i);
		this.i++;
		this.timer.setTimeout("animate", this.interval)
		
	}
	
	this.pause = function() {
		document.getElementById("playbutton"+this.id).style.display = "inline";
		document.getElementById("pausebutton"+this.id).style.display = "none";
		this.interval=10000000;
	}
	this.stepFor = function() {
		this.i++;
		this.move(this.i);
		this.gmapPan(this.i);
	}
	this.stepBack = function() {
		this.i--;
		this.move(this.i);
		this.gmapPan(this.i);
	}
	this.reset = function(){
		this.i=0;
		document.getElementById("marker"+this.id).style.display = "none";
		document.getElementById("stick"+this.id).style.display = "none";
	}
	this.changeSize = function(){
		if (this.minimized) {
			this.minimized=false;
			value="inline"
		}
		else
		{
			this.minimized=true;
			value="none"
		}
		document.getElementById("mapimage"+this.id).style.display=value;
		document.getElementById("profileimage"+this.id).style.display=value;
		document.getElementById("stick"+this.id).style.display=value;
		document.getElementById("marker"+this.id).style.display=value;
	}
	
	this.addHTML = function() {
		document.getElementById("toposhare"+this.id).innerHTML=this.html;
	}
	this.addTitel = function(str) {
			document.getElementById("titellink"+this.id).innerHTML=str;
	}
	this.addWeather = function() {
		document.getElementById("weather"+this.id).innerHTML=this.weatherHTML;
	}
	this.addMapImage = function(url) {
		document.getElementById("mapimage"+this.id).innerHTML='<img src="'+url+'">';
	}
	this.addProfileImage = function(url) {
		document.getElementById("profileimage"+this.id).innerHTML='<img src="'+url+'">';
	}
	this.renderWindow = function() {
		YAHOO.example.container.panelwidget = new YAHOO.widget.Panel("panelwidget", {visible:true, draggable:false, close:false } );
		YAHOO.example.container.panelwidget.render();
		YAHOO.example.container.panelwidget.show();
	}
										
}
var baseUrl ="http://www.toposhare.org";
var playerObj3104 = new player("3104")
//alert(playerObj3104.id);
playerObj3104.weatherHTML="<table border='0' cellspacing='0'><tr><td valign='top'><table border='0'><tr><td align='center'><b>Now</b></td></tr><tr><td align='center'><img alt='' title='Fair' src='http://us.i1.yimg.com/us.yimg.com/i/us/we/52/33.gif' /></td></tr><tr><td align='center'>45°</td></tr></table></td><td valign='top'><table border='0'><tr><td align='center'><b>Later</b></td></tr><tr><td align='center'><img alt='' title='Partly Cloudy' src='http://us.i1.yimg.com/us.yimg.com/i/us/we/52/30.gif' /></td></tr><tr><td align='center'>47°  74°</td></tr></table></td><td valign='top'><table border='0'><tr><td align='center'><b>Tomorrow</b></td></tr><tr><td align='center'><img alt='' title='Sunny' src='http://us.i1.yimg.com/us.yimg.com/i/us/we/52/32.gif' /></td></tr><tr><td align='center'>48°  76°</td></tr></table></td></tr></table><div class='weatherlink' style='text-align:left'>sunrise: 6:46 am / sunset: 7:33 pm<br /><a href='http://us.rd.yahoo.com/dailynews/rss/weather/Philomath__OR/*http://weather.yahoo.com/forecast/USOR0268_f.html'>more weather @ yahoo</a></div>";
playerObj3104.percent_array='0|0|0|4.45|4.45|8.9|13.35|17.8|22.25|31.15|40.05|44.5|48.95|48.95|53.4|57.85|75.65|80.1|84.55|89|93.45|97.9|97.9|102.35|115.7|115.7|120.15|129.05|129.05|133.5|137.95|142.4|146.85|151.3|151.3|155.75|155.75|160.2|164.65|169.1|173.55|173.55|178|178|182.45|186.9|186.9|191.35|191.35|195.8|195.8|200.25|200.25|200.25|204.7|209.15|209.15|213.6|218.05|218.05|222.5|222.5|226.95|231.4|235.85|235.85|240.3|244.75|249.2|253.65|258.1|258.1|262.55|267|271.45|275.9|280.35|284.8|289.25|302.6|311.5|315.95|320.4|347.1|356|382.7|387.15|391.6|400.5|404.95|409.4|413.85|418.3|422.75|427.2|431.65|431.65|436.1|440.55|440.55|440.55|'.split('|');
playerObj3104.pix_coord_array='198,104|197,104|196,106|193,106|192,103|192,102|187,100|182,98|178,97|171,95|165,94|162,93|157,92|154,92|153,94|152,96|132,98|129,98|125,100|122,101|119,102|115,103|112,103|108,103|99,104|95,104|91,106|86,108|83,108|81,109|77,109|72,109|67,108|65,107|63,106|60,105|58,105|55,105|50,104|48,104|45,104|42,103|40,103|38,102|35,103|33,103|32,103|29,103|26,103|23,102|22,102|20,102|18,101|17,101|15,99|13,98|9,97|6,97|4,95|3,94|2,93|4,95|7,95|10,96|13,98|16,99|19,100|25,101|29,102|32,102|35,102|37,101|41,102|44,103|48,103|52,103|56,104|60,105|63,107|78,109|84,108|89,106|94,104|119,102|125,99|151,96|152,92|156,91|163,94|168,94|173,95|176,97|181,98|184,99|187,100|190,100|190,103|191,105|194,106|196,105|198,105'.split('|');
playerObj3104.coord_array='-123.326267 44.576333,-123.326367 44.576233,-123.326467 44.5761,-123.326867 44.5761,-123.326967 44.57635,-123.326933 44.576567,-123.327517 44.576767,-123.32805 44.577,-123.328567 44.57705,-123.3294 44.577383,-123.3301 44.577417,-123.330467 44.577517,-123.331 44.577683,-123.3314 44.577683,-123.33145 44.5774,-123.331533 44.577183,-123.3339 44.577017,-123.33425 44.576967,-123.334717 44.57675,-123.335017 44.576633,-123.335433 44.5765,-123.335833 44.57645,-123.336283 44.576417,-123.336667 44.576383,-123.3378 44.5763,-123.33825 44.576233,-123.338717 44.576083,-123.339317 44.57585,-123.339583 44.5758,-123.339883 44.57575,-123.340317 44.57575,-123.340917 44.57575,-123.341433 44.575817,-123.341717 44.5759,-123.341933 44.576017,-123.342233 44.57615,-123.3425 44.576183,-123.342883 44.576217,-123.343421 44.576293,-123.343685 44.576311,-123.343978 44.576328,-123.344339 44.576428,-123.344636 44.576443,-123.34489 44.576471,-123.34518 44.576454,-123.345433 44.576414,-123.345579 44.576457,-123.345895 44.576425,-123.346208 44.57645,-123.346561 44.576488,-123.346721 44.576526,-123.346983 44.57655,-123.347133 44.5766,-123.3473 44.576683,-123.347567 44.576833,-123.3478 44.576983,-123.348167 44.577067,-123.348567 44.57715,-123.348817 44.57735,-123.348933 44.57745,-123.34905 44.577567,-123.34875 44.577383,-123.3484 44.5773,-123.348083 44.57725,-123.347717 44.577017,-123.34745 44.57685,-123.3471 44.576733,-123.346383 44.576633,-123.3459 44.576517,-123.345542 44.576533,-123.345209 44.576533,-123.344983 44.57665,-123.344467 44.576517,-123.344089 44.576404,-123.343736 44.576379,-123.343269 44.576381,-123.342799 44.576288,-123.342333 44.57615,-123.341933 44.57595,-123.34025 44.57575,-123.339483 44.57585,-123.338917 44.576067,-123.33835 44.57625,-123.33545 44.576533,-123.334683 44.576817,-123.331717 44.5772,-123.3316 44.5777,-123.331083 44.57775,-123.330283 44.577483,-123.3297 44.577483,-123.3292 44.5773,-123.328817 44.577117,-123.328167 44.577033,-123.3279 44.576917,-123.327567 44.576767,-123.32715 44.5767,-123.327117 44.5764,-123.327017 44.576133,-123.32665 44.576083,-123.326417 44.576183,-123.326217 44.5762'.split(',');
playerObj3104.ele_array='328|295|315|322|328|328|325|331|335|348|348|344|348|354|354|354|371|371|381|390|404|407|410|417|443|459|463|466|469|472|479|479|479|489|489|486|505|531|541|551|574|581|584|545|551|558|577|584|614|623|607|630|630|630|640|636|630|653|663|646|633|620|614|610|620|614|646|643|640|636|509|548|554|561|577|577|558|558|548|499|489|482|476|407|394|354|348|338|335|331|328|328|325|325|325|322|322|328|335|335|315'.split('|');
playerObj3104.time_array='23:38:54|23:42:54|23:44:01|23:44:16|23:44:27|23:44:35|23:44:52|23:45:07|23:45:21|23:45:47|23:46:10|23:46:23|23:46:42|23:46:55|23:47:09|23:47:21|23:50:03|23:52:44|23:53:08|23:53:33|23:53:57|23:54:19|23:54:47|23:55:22|23:56:40|23:57:09|23:57:31|23:57:56|23:58:08|23:58:21|23:58:40|23:59:02|23:59:24|23:59:40|23:59:55|00:00:10|00:00:26|00:00:45|00:01:03|00:01:17|00:01:38|00:01:55|00:02:12|00:02:24|00:02:46|00:03:18|00:03:48|00:04:18|00:04:48|00:05:12|00:06:07|00:06:46|00:06:57|00:07:08|00:07:29|00:07:42|00:07:55|00:08:19|00:08:34|00:08:59|00:10:33|00:10:43|00:10:55|00:11:09|00:11:55|00:12:04|00:12:20|00:12:39|00:12:48|00:12:57|00:13:10|00:14:16|00:14:43|00:14:59|00:15:09|00:15:19|00:15:33|00:15:44|00:15:54|00:16:30|00:16:45|00:17:01|00:17:15|00:17:40|00:17:46|00:18:14|00:18:23|00:18:33|00:18:49|00:19:02|00:19:11|00:19:20|00:19:34|00:19:40|00:19:47|00:19:55|00:20:02|00:20:16|00:20:26|00:24:14|00:33:37'.split('|');
playerObj3104.speed_array='0|0.1|0.6|4.7|5.9|6.8|6.8|7.4|6.6|6.5|5.4|5.4|5.4|5.5|5.1|4.7|2.6|0.4|4.1|2.4|3.4|3.3|2.9|2|2.6|2.8|4.1|4.9|4.1|4.2|4.1|4.8|4.2|3.4|3.2|4.2|3|3.6|5.4|3.4|2.5|4|3.1|3.8|2.3|1.4|0.9|1.9|1.9|2.6|0.5|1.2|2.7|3.3|2.9|4.3|5.3|3.1|4.4|1.3|0.4|7|5.5|4.1|1.9|7|4.3|6.8|10.1|7.1|4.5|0.8|3.6|4.5|6.3|8.3|6.2|8.1|8.7|8.4|9.2|7.1|7.9|20.8|25.6|19.1|14|9.3|9.8|8|11.1|9.1|8.4|9.3|10|9.5|10.7|4.9|6.6|0.2|0.1'.split('|');
playerObj3104.incline_array='0|-73|36|6|7|0|-2|4|2|5|0|-3|2|6|0|0|3|0|7|11|11|3|3|7|9|14|2|2|5|4|6|0|0|12|0|-4|28|26|7|14|30|7|4|-59|9|10|48|8|36|11|-37|33|0|0|11|-4|-7|21|10|-35|-25|-13|-7|-4|8|-7|33|-2|-2|-4|-147|54|5|6|18|0|-15|0|-8|-11|-5|-4|-4|-9|-6|-5|-4|-7|-1|-2|-2|0|-2|0|0|-3|0|7|7|0|-38'.split('|');
YAHOO.util.Event.onDOMReady(function() {
playerObj3104.addHTML();
playerObj3104.addTitel('<h6><a href="http://www.toposhare.org/sharedroutes?permalink=3104&mode=">Mulkey Creek Trail</a></h6>');
playerObj3104.addWeather();
playerObj3104.addMapImage('http://www.toposhare.org/routemap_img/map_3104.png');
playerObj3104.addProfileImage('http://www.toposhare.org/profile_img/1284123151287942_feets');
//document.getElementById("trkNameIdPlayer3104").innerHTML="<a style='color:white' href='sharedroutes?permalink=3104'>Mulkey Creek Trail</a> | 2.5 Miles | Hiking";
window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
                 xfbml: true});
		   };
		     (function() {
		         var e = document.createElement('script'); e.async = true;
			     e.src = document.location.protocol +
			           '//connect.facebook.net/en_US/all.js';
				       document.getElementById('fb-root').appendChild(e);
				         }());
					 
});