// © cod3.net 2008
function $_(elemId) {
    return document.getElementById(elemId)
}
function Control(className, innerHTML, mouseOver, mouseOut) {
    var ctl = document.createElement("a");
    ctl.className = className;
    ctl.innerHTML = innerHTML;
    ctl.onmouseover = function() {
        mouseOver()
    };
    ctl.onmouseout = function() {
        mouseOut()
    };
    return ctl
}
function Scroll(div, direction) {
    if (direction == "left") {
        this.startLeftScroll(div)
    }
    if (direction == "right") {
        this.startRightScroll(div)
    }
}
Scroll.prototype = {
    startLeftScroll: function(div) {
        var t = this;
        this.scrollInterval = window.setInterval(function() {
            t.scroll(div, 'left')
        },
        12)
    },
    startRightScroll: function(div) {
        var t = this;
        this.scrollInterval = window.setInterval(function() {
            t.scroll(div, 'right')
        },
        12)
    },
    stop: function() {
        window.clearInterval(this.scrollInterval)
    },
    scroll: function(div, direction) {
        if ((direction == "left") || (direction = "right")) {
            $_(div).scrollLeft += direction == "left" ? -6 : 6
        }
    }
};
function Controls(divToControl) {
    var left = new Control("left", "<",
    function() {
        this.sLeft = new Scroll(divToControl, 'left')
    },
    function() {
        this.sLeft.stop()
    });
    var right = new Control("right", ">",
    function() {
        this.sRight = new Scroll(divToControl, 'right')
    },
    function() {
        this.sRight.stop()
    });
    var ctlDiv = document.createElement("div");
    ctlDiv.className = "controls";
    ctlDiv.appendChild(left);
    ctlDiv.appendChild(right);
    return ctlDiv
}
function put0b4(number) {
    if (number < 10) {
        number = '0' + number
    }
    return number
}
function Holder(childClass) {
    this.parentId = childClass + "Holder";
    this.childClass = childClass
}
function Child() {}
Child.prototype = {
    callBack: null,
    className: null,
    contents: null,
    left: null,
    length: 1,
    getDiv: function() {
        var div = document.createElement("div");
        div.className = this.className;
        div.innerHTML = this.contents;
        
		if (this.className == "event") {
            div.style.margin = "0px 0px 0px " + this.left + "px";
            div.style.width = ((this.length * 168) + ((this.length - 1) * 8)) + "px";
            if (typeof this.callBack != "undefined") {
                var thisCallBack = this.callBack;
                div.onclick = function() {
                    thisCallBack()
                }
            }
        }
		
		
        return div
    }
};
Holder.prototype = {
    parentId: null,
    childClass: null,
    lastLeft: 0,
    addChild: function(child) {
        child.className = this.childClass;
        var thisChildLeft = parseFloat(child.left) + parseFloat(child.length);
        child.left = (child.left - this.lastLeft) * 176;
        this.lastLeft = thisChildLeft;
        var childDiv = child.getDiv();
        this.div.appendChild(childDiv)
    },
    toDiv: function() {
        var holderDiv = document.createElement("div");
        holderDiv.className = this.parentId;
        this.div = holderDiv;
        return holderDiv
    }
};
function Timetable(parentDiv, NumJour, NumMois) {
    this.parentDiv = parentDiv;
    $_(parentDiv).className = "timetable";
    var hourHolder = new Holder("hour");
    $_(this.parentDiv).appendChild(hourHolder.toDiv());
    var eventHolder = new Holder("event");
    var eHdiv = eventHolder.toDiv();
    eHdiv.appendChild(new Controls(parentDiv));
    $_(this.parentDiv).appendChild(eHdiv);
	var semaine = new Array("Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi","Samedi", "Dimanche","Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi","Samedi", "Dimanche","Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi","Samedi", "Dimanche","Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi","Samedi", "Dimanche","Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi","Samedi", "Dimanche");
	var Mois = new Array("janvier", "f&eacute;vrier", "mars", "avril", "mai", "juin","juillet", "ao&ucirc;t","septembre", "octobre", "novembre", "d&eacute;cembre");
    for (var x = 1; x != 32; x++) {
        var hour = new Child();
        hour.contents =  semaine[x+NumJour-1] +" "+ x +" "+ Mois[NumMois-1]; //+ ":00 &raquo; " + put0b4(x + 1) + ":00";
        hourHolder.addChild(hour)
    }
    this.hourHolder = hourHolder;
    this.eventHolder = eventHolder;
    this.goToNow()
}
function base60(base100) {
    base100 = base100 * 1;
    base100 = base100.toFixed(2);
    var mn = Math.floor(base100.substring(base100.length - 2, base100.length) / 0.6);
    return Math.floor(base100) + '.' + mn
}
Timetable.prototype = {
   
   addEvent: function(desc, start, length, callBack) {
        var evt = new Child();
        evt.contents = desc;
        evt.left = base60(start);
        evt.length = base60(length);
        evt.callBack = callBack;
        this.eventHolder.addChild(evt)
    },
    goTo: function(hour) {
        $_(this.parentDiv).scrollLeft = base60(hour) * 176
    },
    goToNow: function() {
        var theDate = new Date();
        var theHours = put0b4(theDate.getHours());
        var theMinutes = put0b4(theDate.getMinutes());
        var gotoString = theHours + '.' + theMinutes;
        this.goTo(gotoString)
    }
};