var tl;
			var JS, ML, TM, VX, NAT, GO;
			function onLoad() {         
				JS = true;
				ML = true;
				TM = true;
				VX = true;
				NAT = true;
				GO = true;
		                var eventSource = new Timeline.DefaultEventSource();
				var theme = Timeline.ClassicTheme.create();
				theme.event.track.height = 1;
				theme.event.track.gap = 8;
				theme.event.tape.height = 2;	
				var bandInfos = [
                                        Timeline.createBandInfo({
                                                eventSource:    eventSource,
                                                date:           "Jun 1 1969 00:00:00 GMT",
                                                width:          "85%",
                                                intervalUnit:   Timeline.DateTime.YEAR,
                                                theme:		theme,
						intervalPixels: 400
                                                }),

                                        Timeline.createBandInfo({
						overview:	true,
						eventSource:    eventSource,
                                                date:           "Jun 1 1969 00:00:00 GMT",
                                                width:          "15%",
                                                intervalUnit:   Timeline.DateTime.DECADE,
                                                intervalPixels: 400
					})
                                ];

                                bandInfos[1].syncWith = 0;
                                bandInfos[1].highlight = true;

				tl = Timeline.create(document.getElementById("timeline-default"), bandInfos);
                                tl.loadXML("JulianSamora.xml", function(xml,url){eventSource.loadXML(xml,url);} );
                                tl.loadXML("NationalTime.xml", function(xml,url){eventSource.loadXML(xml,url);} );
                                tl.loadXML("TedMartinez.xml", function(xml,url){eventSource.loadXML(xml,url);} );
				tl.loadXML("XimenezVicente.xml", function(xml,url){eventSource.loadXML(xml,url);} );
                                tl.loadXML("MariLuci.xml", function(xml,url){eventSource.loadXML(xml,url);} );
                                tl.loadXML("GilOlivares.xml", function(xml,url){eventSource.loadXML(xml,url);} );
			}

                        var resizeTimerID = null;
                        function onResize() {
                                if (resizeTimerID == null) {
                                        resizeTimerID = window.setTimeout(function() {
                                        resizeTimerID = null;
                                        tl.layout();
                                        }, 500);
                                }
                        }

	function TLU(){
		var filterMatcher=function(evt){
			if((TM && evt.getColor() == "blue") || (GO && evt.getColor() == "orange") || (VX && evt.getColor() == "brown") || (ML && evt.getColor() == "green") || (JS && evt.getColor() == "black") || (evt.getColor() == "purple")){
				return true;
			}
			else{
				return false;
			}
		}
                tl.getBand(0).getEventPainter().setFilterMatcher(filterMatcher);
                tl.paint();
	}

	function JulianVar(){
		JS = !JS;
		if(JS){
			document.getElementById("SIMG").style.border="1px solid black";
		}
		if(!JS){
			document.getElementById("SIMG").style.border="0px solid black";
		}
		TLU();
	}

        function TedVar(){
                TM = !TM;
                if(TM){
                        document.getElementById("MIMG").style.border="1px solid black";
                }
                if(!TM){
                        document.getElementById("MIMG").style.border="0px solid black";
                }
		TLU();
        }

        function GracielaVar(){
                GO = !GO;
                if(GO){
                        document.getElementById("OIMG").style.border="1px solid black";
                }
                if(!GO){
                        document.getElementById("OIMG").style.border="0px solid black";
                }
		TLU();
        }

        function VicenteVar(){
                VX = !VX;
                if(VX){
                        document.getElementById("XIMG").style.border="1px solid black";
                }
                if(!VX){
                        document.getElementById("XIMG").style.border="0px solid black";
                }
		TLU();
        }

        function MariLuciVar(){
                ML = !ML;
                if(ML){
                        document.getElementById("JIMG").style.border="1px solid black";
                }
                if(!ML){
                        document.getElementById("JIMG").style.border="0px solid black";
                }
		TLU();
        }