// JavaScript Document
// Slide Map
slidemap.Registry = [];
slidemap.speed = 1220;
slidemap.hideDelay = 325;
slidemap.minCPUResolution = 10;
// constructor
function slidemap(id)
{
    this.dom = document.getElementById ? 1 : 0
    if (this.dom) {
        this.id             = id
        this.aniTimer     = false
        this.open         = false
        this.startTime     = -0;
        
        this.xtarget = 0;
        this.ytarget = 0;
        
        this.gRef = "slidemap_"+id
        eval(this.gRef+"=this")
        slidemap.Registry[id] = this
        this.load()
    }
}
slidemap.prototype.load = function() {
    var d = document
    var c1 = this.id + "Wrapper"
    var c2 = this.id + "Container"
    var obj1 = d.getElementById(c1);
    if (obj1) var obj2 = d.getElementById(c2)
    var temp
    if (!obj1 || !obj2) window.setTimeout(this.gRef + ".load()", 100)
    else {
        this.Wrapper    = obj1
        this.menu        = obj2
        this.style        = this.menu.style
        
        var temp = "style properties\n";
        this.endSlide()
    }
}
    
slidemap.showMap = function(id,dir,top,left)
{
    var reg = slidemap.Registry
    var obj = slidemap.Registry[id]
     reg[id].startSlide(dir,top,left)
}
slidemap.prototype.startSlide = function(dir,top,left)
{
    this.changeCoordinates( dir, top, left )
    this.startTime = (new Date()).getTime()    
    this.aniTimer = window.setInterval(this.gRef + ".slide()", slidemap.minCPUResolution)
    this.endSlide;
}
slidemap.prototype.slide = function() {
    var elapsed = (new Date()).getTime() - this.startTime;
    
    if (elapsed > slidemap.speed) {
        this.endSlide(); 
    } else {
                
        var x = parseInt( this.style[ "left" ] ); //this.left;
        var y = parseInt( this.style[ "top" ] ); //this.top;
        
        if( isNaN( x ) || isNaN( y ) )
        {
            this.moveTo( -170, -240 );
            x = -240;
            y = -170;
        }
        
        var dx = this.xtarget - x;
        var dy = this.ytarget - y;
        x += Math.round( dx * .2);
        y += Math.round( dy * .2);
        
        this.moveTo(x,y);
        
        x = parseInt( this.style[ "left" ] ); //this.left;
        y = parseInt( this.style[ "top" ] ); //this.top;
    }
}
slidemap.prototype.endSlide = function() {
    this.aniTimer = window.clearTimeout(this.aniTimer);
    var elasped=0;
    
}
slidemap.prototype.changeCoordinates = function(dir, top, left) {
    this.dirType = dir;
    
    if( typeof this.style[ "top" ] == "undefined" || this.style[ "top" ] == "" )
    {
        this.top = -170; //parseInt( this.style[ "top" ], 10 );
        this.left = -240; //parseInt( this.style[ "left" ], 10 );
    }
    else
    {
        this.top = parseInt( this.style[ "top" ], 10 );
        this.left = parseInt( this.style[ "left" ], 10 );
        
    }
    this.ytarget = top;
    this.xtarget = left;
}
slidemap.prototype.moveTo = function(left,top)
{ 
    this.style["left"] = Math.round( left ) + "px";
    this.style["top"] = Math.round( top ) + "px";
}
slidemap.prototype.getPos = function(c) {
    return parseInt(this.style[c])
}
 


// Traffic Cookies
var cookieName = 'camera'; 
var myarray = init_array();
var html;
var dbug = 0; 
var w_cam='http://www.mto.gov.on.ca/english/traveller/compass/camera/pictures/BurlCamera/loc';
var c_cam='http://www.toronto.ca/trafficimages/loc';
var n_cam='http://www.mto.gov.on.ca/english/traveller/compass/camera/pictures/loc';
function d_a(ary) {
    var beg = next_entry(ary) - 1; 
    for (var i = beg ; i > -1; i--) 
    {
        ary[i] = null;
    }
} 
function init_array() {
    if (dbug) alert('init_cookie');  
    var ary = new Array(null); 
    return ary;
} 
    
