Mr. Klanica

UPDATE: Teaching Schedule \| Robotics Engineering \| Technology Apps \| Web Design 10 \| Advanced Math 11 \| Class Resources \| F.I.R.S.T. \| About The Teacher \| Lesson Plans \| Web Design 11/12 \| Algebra I \| UpdateIndex \| Help

VIEW: Home \| Teaching Schedule \| Robotics Engineering \| Technology Apps \| Web Design 10 \| Advanced Math 11 \| Class Resources \| F.I.R.S.T. \| About The Teacher \| Lesson Plans \| Web Design 11/12 \| Algebra I

Visit the TeacherWeb® videos to learn about the features, modifications, and customizations available on your website. Click here to learn more. Algebra I small medium large <style type="text/css"> .test { color:red; font-weight:bold; } .noClass { color:purple; font-weight:bold; } .labAssign { color:green; font-weight:bold; } .projectAssign { color:blue; font-weight:bold; } .CollapsiblePanel { margin: 0px; padding: 0px; width: 620px; } .CollapsiblePanelTab { font: bold 14px sans-serif; color: #D4D19B; background-color: #325431; border-bottom: solid 1px #D4D19B; margin: 0px; padding: 2px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; } .CollapsiblePanelContent { margin: 0px; padding: 0px; } .CollapsiblePanelTab a { color: #D4D19B; text-decoration: none; background-color: #325431; } .CollapsiblePanelOpen .CollapsiblePanelTab { background-color: #325431; color: #D4D19B; } .CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover { background-color: #325431; color: #D4D19B; } .CollapsiblePanelFocused .CollapsiblePanelTab { background-color: #7F1823; background-color: #325431; color: #D4D19B; } </style> <script type="text/javascript"> var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {}; Spry.Widget.CollapsiblePanel = function(element, opts) { this.init(element); Spry.Widget.CollapsiblePanel.setOptions(this, opts); this.attachBehaviors(); }; Spry.Widget.CollapsiblePanel.prototype.init = function(element) { this.element = this.getElement(element); this.focusElement = null; this.hoverClass = "CollapsiblePanelTabHover"; this.openClass = "CollapsiblePanelOpen"; this.closedClass = "CollapsiblePanelClosed"; this.focusedClass = "CollapsiblePanelFocused"; this.enableAnimation = true; this.enableKeyboardNavigation = true; this.animator = null; this.hasFocus = false; this.contentIsOpen = true; }; Spry.Widget.CollapsiblePanel.prototype.getElement = function(ele) { if (ele && typeof ele == "string") return document.getElementById(ele); return ele; }; Spry.Widget.CollapsiblePanel.prototype.addClassName = function(ele, className) { if (!ele \|\| !className \|\| (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1)) return; ele.className += (ele.className ? " " : "") + className; }; Spry.Widget.CollapsiblePanel.prototype.removeClassName = function(ele, className) { if (!ele \|\| !className \|\| (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)) return; ele.className = ele.className.replace(new RegExp("\\s\\b" + className + "\\b", "g"), ""); }; Spry.Widget.CollapsiblePanel.prototype.hasClassName = function(ele, className) { if (!ele \|\| !className \|\| !ele.className \|\| ele.className.search(new RegExp("\\b" + className + "\\b")) == -1) return false; return true; }; Spry.Widget.CollapsiblePanel.prototype.setDisplay = function(ele, display) { if( ele ) ele.style.display = display; }; Spry.Widget.CollapsiblePanel.setOptions = function(obj, optionsObj, ignoreUndefinedProps) { if (!optionsObj) return; for (var optionName in optionsObj) { if (ignoreUndefinedProps && optionsObj[optionName] == undefined) continue; obj[optionName] = optionsObj[optionName]; } }; Spry.Widget.CollapsiblePanel.prototype.onTabMouseOver = function() { this.addClassName(this.getTab(), this.hoverClass); }; Spry.Widget.CollapsiblePanel.prototype.onTabMouseOut = function() { this.removeClassName(this.getTab(), this.hoverClass); }; Spry.Widget.CollapsiblePanel.prototype.open = function() { this.contentIsOpen = true; if (this.enableAnimation) { if (this.animator) this.animator.stop(); this.animator = new Spry.Widget.CollapsiblePanel.PanelAnimator(this, true); this.animator.start(); } else this.setDisplay(this.getContent(), "block"); this.removeClassName(this.element, this.closedClass); this.addClassName(this.element, this.openClass); }; Spry.Widget.CollapsiblePanel.prototype.close = function() { this.contentIsOpen = false; if (this.enableAnimation) { if (this.animator) this.animator.stop(); this.animator = new Spry.Widget.CollapsiblePanel.PanelAnimator(this, false); this.animator.start(); } else this.setDisplay(this.getContent(), "none"); this.removeClassName(this.element, this.openClass); this.addClassName(this.element, this.closedClass); }; Spry.Widget.CollapsiblePanel.prototype.onTabClick = function() { if (this.isOpen()) this.close(); else this.open(); this.focus(); }; Spry.Widget.CollapsiblePanel.prototype.onFocus = function(e) { this.hasFocus = true; this.addClassName(this.element, this.focusedClass); }; Spry.Widget.CollapsiblePanel.prototype.onBlur = function(e) { this.hasFocus = false; this.removeClassName(this.element, this.focusedClass); }; Spry.Widget.CollapsiblePanel.ENTER_KEY = 13; Spry.Widget.CollapsiblePanel.SPACE_KEY = 32; Spry.Widget.CollapsiblePanel.prototype.onKeyDown = function(e) { var key = e.keyCode; if (!this.hasFocus \|\| (key != Spry.Widget.CollapsiblePanel.ENTER_KEY && key != Spry.Widget.CollapsiblePanel.SPACE_KEY)) return true; if (this.isOpen()) this.close(); else this.open(); if (e.stopPropagation) e.stopPropagation(); if (e.preventDefault) e.preventDefault(); return false; }; Spry.Widget.CollapsiblePanel.prototype.attachPanelHandlers = function() { var tab = this.getTab(); if (!tab) return; var self = this; Spry.Widget.CollapsiblePanel.addEventListener(tab, "click", function(e) { return self.onTabClick(); }, false); Spry.Widget.CollapsiblePanel.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(); }, false); Spry.Widget.CollapsiblePanel.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(); }, false); if (this.enableKeyboardNavigation) { var tabIndexEle = null; var tabAnchorEle = null; this.preorderTraversal(tab, function(node) { if (node.nodeType == 1 / NODE.ELEMENT_NODE /) { var tabIndexAttr = tab.attributes.getNamedItem("tabindex"); if (tabIndexAttr) { tabIndexEle = node; return true; } if (!tabAnchorEle && node.nodeName.toLowerCase() == "a") tabAnchorEle = node; } return false; }); if (tabIndexEle) this.focusElement = tabIndexEle; else if (tabAnchorEle) this.focusElement = tabAnchorEle; if (this.focusElement) { Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "focus", function(e) { return self.onFocus(e); }, false); Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "blur", function(e) { return self.onBlur(e); }, false); Spry.Widget.CollapsiblePanel.addEventListener(this.focusElement, "keydown", function(e) { return self.onKeyDown(e); }, false); } } }; Spry.Widget.CollapsiblePanel.addEventListener = function(element, eventType, handler, capture) { try { if (element.addEventListener) element.addEventListener(eventType, handler, capture); else if (element.attachEvent) element.attachEvent("on" + eventType, handler); } catch (e) {} }; Spry.Widget.CollapsiblePanel.prototype.preorderTraversal = function(root, func) { var stopTraversal = false; if (root) { stopTraversal = func(root); if (root.hasChildNodes()) { var child = root.firstChild; while (!stopTraversal && child) { stopTraversal = this.preorderTraversal(child, func); try { child = child.nextSibling; } catch (e) { child = null; } } } } return stopTraversal; }; Spry.Widget.CollapsiblePanel.prototype.attachBehaviors = function() { var panel = this.element; var tab = this.getTab(); var content = this.getContent(); if (this.contentIsOpen \|\| this.hasClassName(panel, this.openClass)) { this.removeClassName(panel, this.closedClass); this.setDisplay(content, "block"); this.contentIsOpen = true; } else { this.removeClassName(panel, this.openClass); this.addClassName(panel, this.closedClass); this.setDisplay(content, "none"); this.contentIsOpen = false; } this.attachPanelHandlers(); }; Spry.Widget.CollapsiblePanel.prototype.getTab = function() { return this.getElementChildren(this.element)[0]; }; Spry.Widget.CollapsiblePanel.prototype.getContent = function() { return this.getElementChildren(this.element)[1]; }; Spry.Widget.CollapsiblePanel.prototype.isOpen = function() { return this.contentIsOpen; }; Spry.Widget.CollapsiblePanel.prototype.getElementChildren = function(element) { var children = []; var child = element.firstChild; while (child) { if (child.nodeType == 1 / Node.ELEMENT_NODE */) children.push(child); child = child.nextSibling; } return children; }; Spry.Widget.CollapsiblePanel.prototype.focus = function() { if (this.focusElement && this.focusElement.focus) this.focusElement.focus(); }; ///////////////////////////////////////////////////// Spry.Widget.CollapsiblePanel.PanelAnimator = function(panel, doOpen, opts) { this.timer = null; this.interval = 0; this.stepCount = 0; this.fps = 0; this.steps = 10; this.duration = 500; this.onComplete = null; this.panel = panel; this.content = panel.getContent(); this.panelData = []; this.doOpen = doOpen; Spry.Widget.CollapsiblePanel.setOptions(this, opts); if (this.fps > 0) { this.interval = Math.floor(1000 / this.fps); this.steps = parseInt((this.duration + (this.interval - 1)) / this.interval); } else if (this.steps > 0) this.interval = this.duration / this.steps; var c = this.content; var curHeight = c.offsetHeight ? c.offsetHeight : 0; if (doOpen && c.style.display == "none") this.fromHeight = 0; else this.fromHeight = curHeight; if (!doOpen) this.toHeight = 0; else { if (c.style.display == "none") { c.style.visibility = "hidden"; c.style.display = "block"; } c.style.height = ""; this.toHeight = c.offsetHeight; } this.increment = (this.toHeight - this.fromHeight) / this.steps; this.overflow = c.style.overflow; c.style.height = this.fromHeight + "px"; c.style.visibility = "visible"; c.style.overflow = "hidden"; c.style.display = "block"; }; Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.start = function() { var self = this; this.timer = setTimeout(function() { self.stepAnimation(); }, this.interval); }; Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.stop = function() { if (this.timer) { clearTimeout(this.timer); if (this.stepCount < this.steps) this.content.style.overflow = this.overflow; } this.timer = null; }; Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.stepAnimation = function() { ++this.stepCount; this.animate(); if (this.stepCount < this.steps) this.start(); else if (this.onComplete) this.onComplete(); }; Spry.Widget.CollapsiblePanel.PanelAnimator.prototype.animate = function() { if (this.stepCount >= this.steps) { if (!this.doOpen) this.content.style.display = "none"; this.content.style.overflow = this.overflow; this.content.style.height = this.toHeight + "px"; } else { this.fromHeight += this.increment; this.content.style.height = this.fromHeight + "px"; } }; //addWeek(1, "August 25<sup>th</sup>","August //29<sup>th</sup>","","","","",""); //addWeek(2, "September 1<sup>st</sup>","September 5<sup>th</sup>", //"","","","","") //addWeek(3, "September 8<sup>th</sup>","September 12<sup>th</sup>", //"","","","","") s4 = "September 15<sup>th</sup>" e4 = "September 19<sup>th</sup>" m4 = "TBD" t4 = "TBD" w4 = "TBD" r4 = "TBD" f4 = "TBD" //addWeek(4,s4,e4,m4,t4,w4,r4,f4,0) s5 = "September 22<sup>nd</sup>" e5 = "September 26<sup>th</sup>" m5 = "TBD" t5 = "TBD" w5 = "TBD" r5 = "TBD" f5 = "TBD" //addWeek(5, s5, e5, m5, t5, w5, r5, f5,0) s6 = "September 29<sup>th</sup>" e6 = "October 3<sup>rd</sup>" m6 = "TBD" t6 = "TBD" w6 = "TBD" r6 = "TBD" f6 = "TBD" //addWeek(6, s6, e6, m6, t6, w6, r6, f6,0) s7 = "October 6<sup>th</sup>" e7 = "October 10<sup>th</sup>" m7 = "Lesson 2-2: Cascading Style Sheets - Fonts" t7 = "Lesson 2-2: Cascading Style Sheets - Fonts (cont.)" w7 = "Lab 2-2: Cascading Style Sheets - Fonts" r7 = "<span class=noClass>No Class</span>" f7 = "Quiz - Cascading Style Sheets" //addWeek(7, s7, e7, m7, t7, w7, r7, f7,1) s8 = "October 13<sup>th</sup>" e8 = "October 17<sup>rd</sup>" m8 = "<span class=noClass>No School - Columbus Day</span>" t8 = "Lesson 2.6 - Adding and Subtracting Expressions" w8 = "Lesson 2.7 - Multiplying and Dividing Expressions" r8 = "Review of Chapter 2" f8 = "Chapter 2 Review Game" //addWeek(8, s8, e8, m8, t8, w8, r8, f8, 1) s9 = "October 20<sup>th</sup>" e9 = "October 24<sup>th</sup>" m9 = "<span class=test>Chapter 2 Test</span>" t9 = "Lesson 3.1 - Solving Equations by Adding and Subtracting" w9 = "Lab Activity" r9 = "Lesson 3.2 - Solving Equations by Multiplying and Dividing" f9 = "Lesson 3.3 - Solving Two-Step Equations" //addWeek(9, s9, e9, m9, t9, w9, r9, f9, 1) function addWeek(num, start, end ,m, t, w, r, f, s){ d = ""; d += "<div id=week"+num+" class=CollapsiblePanel>"; d += "<div class=CollapsiblePanelTab tabindex=0 align=center>"; d += "Week of "+start+" - "+end+"</div>"; d += "<div class=CollapsiblePanelContent>"; d += "<table width=620 border=1>"; d += "<tr><th>Monday</th><td width=500>"+m+"</td></tr>"; d += "<tr><th>Tuesday</th><td>"+t+"</td></tr>"; d += "<tr><th>Wednesday</th><td>"+w+"</td></tr>"; d += "<tr><th>Thursday</th><td>"+r+"</td></tr>"; d += "<tr><th>Friday</th><td>"+f+"</td></tr>"; d += "</table>"; d += "</div>"; d += "</div>"; document.write(d); var week = new Spry.Widget.CollapsiblePanel("week"+num,{contentIsOpen:s}); } </script> Students should continue working of the 5.4 packet. They should try to complete the Practice Masters and Practice worksheets. Or, would you like to view and optionally restore one of these previous versions? Password: Forgot your password?

Mr. Klanica

Algebra I

©2009 TeacherWeb, Inc.