function set_cookie(name,value,expires) {
    if (dbug) alert('set_cookie'); 
    if (!expires) expires = new Date();
    document.cookie = name + '=' + escape(value) + '; expires=' + expires.toGMTString() + '; path=/';
} 
function get_cookie(name) {
    if (dbug) alert('get_cookie'); 
    var dcookie = document.cookie; 
    var cname = name + "="; 
    var clen = dcookie.length; 
    var cbegin = 0; 
    while (cbegin < clen) {
        var vbegin = cbegin + cname.length;
        if (dcookie.substring(cbegin, vbegin) == cname) {
            var vend = dcookie.indexOf (";", vbegin); 
            if (vend == -1) vend = clen; 
                return unescape(dcookie.substring(vbegin, vend));
        } 
    
        cbegin = dcookie.indexOf(" ", cbegin) + 1; 
        if (cbegin == 0) break;
    } 
    return null;
} 
function del_cookie(name) {
    if (dbug) alert('del_cookie');
document.cookie = name + '=' + '; expires=Thu, 01-Jan-70 00:00:01 GMT; path=/';
} 
function get_array(name, ary) {
    if (dbug) alert('get_array'); d_a(ary); 
    var ent = get_cookie(name); 
    if (ent) {
        i = 1;
        while (ent.indexOf('^') != '-1') {
            ary[i] = ent.substring(0,ent.indexOf('^')); 
            i++;
ent = ent.substring(ent.indexOf('^')+1, ent.length);
        }
    }
} 
function set_array(name, ary, expires) {
    if (dbug) alert('set_array'); 
    var value = ''; 
    for (var i = 1; ary[i]; i++) {
        value += ary[i] + '^';
    } 
    set_cookie(name, value, expires);
} 
function del_entry(name, ary, pos, expires) {
    if (dbug) alert('del_entry');
    var value = ''; get_array(name, ary); 
    
    for (var i = 1; i < pos; i++) {
            value += ary[i] + '^';
    } 
    for (var j = pos + 1; ary[j]; j++) {
        value += ary[j] + '^';
    } 
    set_cookie(name, value, expires);
} 
function next_entry(ary) {
    if (dbug) alert('next_entry'); 
    var j = 0; 
    for (var i = 1; ary[i]; i++) {
        j = i
    } 
    return j + 1;
}
function debug_on() {dbug = 1;} 
function debug_off() {dbug = 0;} 
function dump_cookies() {
    if (document.cookie == '') 
        document.write('No Cookies Found'); 
    else {
        thisCookie = document.cookie.split('; '); 
        for (i=0; i<thisCookie.length; i++) {
            document.write(thisCookie[i] + '<br \/>');
        }
    }
}
var timeToKeep = 1000 * 60 * 60 * 24 * 365;
function AddToFavorites () {
    var id=document.getElementById('CameraViewer').name;
    if (!id) id='loc_c_17';
    
    var expires = new Date();
    expires.setTime(expires.getTime() + 1000 * 60 * 60 * 24 * 365);
    var num = next_entry(myarray);
    myarray[num] = id;
    set_array(cookieName, myarray, expires);
    
    GetFavorites();
}
function DeleteFromFavorites(id) {
    var timeToKeep = 6000000; // one minute
    var expires = new Date();
    expires.setTime(expires.getTime() + timeToKeep);
    del_entry(cookieName, myarray, id, expires);
    GetFavorites();
}
var now = new Date();
var one_year= new Date(now.getTime() + 1000 * 60 * 60 * 24 * 365);

function AddToFavoritesCookie (id) 
{
    var expires = new Date();
    expires.setTime(expires.getTime() + 1000 * 60 * 60 * 24 * 365);
    var num = next_entry(myarray);
    myarray[num] = id;
    set_array(cookieName, myarray, expires);
}

function getCookie (cookieName) {
  var cookieValue = null;
  var posName = document.cookie.indexOf(escape(cookieName) + '=');
  if (posName != -1) {
    var posValue = posName + (escape(cookieName) + '=').length;
    var endPos = document.cookie.indexOf(';', posValue);
    if (endPos != -1) {
      cookieValue = unescape(document.cookie.substring(posValue,endPos));
    } else {
      cookieValue = unescape(document.cookie.substring(posValue));
    }
  }
  return cookieValue;
}


function GetFavorites() {
    var html="";
    get_array(cookieName,myarray);
    var j=2;
    html = "<table><tr>"
    var traffCook = "";
    for (var i=1; i<next_entry(myarray); i++) {
        //j=(j==1)?2:1; 
        if ((i-1) % 3 == 0)
        {
        html=html+"</tr><tr>";
        }
        traffCook = traffCook + myarray[i] + ",";
            
        url=eval(myarray[i].substring(4,5)+'_cam');
        
//Cameraj
        html+='<td ><h2>'+document.getElementById(myarray[i]).alt+'</h2><img src="http://trafficcam.calgary.ca/loc'+myarray[i].substring(6)+'.jpg" width="258" height="194" class="Camera" alt="'+document.getElementById(myarray[i]).alt+'" title="'+document.getElementById(myarray[i]).alt+'"><br clear="all"/><a href="javascript:DeleteFromFavorites('+[i] +');">Delete from Favorites</a></td>';
    }
    setCookie("trafficBC",traffCook, one_year,"/");
    html=html+"</tr></table>";
    document.getElementById('Favorites').innerHTML=html;
}
function GetTrafficHome() {
    var html="";
    get_array(cookieName,myarray);
    var j=2;
    
    for (var i=1; i<3; i++) {
         url=(myarray[i]) ?  eval(myarray[i].substring(4,5)+'_cam'):c_cam;
        cam=(myarray[i]) ?  myarray[i].substring(6):14-i;
         
        var camera=document.getElementById('TrafficCamera'+i);
        camera.src=url+cam+".jpg";
    }
}
 function showCamera(n,d)
 {
    url=eval(d+'_cam');
    //var imgPath = url+n+".jpg";
    //var imgPath = "http://ctv1.ctv.ca/etracker/scraperTrafficBC.asp?camID=" + n;
    var imgPath = "http://trafficcam.calgary.ca/loc"+n+".jpg";
    var imgTitle = 'loc_'+d+'_'+n;
    //Load Image    
    var imgSrc = new Image();
    var imgLoad=document.getElementById('LoadingGraphic');
    imgLoad.style.display='block';
     imgSrc.onload= function(){swapCamera(imgPath,imgTitle,imgLoad)};
    imgSrc.onerror = imgSrc.onload 
    imgSrc.src = imgPath;
}
 function swapCamera(imgPath,imgTitle,imgLoad)
 {
    
    var ShowCamera=document.getElementById('LiveCamera');
    var ShowCamera_Name=document.getElementById('CameraViewer_Name');
    ShowCamera.src=imgPath;
    ShowCamera_Name.innerHTML=document.getElementById(imgTitle).alt;
    document.getElementById('CameraViewer').name=imgTitle;        
    imgLoad.style.display='none';
}                        
    


// OnPreLoad
new slidemap("TrafficMap")