Merge branch 'master' of https://github.com/Sankore/Sankore-3.1

Conflicts:
	src/gui/gui.pri

Sankore_3.1.pro

@@ -11,7 +11,7 @@ CONFIG += debug_and_release \
 VERSION_MAJ = 2
 VERSION_MIN = 00 
 VERSION_TYPE = b # a = alpha, b = beta, r = release, other => error
-VERSION_PATCH = 03
+VERSION_PATCH = 04
 
 VERSION = "$${VERSION_MAJ}.$${VERSION_MIN}.$${VERSION_TYPE}.$${VERSION_PATCH}"
 VERSION = $$replace(VERSION, "\\.r", "")
@@ -341,10 +341,17 @@ macx {
        QMAKE_BUNDLE_DATA += TRANSLATION_tr
    }
    exists(resources/i18n/sankore_cs.qm) {
-       TRANSLATION_cs.files = resources/i18n/sankore_cs.qm \
-           resources/i18n/Localizable.strings
-       TRANSLATION_cs.path = "$$RESOURCES_DIR/cs.lproj"
-       QMAKE_BUNDLE_DATA += TRANSLATION_cs
+       translation_cs.files = resources/i18n/sankore_cs.qm \
+           resources/i18n/localizable.strings
+       translation_cs.path = "$$resources_dir/cs.lproj"
+       qmake_bundle_data += translation_cs
+   }
+   
+   exists(resources/i18n/sankore_mg.qm) {
+       translation_mg.files = resources/i18n/sankore_mg.qm \
+           resources/i18n/localizable.strings
+       translation_mg.path = "$$resources_dir/mg.lproj"
+       qmake_bundle_data += translation_mg
    }
    
    QMAKE_BUNDLE_DATA += UB_ETC \
@@ -413,7 +420,8 @@ TRANSLATIONS = resources/i18n/sankore_en.ts \
    resources/i18n/sankore_ca.ts \
    resources/i18n/sankore_el.ts \
    resources/i18n/sankore_tr.ts \
-   resources/i18n/sankore_cs.ts
+   resources/i18n/sankore_cs.ts \
+   resources/i18n/sankore_mg.ts
 
 INSTALLS = UB_ETC \
    UB_I18N \

plugins/cffadaptor/src/UBCFFAdaptor.cpp

@@ -654,29 +654,25 @@ QDomElement UBCFFAdaptor::UBToCFFConverter::parseSvgPageSection(const QDomElemen
 
 void UBCFFAdaptor::UBToCFFConverter::writeQDomElementToXML(const QDomNode &node)
 {
-    if (!node.isNull())
-    if (node.isText())
-    {     
-        mIWBContentWriter->writeCharacters(node.nodeValue());
-    }   
-    else
-    {
-        mIWBContentWriter->writeStartElement(node.namespaceURI(), node.toElement().tagName());
+    if (!node.isNull()) {
+        if (node.isText())
+            mIWBContentWriter->writeCharacters(node.nodeValue());
+        else {
+            mIWBContentWriter->writeStartElement(node.namespaceURI(), node.toElement().tagName());
+
+            for (int i = 0; i < node.toElement().attributes().count(); i++) {
+                QDomAttr attr =  node.toElement().attributes().item(i).toAttr();
+                mIWBContentWriter->writeAttribute(attr.name(), attr.value());
+            }
+            QDomNode child = node.firstChild();
+            while(!child.isNull()) {
+                writeQDomElementToXML(child);
+                child = child.nextSibling();
+            }
 
-        for (int i = 0; i < node.toElement().attributes().count(); i++)
-        {
-            QDomAttr attr =  node.toElement().attributes().item(i).toAttr();
-            mIWBContentWriter->writeAttribute(attr.name(), attr.value());
+            mIWBContentWriter->writeEndElement();
         }
-        QDomNode child = node.firstChild();
-        while(!child.isNull())
-        {
-            writeQDomElementToXML(child);
-            child = child.nextSibling();
-        }
-
-        mIWBContentWriter->writeEndElement();
-    }       
+    }
 }
 
 bool UBCFFAdaptor::UBToCFFConverter::writeExtendedIwbSection()

resources/etc/Uniboard.css

@@ -2,8 +2,26 @@
 {
    color: #3F3F3F;
 }
-QMainWindow
 
+QTextEdit, 
+QLineEdit, 
+QComboBox#DockPaletteWidgetComboBox QAbstractItemView 
+{ 
+    selection-background-color: lightgreen; 
+    selection-color: black; 
+} 
+QProgressBar:horizontal {
+    border: 1px solid gray;
+    border-radius: 3px;
+    background: white;
+    padding: 1px;
+}
+QProgressBar::chunk:horizontal {
+    /*background: qlineargradient(x1: 0, y1: 0.5, x2: 1, y2: 0.5, stop: 0 green, stop: 1 lightgreen);*/
+    background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #B1B1B1, stop:1 #c4c4c4);
+}
+
+QMainWindow
 {
    background-color: #F1F1F1;  
 }

resources/images/pencil.svg

-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 13.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
-<svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
-	 y="0px" width="33px" height="33px" viewBox="0 0 33 33" xml:space="preserve">
-<g id="Arrière-plan">
-</g>
-<g id="Guides">
-</g>
-<g id="Premier_plan">
-	<path fill="#333333" stroke="#000000" d="M2.405,31.674c-0.002,0.013-0.659,0.669-0.659,0.669c-0.008,0.01-0.016,0.019-0.025,0.028
-		c-0.163,0.164-0.385,0.139-0.517,0.098c-0.147-0.046-0.292-0.141-0.412-0.261s-0.215-0.265-0.261-0.412
-		c-0.041-0.132-0.065-0.354,0.098-0.517l0.716-0.716c1.095-2.139,3.16-6.116,3.642-6.597L25.898,3.053
-		c0.215-0.215,0.49-0.335,0.786-0.378l1.864-1.864c0.61-0.61,1.92-0.298,2.929,0.711s1.321,2.319,0.711,2.929l-1.864,1.864
-		c-0.042,0.296-0.163,0.57-0.378,0.786L9.114,27.926c-0.025,0.031-0.052,0.06-0.081,0.089C8.55,28.499,4.532,30.583,2.405,31.674z"
-		/>
-	<path fill="#FF8B9B" d="M29.935,6.316c-0.061-0.713-0.487-1.513-1.104-2.129s-1.416-1.042-2.129-1.104l2.06-2.06
-		c0.42-0.42,1.527-0.283,2.521,0.711c0.995,0.994,1.131,2.101,0.712,2.521L29.935,6.316z"/>
-	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="19.4741" y1="17.4038" x2="15.7053" y2="13.635">
-		<stop  offset="0" style="stop-color:#FF5833"/>
-		<stop  offset="0.3861" style="stop-color:#FF9733"/>
-		<stop  offset="0.6782" style="stop-color:#FFFFFF"/>
-		<stop  offset="0.8069" style="stop-color:#FFB100"/>
-	</linearGradient>
-	<path fill="url(#SVGID_1_)" d="M28.706,7.945L8.835,27.815l-3.637-3.637L25.125,4.253l0.016-0.017
-		c0.612-0.612,1.924-0.293,2.929,0.711c1.005,1.005,1.324,2.317,0.711,2.929C28.757,7.901,28.732,7.924,28.706,7.945z"/>
-	<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="3.4688" y1="26.6265" x2="5.7383" y2="28.6272">
-		<stop  offset="0" style="stop-color:#E6C59E"/>
-		<stop  offset="0.4802" style="stop-color:#FFFFFF"/>
-		<stop  offset="0.7426" style="stop-color:#E6C59E"/>
-		<stop  offset="1" style="stop-color:#B1835D"/>
-	</linearGradient>
-	<path fill-rule="evenodd" fill="url(#SVGID_2_)" d="M8.839,27.82c-0.442,0.442-4.396,2.5-6.562,3.61l-0.688-0.688
-		c1.11-2.166,3.167-6.12,3.609-6.562c0.612-0.612,1.924-0.294,2.929,0.711S9.451,27.208,8.839,27.82z"/>
-	<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="31.5435" y1="5.353" x2="27.9833" y2="1.7929">
-		<stop  offset="0" style="stop-color:#FF9AA9"/>
-		<stop  offset="1" style="stop-color:#FFFFFF"/>
-	</linearGradient>
-	<path fill="url(#SVGID_3_)" d="M28.464,4.554c-0.5-0.499-1.123-0.892-1.747-1.078l2.248-2.248c0.229-0.229,1.134-0.268,2.113,0.711
-		c0.979,0.979,0.941,1.884,0.711,2.113l-2.248,2.248C29.356,5.677,28.964,5.054,28.464,4.554z"/>
-	<path fill="#808080" d="M29.752,6.906l-1.902,1.902c0.605-0.615,0.285-1.921-0.717-2.923c-1.005-1.005-2.316-1.324-2.929-0.711
-		l1.907-1.908c0.612-0.612,1.924-0.293,2.929,0.712S30.365,6.294,29.752,6.906z"/>
-	<g>
-		<ellipse transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 25.2793 51.7028)" cx="1.932" cy="31.087" rx="0.253" ry="0.485"/>
-		<path d="M1.932,31.087"/>
-	</g>
-	<g>
-		<ellipse transform="matrix(-0.7066 0.7076 -0.7076 -0.7066 24.5461 53.4918)" cx="1.184" cy="31.834" rx="0.253" ry="0.484"/>
-		<path d="M1.184,31.834"/>
-	</g>
-	
-		<rect x="1.031" y="30.975" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 24.9043 52.6023)" fill-rule="evenodd" width="1.054" height="0.967"/>
-</g>
-</svg>

resources/images/teacherGuide/audio_24x24.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Layer_1">
+</g>
+<g id="Layer_2">
+	<g>
+		<path fill="#9FC23B" d="M9.808,5.383L5.454,9.122H2.271c-0.563,0-1.023,0.459-1.023,1.022v4.902c0,0.562,0.46,1.022,1.023,1.022
+			h2.858l4.68,4.02c0.298,0.257,0.543,0.145,0.543-0.248V5.632C10.352,5.238,10.106,5.126,9.808,5.383z"/>
+		
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.6592" y1="-66.8374" x2="5.6592" y2="-51.856" gradientTransform="matrix(1 0 0 -1 0.1401 -46.6113)">
+			<stop  offset="0" style="stop-color:#C8C8CB"/>
+			<stop  offset="0.0241" style="stop-color:#CBCBCF"/>
+			<stop  offset="0.1455" style="stop-color:#D6D6DB"/>
+			<stop  offset="0.2577" style="stop-color:#D9D9DE"/>
+			<stop  offset="1" style="stop-color:#E6E5E9"/>
+		</linearGradient>
+		<path fill="url(#SVGID_1_)" d="M9.808,5.383L5.454,9.122H2.271c-0.563,0-1.023,0.459-1.023,1.022v4.902
+			c0,0.562,0.46,1.022,1.023,1.022h2.858l4.68,4.02c0.298,0.257,0.543,0.145,0.543-0.248V5.632
+			C10.352,5.238,10.106,5.126,9.808,5.383z"/>
+		
+			<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="16.5405" y1="-59.1802" x2="22.687" y2="-59.1802" gradientTransform="matrix(1 0 0 -1 0.1401 -46.6113)">
+			<stop  offset="0" style="stop-color:#C8C8CB"/>
+			<stop  offset="0.0241" style="stop-color:#CBCBCF"/>
+			<stop  offset="0.1455" style="stop-color:#D6D6DB"/>
+			<stop  offset="0.2577" style="stop-color:#D9D9DE"/>
+			<stop  offset="1" style="stop-color:#E6E5E9"/>
+		</linearGradient>
+		<path fill="url(#SVGID_2_)" d="M18.72,2.449c-0.076-0.076-0.177-0.121-0.285-0.121c-0.124-0.008-0.208,0.04-0.284,0.116
+			l-1.139,1.127c-0.157,0.156-0.159,0.408-0.004,0.565c2.202,2.23,3.414,5.185,3.414,8.316c0,3.239-1.286,6.264-3.62,8.516
+			c-0.158,0.154-0.164,0.407-0.01,0.567l1.113,1.152c0.074,0.078,0.176,0.122,0.282,0.122c0.003,0,0.005,0,0.007,0
+			c0.104,0,0.205-0.04,0.278-0.112c2.81-2.709,4.355-6.349,4.355-10.245C22.828,8.684,21.369,5.13,18.72,2.449z"/>
+		
+			<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="13.7134" y1="-59.147" x2="18.6138" y2="-59.147" gradientTransform="matrix(1 0 0 -1 0.1401 -46.6113)">
+			<stop  offset="0" style="stop-color:#C8C8CB"/>
+			<stop  offset="0.0241" style="stop-color:#CBCBCF"/>
+			<stop  offset="0.1455" style="stop-color:#D6D6DB"/>
+			<stop  offset="0.2577" style="stop-color:#D9D9DE"/>
+			<stop  offset="1" style="stop-color:#E6E5E9"/>
+		</linearGradient>
+		<path fill="url(#SVGID_3_)" d="M15.821,5.311c-0.074-0.076-0.176-0.12-0.283-0.12c-0.09-0.004-0.208,0.04-0.284,0.116l-1.14,1.126
+			c-0.158,0.154-0.16,0.409-0.004,0.565c1.444,1.463,2.24,3.401,2.24,5.455c0,2.125-0.844,4.108-2.375,5.584
+			c-0.077,0.074-0.121,0.177-0.123,0.282c-0.003,0.106,0.039,0.209,0.112,0.285l1.112,1.152c0.073,0.078,0.174,0.12,0.281,0.124
+			c0.002,0,0.004,0,0.007,0c0.105,0,0.204-0.04,0.279-0.112c2.005-1.936,3.109-4.533,3.109-7.315
+			C18.755,9.76,17.712,7.225,15.821,5.311z"/>
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="1.457" y1="10.8066" x2="10.4771" y2="10.8066">
+			<stop  offset="0" style="stop-color:#EBEBEC"/>
+			<stop  offset="1" style="stop-color:#FFFFFF"/>
+		</linearGradient>
+		<path fill="url(#SVGID_4_)" d="M2.231,15.893V10.99c0-0.561,0.477-1.021,1.06-1.021h2.947l4.147-3.432l0.058-0.625
+			c0-0.393,0.205-0.64-0.395-0.383L5.532,9.269H2.518c-0.584,0-1.061,0.461-1.061,1.022v4.904c0,0.48,0.355,0.89,0.826,0.994
+			C2.252,16.093,2.231,15.997,2.231,15.893z"/>
+		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="13.8989" y1="6.3721" x2="16.4521" y2="6.3721">
+			<stop  offset="0" style="stop-color:#EBEBEC"/>
+			<stop  offset="1" style="stop-color:#FFFFFF"/>
+		</linearGradient>
+		<polygon fill="url(#SVGID_5_)" points="14.678,7.68 16.452,6.012 15.55,5.064 13.899,6.607 		"/>
+		<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="16.9121" y1="3.4658" x2="19.4644" y2="3.4658">
+			<stop  offset="0" style="stop-color:#EBEBEC"/>
+			<stop  offset="1" style="stop-color:#FFFFFF"/>
+		</linearGradient>
+		<polygon fill="url(#SVGID_6_)" points="17.69,4.773 19.464,3.106 18.562,2.158 16.912,3.703 		"/>
+		
+			<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="0.5869" y1="-60.4321" x2="2.4624" y2="-62.3076" gradientTransform="matrix(1 0 0 -1 0.1401 -46.6113)">
+			<stop  offset="0" style="stop-color:#B9B7B8"/>
+			<stop  offset="1" style="stop-color:#D9D9DE"/>
+		</linearGradient>
+		<path fill="url(#SVGID_7_)" d="M1.328,13.889v-0.59h-0.08v1.748c0,0.549,0.44,0.996,0.984,1.019v-1.167
+			C1.725,14.839,1.328,14.409,1.328,13.889z"/>
+		<path fill="#B7B7B7" d="M9.888,18.931L5.207,14.91H2.35c-0.041,0-0.078-0.008-0.118-0.012v1.167c0.014,0,0.024,0.004,0.039,0.004
+			h2.858l4.68,4.02c0.298,0.257,0.543,0.145,0.543-0.248v-0.859C10.255,19.107,10.084,19.1,9.888,18.931z"/>
+		<polyline fill="#B7B7B7" points="14.54,17.492 16.224,19.031 15.367,19.881 13.68,18.277 14.54,17.492 		"/>
+		<polyline fill="#B7B7B7" points="17.369,20.428 19.052,21.967 18.196,22.817 16.51,21.216 17.369,20.428 		"/>
+		<path fill="none" stroke="#848685" stroke-width="0.75" stroke-miterlimit="10" d="M9.808,5.383L5.454,9.122H2.271
+			c-0.563,0-1.023,0.459-1.023,1.022v4.902c0,0.562,0.46,1.022,1.023,1.022h2.858l4.68,4.02c0.298,0.257,0.543,0.145,0.543-0.248
+			V5.632C10.352,5.238,10.106,5.126,9.808,5.383z"/>
+		<path fill="none" stroke="#848685" stroke-width="0.75" stroke-miterlimit="10" d="M18.72,2.449
+			c-0.076-0.076-0.177-0.121-0.285-0.121c-0.124-0.008-0.208,0.04-0.284,0.116l-1.139,1.127c-0.157,0.156-0.159,0.408-0.004,0.565
+			c2.202,2.23,3.414,5.185,3.414,8.316c0,3.239-1.286,6.264-3.62,8.516c-0.158,0.154-0.164,0.407-0.01,0.567l1.113,1.152
+			c0.074,0.078,0.176,0.122,0.282,0.122c0.003,0,0.005,0,0.007,0c0.104,0,0.205-0.04,0.278-0.112
+			c2.81-2.709,4.355-6.349,4.355-10.245C22.828,8.684,21.369,5.13,18.72,2.449z"/>
+		<path fill="none" stroke="#848685" stroke-width="0.75" stroke-miterlimit="10" d="M15.821,5.311
+			c-0.074-0.076-0.176-0.12-0.283-0.12c-0.09-0.004-0.208,0.04-0.284,0.116l-1.14,1.126c-0.158,0.154-0.16,0.409-0.004,0.565
+			c1.444,1.463,2.24,3.401,2.24,5.455c0,2.125-0.844,4.108-2.375,5.584c-0.077,0.074-0.121,0.177-0.123,0.282
+			c-0.003,0.106,0.039,0.209,0.112,0.285l1.112,1.152c0.073,0.078,0.174,0.12,0.281,0.124c0.002,0,0.004,0,0.007,0
+			c0.105,0,0.204-0.04,0.279-0.112c2.005-1.936,3.109-4.533,3.109-7.315C18.755,9.76,17.712,7.225,15.821,5.311z"/>
+	</g>
+</g>
+</svg>

resources/images/teacherGuide/flash_24x24.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Layer_1">
+</g>
+<g id="Layer_2">
+	<g>
+		<path opacity="0.8" fill="#EDEDED" d="M14.326,3.343c-2.708,2.294-3.856,6.059-4.636,7.986c-1.056,2.616-1.699,3.993-2.983,5.6
+			c-1.287,1.517-3.811,1.424-3.811,1.424v4.224c0,0,3.627,0.229,6.335-2.065c2.111-1.791,3.305-4.5,4.085-6.52h5.095V9.77h-3.35
+			c0.505-1.057,1.057-1.93,1.79-2.848c1.286-1.515,3.81-1.422,3.81-1.422V1.275C20.662,1.275,17.036,1.046,14.326,3.343z"/>
+		<path fill="#A3A2A2" d="M14.184,4.97c-2.02,2.295-3.398,6.057-4.178,7.986c-1.056,2.615-1.837,4.315-3.443,5.602
+			c-1.331,1.054-3.81,0.964-3.81,0.964v3.305c0,0,3.626,0.228,6.335-2.067c2.112-1.789,3.304-4.498,4.086-6.518h5.096v-4.223h-3.352
+			c0.505-1.058,1.056-1.929,1.791-2.847c1.286-1.514,3.81-1.424,3.81-1.424V2.445C20.519,2.445,16.616,2.216,14.184,4.97z"/>
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="2.5698" y1="12.1602" x2="20.3354" y2="12.1602">
+			<stop  offset="0" style="stop-color:#C8C8CB"/>
+			<stop  offset="0.0241" style="stop-color:#CBCBCF"/>
+			<stop  offset="0.1455" style="stop-color:#D6D6DB"/>
+			<stop  offset="0.2577" style="stop-color:#D9D9DE"/>
+			<stop  offset="1" style="stop-color:#E6E5E9"/>
+		</linearGradient>
+		<path fill="url(#SVGID_1_)" d="M14,4.97c-2.02,2.295-3.396,6.057-4.178,7.986c-1.055,2.615-1.835,4.315-3.442,5.602
+			c-1.378,0.964-3.81,0.918-3.81,0.918v2.386c0,0,3.765,0.368,6.335-2.065c1.927-1.836,2.845-4.5,3.626-6.518h5.554V9.973
+			l-4.268,0.779c0.321-1.192,1.193-3.074,2.02-3.994c1.882-2.064,4.499-1.928,4.499-1.928V2.445C20.335,2.445,16.388,2.216,14,4.97z
+			"/>
+		<path fill="none" stroke="#848685" stroke-width="0.75" stroke-linejoin="round" stroke-miterlimit="10" d="M14.184,3.593
+			c-2.708,2.295-3.857,6.059-4.637,7.986c-1.056,2.615-1.698,3.992-2.984,5.6c-1.285,1.515-3.81,1.425-3.81,1.425v4.223
+			c0,0,3.626,0.228,6.335-2.067c2.112-1.789,3.304-4.498,4.086-6.518h5.096v-4.223h-3.352c0.505-1.058,1.056-1.929,1.791-2.847
+			c1.286-1.514,3.81-1.424,3.81-1.424V1.525C20.519,1.525,16.893,1.298,14.184,3.593z"/>
+	</g>
+</g>
+</svg>

resources/images/teacherGuide/image_24x24.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Layer_1">
+</g>
+<g id="Layer_2">
+	<g>
+		<g>
+			
+				<rect x="5.598" y="5.608" transform="matrix(0.9609 0.2769 -0.2769 0.9609 3.4789 -3.244)" fill="#DEDDDD" width="15.259" height="10.18"/>
+			<path fill="#CCCCCC" d="M20.64,12.147c-0.281-0.151-0.581-0.274-0.89-0.408c-0.37-0.159-0.757-0.385-1.17-0.483
+				c-0.29-0.069-0.604-0.093-0.938-0.217c-0.27-0.102-0.542-0.254-0.837-0.376c-0.576-0.235-1.17-0.47-1.757-0.696
+				c-0.306-0.116-0.637-0.196-0.903-0.33c-0.13-0.064-0.249-0.17-0.38-0.247c-0.678-0.4-1.468-0.687-2.325-0.979
+				c-0.312-0.108-0.708-0.357-0.995-0.357C10.281,8.05,10.073,8.371,9.93,8.581C9.762,8.826,9.633,9.113,9.562,9.293
+				C9.282,8.874,8.478,8.621,7.98,8.815C7.842,8.871,7.754,8.987,7.635,9.051C7.007,8.82,6.567,8.309,5.833,8.263
+				c-0.163,0.578-0.326,1.16-0.489,1.743c0.345,0.205,0.76,0.235,1.143,0.381c0.444,0.168,0.827,0.624,1.458,0.611
+				c0.018-0.031,0.015-0.109,0.046-0.113c-0.217-0.141-0.821-0.227-0.683-0.52c0.072-0.15,0.307-0.08,0.5-0.031
+				c0.595,0.151,1.315,0.35,1.83,0.497c0.096-0.363,0.632-0.11,0.993,0.012c1.262,0.427,2.492,0.783,3.891,1.106
+				c1.136,0.261,2.261,0.681,3.279,0.979c-0.123,0.13-0.245,0.342-0.413,0.419c-0.201,0.096-0.555,0.011-0.833-0.029
+				c-0.631-0.096-1.17-0.111-1.745-0.192c-0.225-0.032-0.451-0.047-0.646-0.056c-0.06-0.004-0.151-0.032-0.202,0.021
+				c-0.122,0.26,0.132,0.318,0.312,0.385c0.735,0.273,1.534,0.551,2.274,0.763c-0.014,0.339,0.429,0.444,0.783,0.565
+				c0.805,0.27,1.644,0.49,2.355,0.742L20.64,12.147z"/>
+			<path fill="#FFFFFF" d="M19.735,18.654L3.646,14.147L6.819,2.829l16.087,4.506L19.735,18.654z M4.98,13.396l14.005,3.927
+				l2.588-9.239L7.569,4.162L4.98,13.396z"/>
+			
+				<rect x="4.62" y="4.605" transform="matrix(-0.9629 -0.2698 0.2698 -0.9629 22.9006 24.6079)" fill="none" stroke="#848685" stroke-width="0.75" stroke-miterlimit="10" width="17.043" height="12.249"/>
+			
+				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="28.1626" y1="-219.4263" x2="28.1626" y2="-209.5347" gradientTransform="matrix(0.9606 0.2779 0.2995 -1.0351 47.399 -220.3408)">
+				<stop  offset="0" style="stop-color:#FFFFFF;stop-opacity:0.4"/>
+				<stop  offset="0.8587" style="stop-color:#FFFFFF;stop-opacity:0.6576"/>
+				<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0.7"/>
+			</linearGradient>
+			<path opacity="0.8" fill="url(#SVGID_1_)" d="M16.364,5.729L7.029,3.025L4.066,13.264l2.464,0.713
+				C8.191,9.364,12.098,6.222,16.364,5.729z"/>
+		</g>
+		<rect x="1.684" y="7.821" fill="#DEDDDD" width="15.732" height="11.498"/>
+		<path fill="#CCCCCC" d="M17.249,12.925c-0.311-0.073-0.632-0.111-0.966-0.159c-0.399-0.055-0.833-0.172-1.258-0.156
+			c-0.298,0.012-0.606,0.076-0.96,0.047c-0.288-0.024-0.59-0.101-0.907-0.138c-0.618-0.075-1.256-0.145-1.879-0.203
+			c-0.327-0.031-0.667-0.024-0.96-0.078c-0.14-0.027-0.282-0.099-0.433-0.138c-0.759-0.214-1.598-0.276-2.502-0.329
+			c-0.329-0.019-0.777-0.157-1.056-0.077c-0.156,0.044-0.27,0.42-0.352,0.666c-0.096,0.293-0.144,0.613-0.162,0.811
+			c-0.381-0.338-1.224-0.362-1.65-0.032c-0.119,0.095-0.172,0.234-0.271,0.327c-0.666-0.055-1.228-0.44-1.947-0.281
+			c0,0.625,0,1.245,0,1.867c0.39,0.11,0.797,0.026,1.205,0.062c0.473,0.044,0.962,0.392,1.569,0.2
+			c0.007-0.034-0.017-0.11,0.013-0.124c-0.248-0.078-0.852,0-0.798-0.325c0.028-0.171,0.273-0.166,0.474-0.171
+			c0.612-0.019,1.359-0.021,1.893-0.016c-0.004-0.384,0.581-0.288,0.961-0.265c1.331,0.073,2.611,0.087,4.043,0.016
+			c1.167-0.056,2.361,0.048,3.423,0.062c-0.082,0.163-0.145,0.405-0.284,0.527c-0.17,0.15-0.533,0.168-0.812,0.205
+			C13,15.303,12.476,15.441,11.9,15.517c-0.224,0.03-0.446,0.08-0.637,0.127c-0.058,0.012-0.153,0.007-0.188,0.074
+			c-0.046,0.293,0.215,0.281,0.406,0.298c0.779,0.062,1.623,0.119,2.394,0.126c0.08,0.337,0.535,0.318,0.908,0.339
+			c0.847,0.046,1.716,0.033,2.466,0.084V12.925L17.249,12.925z"/>
+		<path fill="#B2B3B3" d="M2.311,15.023c0,0.008,0,0.012,0,0.021c0.893,0.021,1.784,0.159,2.681,0.259
+			c0.432,0.046,0.865,0.036,1.294,0.08c0.841,0.084,1.667,0.159,2.478,0.3c0.396,0.067,0.798,0.178,1.184,0.22
+			c0.331,0.034,0.659,0.007,0.979,0.039c0.904,0.09,1.825,0.267,2.737,0.359c1.219,0.12,2.411,0.286,3.54,0.659
+			c0,0.563,0,1.128,0,1.695c-0.068,0.016-0.173-0.026-0.218,0.021c-5.196,0-9.845,0-15.043,0c0-1.221,0-2.436,0-3.653
+			C2.066,15.023,2.188,15.023,2.311,15.023z"/>
+		<path fill="#A3A2A2" d="M14.121,15.884c0.082,0.073,0.145,0.165,0.24,0.22c-0.279,0.375-0.836,0.679-0.674,1.315
+			c-0.15,0.247-0.667,0.259-0.637,0.606c0.206,0.084,0.489,0.08,0.646,0.222c-0.217,0.151-0.432,0.307-0.622,0.478h3.065
+			c0.327-0.2,0.688-0.372,1.078-0.515v-0.695c-0.18-0.062-0.325-0.163-0.42-0.34c0.105-0.071,0.269-0.062,0.42-0.066v-0.694
+			c-0.252-0.028-0.513-0.028-0.732-0.139c-0.214-0.545,0.381-0.88,0.644-1.233c-0.054-0.04-0.1-0.081-0.124-0.157
+			c-0.619-0.243-1.242-0.481-1.686-0.93c0.18-0.115,0.235-0.336,0.234-0.558c0.138,0.033,0.372,0.067,0.439-0.075
+			c-0.253-0.09-0.411-0.291-0.544-0.526c-0.117-0.021-0.19-0.081-0.324-0.138c-0.069-0.028-0.321-0.072-0.326-0.14
+			c-0.006-0.084,0.173-0.091,0.249-0.113c0.068-0.021,0.134-0.097,0.214-0.13c0.171-0.067,0.385-0.084,0.465-0.205
+			c-0.227-0.111-0.313-0.349-0.469-0.531c-0.097-0.118-0.231-0.208-0.339-0.323c-0.333-0.359-0.595-0.756-0.821-1.244
+			c-0.003-0.013-0.005-0.021-0.021-0.019c-0.135,0.077-0.113,0.203-0.122,0.324c-0.036,0.436-0.329,0.879-0.398,1.309
+			c0.214,0.08,0.379,0.011,0.496,0.161c-0.044,0.214-0.088,0.431-0.115,0.658c-0.232,0.26-0.409,0.567-0.598,0.863
+			c0.317,0.046,0.603,0.12,0.801,0.301c-0.169,0.163-0.261,0.396-0.398,0.589c-0.05,0.006-0.039-0.027-0.073,0.006
+			c-0.283,0.336-0.869,0.562-0.676,1.056c0.367-0.031,0.671-0.208,1.022-0.196c-0.415,0.271-0.884,0.493-1.231,0.825
+			C13.262,15.804,13.649,16.003,14.121,15.884z"/>
+		<path fill="#FFFFFF" d="M17.928,19.663H1.22V7.538h16.708V19.663L17.928,19.663z M2.302,18.549h14.544V8.656H2.302V18.549z"/>
+		
+			<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="7.0205" y1="-140.0913" x2="7.0205" y2="-130.2026" gradientTransform="matrix(1 0 0 -1 0.1401 -121.5469)">
+			<stop  offset="0" style="stop-color:#FFFFFF;stop-opacity:0.4"/>
+			<stop  offset="0.8587" style="stop-color:#FFFFFF;stop-opacity:0.6576"/>
+			<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0.7"/>
+		</linearGradient>
+		<path opacity="0.8" fill="url(#SVGID_2_)" d="M12.019,8.656H2.302v9.889h2.562C5.18,14.005,8.06,10.197,12.019,8.656z"/>
+		
+			<rect x="1.03" y="7.35" fill="none" stroke="#848685" stroke-width="0.75" stroke-miterlimit="10" width="17.066" height="12.561"/>
+	</g>
+</g>
+</svg>

resources/images/teacherGuide/movie_24x24.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Layer_1">
+</g>
+<g id="Layer_2">
+	<g>
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6.0464" y1="11.2217" x2="17.2651" y2="11.2217">
+			<stop  offset="0" style="stop-color:#C8C8CB"/>
+			<stop  offset="0.0241" style="stop-color:#CBCBCF"/>
+			<stop  offset="0.1455" style="stop-color:#D6D6DB"/>
+			<stop  offset="0.2577" style="stop-color:#D9D9DE"/>
+			<stop  offset="1" style="stop-color:#E6E5E9"/>
+		</linearGradient>
+		<rect x="6.046" y="1.012" fill="url(#SVGID_1_)" width="11.219" height="20.42"/>
+		<path fill="#848685" d="M1.897,0.608v22.197h19.769V0.608H1.897z M5.358,21.376H3.327v-2.03h2.031V21.376z M5.358,17.915H3.327
+			v-2.033h2.031V17.915z M5.358,14.454H3.327v-2.032h2.031V14.454z M5.358,10.993H3.327V8.96h2.031V10.993z M5.358,7.532H3.327
+			V5.498h2.031V7.532z M5.358,4.069H3.327V2.034h2.031V4.069z M16.749,21.376H6.801v-8.954h9.948V21.376z M16.749,10.993H6.801
+			V2.034h9.948V10.993z M20.223,21.376h-2.031v-2.03h2.031V21.376z M20.223,17.915h-2.031v-2.033h2.031V17.915z M20.223,14.454
+			h-2.031v-2.032h2.031V14.454z M20.223,10.993h-2.031V8.96h2.031V10.993z M20.223,7.532h-2.031V5.498h2.031V7.532z M20.223,4.069
+			h-2.031V2.034h2.031V4.069z"/>
+		
+			<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="11.6348" y1="-55.4155" x2="11.6348" y2="-48.645" gradientTransform="matrix(1 0 0 -1 0.1401 -46.6113)">
+			<stop  offset="0" style="stop-color:#F6F5F7;stop-opacity:0.3"/>
+			<stop  offset="1" style="stop-color:#F6F5F7;stop-opacity:0.7"/>
+		</linearGradient>
+		<path fill="url(#SVGID_2_)" d="M16.186,3.572c0.188,0,0.376,0.006,0.563,0.016V2.034H6.801v6.771
+			C8.746,5.666,12.222,3.572,16.186,3.572z"/>
+		
+			<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="11.6348" y1="-66.0249" x2="11.6348" y2="-59.2573" gradientTransform="matrix(1 0 0 -1 0.1401 -46.6113)">
+			<stop  offset="0" style="stop-color:#F6F5F7;stop-opacity:0.3"/>
+			<stop  offset="1" style="stop-color:#F6F5F7;stop-opacity:0.7"/>
+		</linearGradient>
+		<path fill="url(#SVGID_3_)" d="M16.186,14.187c0.188,0,0.376,0.002,0.563,0.012v-1.552H6.801v6.768
+			C8.746,16.277,12.222,14.187,16.186,14.187z"/>
+	</g>
+</g>
+</svg>

resources/images/teacherGuide/pencil.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="43.5px"
+	 height="42px" viewBox="0 0 43.5 42" enable-background="new 0 0 43.5 42" xml:space="preserve">
+<g id="Layer_1">
+	<g>
+		<polygon fill="#FEDBB8" points="13.961,35.194 3.228,39.065 7.028,28.349 9.419,25.986 16.538,33.188 		"/>
+		<path fill="#F7AB8D" d="M29.881,5.562L29.881,5.562c3.443-3.402,4.943-4.111,5.964-3.079c0.826,0.836,3.428,3.468,4.255,4.304
+			c1.021,1.033-0.035,2.71-3.219,5.857l0,0L29.881,5.562z"/>
+		
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="35.5254" y1="-103.0986" x2="12.9276" y2="-102.126" gradientTransform="matrix(0.574 0.5807 -0.7662 0.7573 -73.1595 82.9721)">
+			<stop  offset="0" style="stop-color:#F6CB59"/>
+			<stop  offset="0.5178" style="stop-color:#EFEA59"/>
+			<stop  offset="0.532" style="stop-color:#F1EC6C"/>
+			<stop  offset="0.5607" style="stop-color:#F5F088"/>
+			<stop  offset="0.5932" style="stop-color:#F8F39D"/>
+			<stop  offset="0.6298" style="stop-color:#FBF5AE"/>
+			<stop  offset="0.6724" style="stop-color:#FEF7BC"/>
+			<stop  offset="0.7251" style="stop-color:#FFF9C5"/>
+			<stop  offset="0.7987" style="stop-color:#FFFACA"/>
+			<stop  offset="1" style="stop-color:#FFFBCC"/>
+		</linearGradient>
+		<path fill="url(#SVGID_1_)" d="M14.505,35.048c0,0,1.091-1.469,0.202-2.42c-0.901-0.969-2.367-0.047-2.367-0.047
+			s0.776-1.717-0.08-2.582c-0.881-0.893-2.396-0.055-2.396-0.055s0.847-1.328,0.096-2.088c-0.763-0.772-1.844-0.476-2.578,0.25
+			L7.359,28L28.4,7.203l7.097,7.179L14.455,35.179L14.505,35.048z"/>
+		
+			<rect x="18.271" y="3.63" transform="matrix(0.703 0.7112 -0.7112 0.703 18.0232 -8.2049)" fill="#FFFFFF" width="1.128" height="27.692"/>
+		<path fill="#ECD616" d="M32.919,11.917l-20.741,20.5c0,0,1.678-0.664,2.348,0.09c0.669,0.756,0.023,1.902,0.023,1.902
+			L35.158,14.04L32.919,11.917z"/>
+		
+			<line fill="none" stroke="#DAB228" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="28.16" y1="11.837" x2="14.104" y2="25.731"/>
+		
+			<line fill="none" stroke="#DAB228" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="30.535" y1="14.241" x2="16.479" y2="28.135"/>
+		<path fill="#E8BE9C" d="M12.46,32.478l-9.065,6.33l11.176-3.959c0,0,0.488-1.588,0.071-2.035
+			C13.894,32.009,12.46,32.478,12.46,32.478z"/>
+		<polygon fill="#FFF3EA" points="9.106,27.868 4.137,38.312 3.696,37.999 7.306,27.924 		"/>
+		
+			<polyline fill="none" stroke="#D3A76C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			6.888,28.565 3.085,39.282 13.819,35.411 		"/>
+		
+			<path fill="none" stroke="#BE942E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
+			M14.31,35.04c0,0,1.09-1.469,0.202-2.422c-0.902-0.967-2.368-0.045-2.368-0.045s0.776-1.717-0.079-2.584
+			c-0.881-0.891-2.396-0.053-2.396-0.053s0.846-1.328,0.095-2.088C9,27.076,7.919,27.372,7.186,28.098l-0.022-0.106L28.204,7.195
+			l7.096,7.179L14.259,35.171L14.31,35.04z"/>
+		<path fill="#FDDBCF" d="M30.146,5.564l0.864,0.861c0.329-0.289,1.351-1.265,2.108-1.744c0.761-0.481,1.4-0.81,2.012-0.624
+			c0.859,0.264,2.844,2.077,4.223,3.216c0.221,0.181-0.541-0.715-0.353-0.538c0,0-3.06-3.487-3.854-4.137
+			c-0.795-0.649-2.911,0.938-3.674,1.616C30.708,4.892,30.146,5.564,30.146,5.564z"/>
+		<path fill="#EF9073" d="M39.828,7.605c-0.272,0.424-1.103,1.46-1.842,2.096c-0.68,0.582-1.251,0.626-1.694,0.417
+			c-0.355-0.167-1.75-1.202-2.48-1.747c-0.181-0.137-1.221-1.046-1.221-1.046l4.291,4.877l2.674-3.018L39.828,7.605z"/>
+		
+			<path fill="none" stroke="#DD7652" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
+			M29.853,5.625L29.853,5.625c3.443-3.403,4.944-4.112,5.964-3.08c0.827,0.836,3.429,3.468,4.254,4.304
+			c1.021,1.032-0.033,2.709-3.217,5.857l0,0L29.853,5.625z"/>
+		<polygon fill="#666766" stroke="#4C4C4D" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="
+			3.835,36.403 2.714,39.628 5.843,38.505 		"/>
+	</g>
+</g>
+<g id="Layer_2">
+</g>
+</svg>

resources/images/teacherGuide/w3c_24x24.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Layer_1">
+</g>
+<g id="Layer_2">
+	<g>
+		<g>
+			
+				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="9.9834" y1="-219.9985" x2="2.5369" y2="-212.552" gradientTransform="matrix(1 0 0 -1 0.1401 -198.4941)">
+				<stop  offset="0" style="stop-color:#77787B"/>
+				<stop  offset="0.3804" style="stop-color:#C7C8CA"/>
+				<stop  offset="0.4911" style="stop-color:#C9CACC"/>
+				<stop  offset="0.512" style="stop-color:#D0D1D3"/>
+				<stop  offset="0.5679" style="stop-color:#DEDFE0"/>
+				<stop  offset="0.6374" style="stop-color:#E8E8E9"/>
+				<stop  offset="0.7345" style="stop-color:#EDEEEF"/>
+				<stop  offset="1" style="stop-color:#EFEFF0"/>
+			</linearGradient>
+			<path fill="url(#SVGID_1_)" d="M10.779,19.928c0,1.229-1.005,2.232-2.234,2.232h-4.29c-1.23,0-2.235-1.003-2.235-2.232v-4.29
+				c0-1.229,1.005-2.236,2.235-2.236h4.29c1.229,0,2.234,1.007,2.234,2.236V19.928z"/>
+			<path fill="#C6C6C5" d="M9.903,19.499c0,0.981-0.805,1.785-1.787,1.785H4.684c-0.983,0-1.788-0.804-1.788-1.785v-3.433
+				c0-0.985,0.805-1.789,1.788-1.789h3.433c0.982,0,1.787,0.804,1.787,1.789V19.499z"/>
+		</g>
+		<g>
+			
+				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="9.9829" y1="-208.3926" x2="2.5364" y2="-200.946" gradientTransform="matrix(1 0 0 -1 0.1401 -198.4941)">
+				<stop  offset="0" style="stop-color:#77787B"/>
+				<stop  offset="0.3804" style="stop-color:#C7C8CA"/>
+				<stop  offset="0.4911" style="stop-color:#C9CACC"/>
+				<stop  offset="0.512" style="stop-color:#D0D1D3"/>
+				<stop  offset="0.5679" style="stop-color:#DEDFE0"/>
+				<stop  offset="0.6374" style="stop-color:#E8E8E9"/>
+				<stop  offset="0.7345" style="stop-color:#EDEEEF"/>
+				<stop  offset="1" style="stop-color:#EFEFF0"/>
+			</linearGradient>
+			<path fill="url(#SVGID_2_)" d="M10.779,8.321c0,1.229-1.005,2.232-2.234,2.232h-4.29c-1.23,0-2.235-1.003-2.235-2.232v-4.29
+				c0-1.229,1.005-2.236,2.235-2.236h4.29c1.229,0,2.234,1.007,2.234,2.236V8.321z"/>
+			<path fill="#C6C6C5" d="M9.903,7.893c0,0.981-0.805,1.785-1.787,1.785H4.684c-0.983,0-1.788-0.804-1.788-1.785V4.46
+				c0-0.983,0.805-1.789,1.788-1.789h3.433c0.982,0,1.787,0.806,1.787,1.789V7.893z"/>
+		</g>
+		<g>
+			
+				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="21.2266" y1="-219.9995" x2="13.7793" y2="-212.5523" gradientTransform="matrix(1 0 0 -1 0.1401 -198.4941)">
+				<stop  offset="0" style="stop-color:#77787B"/>
+				<stop  offset="0.3804" style="stop-color:#C7C8CA"/>
+				<stop  offset="0.4911" style="stop-color:#C9CACC"/>
+				<stop  offset="0.512" style="stop-color:#D0D1D3"/>
+				<stop  offset="0.5679" style="stop-color:#DEDFE0"/>
+				<stop  offset="0.6374" style="stop-color:#E8E8E9"/>
+				<stop  offset="0.7345" style="stop-color:#EDEEEF"/>
+				<stop  offset="1" style="stop-color:#EFEFF0"/>
+			</linearGradient>
+			<path fill="url(#SVGID_3_)" d="M22.022,19.928c0,1.229-1.005,2.232-2.235,2.232h-4.291c-1.229,0-2.235-1.003-2.235-2.232v-4.29
+				c0-1.229,1.006-2.236,2.235-2.236h4.291c1.23,0,2.235,1.007,2.235,2.236V19.928z"/>
+			<path fill="#5DB7DF" d="M21.146,19.499c0,0.981-0.805,1.785-1.788,1.785h-3.433c-0.983,0-1.787-0.804-1.787-1.785v-3.433
+				c0-0.985,0.804-1.789,1.787-1.789h3.433c0.983,0,1.788,0.804,1.788,1.789V19.499z"/>
+		</g>
+		<g>
+			
+				<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="21.2266" y1="-208.3931" x2="13.7793" y2="-200.9458" gradientTransform="matrix(1 0 0 -1 0.1401 -198.4941)">
+				<stop  offset="0" style="stop-color:#77787B"/>
+				<stop  offset="0.3804" style="stop-color:#C7C8CA"/>
+				<stop  offset="0.4911" style="stop-color:#C9CACC"/>
+				<stop  offset="0.512" style="stop-color:#D0D1D3"/>
+				<stop  offset="0.5679" style="stop-color:#DEDFE0"/>
+				<stop  offset="0.6374" style="stop-color:#E8E8E9"/>
+				<stop  offset="0.7345" style="stop-color:#EDEEEF"/>
+				<stop  offset="1" style="stop-color:#EFEFF0"/>
+			</linearGradient>
+			<path fill="url(#SVGID_4_)" d="M22.022,8.321c0,1.229-1.005,2.232-2.235,2.232h-4.291c-1.229,0-2.235-1.003-2.235-2.232v-4.29
+				c0-1.229,1.006-2.236,2.235-2.236h4.291c1.23,0,2.235,1.007,2.235,2.236V8.321z"/>
+			<path fill="#C6C6C5" d="M21.146,7.893c0,0.981-0.805,1.785-1.788,1.785h-3.433c-0.983,0-1.787-0.804-1.787-1.785V4.46
+				c0-0.983,0.804-1.789,1.787-1.789h3.433c0.983,0,1.788,0.806,1.788,1.789V7.893z"/>
+		</g>
+		<circle fill="#CFCECE" stroke="#848484" stroke-width="0.75" stroke-miterlimit="10" cx="6.347" cy="6.222" r="1.856"/>
+		
+			<rect x="6.037" y="3.667" fill="#838585" stroke="#838585" stroke-width="0.75" stroke-linejoin="round" stroke-miterlimit="10" width="0.619" height="0.698"/>
+		
+			<line fill="none" stroke="#838585" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" x1="6.347" y1="6.22" x2="7.164" y2="5.867"/>
+		<path fill="none" stroke="#838585" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" d="M8.553,17.782
+			c0-0.832-0.493-1.509-1.104-1.509c-0.609,0-1.103,0.677-1.103,1.509c0,0.833-0.495,1.506-1.105,1.506
+			c-0.608,0-1.103-0.673-1.103-1.506"/>
+		<path fill="none" stroke="#838585" stroke-width="0.75" stroke-miterlimit="10" d="M10.779,8.321c0,1.229-1.005,2.232-2.234,2.232
+			h-4.29c-1.23,0-2.235-1.003-2.235-2.232v-4.29c0-1.229,1.005-2.236,2.235-2.236h4.29c1.229,0,2.234,1.007,2.234,2.236V8.321z"/>
+		<path fill="none" stroke="#838585" stroke-width="0.75" stroke-miterlimit="10" d="M22.022,8.321c0,1.229-1.005,2.232-2.235,2.232
+			h-4.291c-1.229,0-2.235-1.003-2.235-2.232v-4.29c0-1.229,1.006-2.236,2.235-2.236h4.291c1.23,0,2.235,1.007,2.235,2.236V8.321z"/>
+		<path fill="none" stroke="#838585" stroke-width="0.75" stroke-miterlimit="10" d="M10.779,19.928
+			c0,1.229-1.005,2.232-2.234,2.232h-4.29c-1.23,0-2.235-1.003-2.235-2.232v-4.29c0-1.229,1.005-2.236,2.235-2.236h4.29
+			c1.229,0,2.234,1.007,2.234,2.236V19.928z"/>
+		<g>
+			<path fill="#C6C6C5" d="M21.146,19.499c0,0.981-0.805,1.785-1.788,1.785h-3.433c-0.983,0-1.787-0.804-1.787-1.785v-3.433
+				c0-0.985,0.804-1.789,1.787-1.789h3.433c0.983,0,1.788,0.804,1.788,1.789V19.499z"/>
+			<path fill="none" stroke="#838585" stroke-width="0.75" stroke-miterlimit="10" d="M22.022,19.928
+				c0,1.229-1.005,2.232-2.235,2.232h-4.291c-1.229,0-2.235-1.003-2.235-2.232v-4.29c0-1.229,1.006-2.236,2.235-2.236h4.291
+				c1.23,0,2.235,1.007,2.235,2.236V19.928z"/>
+		</g>
+		
+			<line fill="none" stroke="#838585" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" x1="15.622" y1="16.765" x2="15.622" y2="18.569"/>
+		
+			<line fill="none" stroke="#838585" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" x1="16.969" y1="17.452" x2="16.969" y2="18.569"/>
+		
+			<line fill="none" stroke="#838585" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" x1="18.314" y1="16.765" x2="18.314" y2="18.569"/>
+		
+			<line fill="none" stroke="#838585" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" x1="19.661" y1="17.452" x2="19.661" y2="18.569"/>
+		
+			<rect x="16.071" y="4.19" fill="#CFCECE" stroke="#848484" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" width="3.216" height="3.888"/>
+	</g>
+</g>
+</svg>

resources/library/interactivities/Balance.wgt/config.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<widget xmlns="http://www.w3.org/ns/widgets" 
+		xmlns:ub="http://uniboard.mnemis.com/widgets"
+        id="http://www.njin.fr/sankore/apps/balance" 
+        version="1.0"
+        width="1025"
+        height="880" 
+        ub:resizable="true">     
+   
+		<name>La Balance</name>
+		<author href="http://www.njin.fr" email="contact@njin.fr">njin</author>
+		<description></description>
+		
+		<content src="index.html"/>
+</widget>

resources/library/interactivities/Balance.wgt/css/fonts/Lobster/demo.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
+	<title>Font Face Demo</title>
+	<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
+	<style type="text/css" media="screen">
+		h1.fontface {font: 60px/68px 'Lobster13Regular', Arial, sans-serif;letter-spacing: 0;}
+
+		p.style1 {font: 18px/27px 'Lobster13Regular', Arial, sans-serif;}
+		
+		#container {
+			width: 800px;
+			margin-left: auto;
+			margin-right: auto;
+		}
+	</style>
+</head>
+
+<body>
+	<div id="container">
+		<h1 class="fontface">Font-face Demo for the Lobster Font</h1>
+	
+	 
+
+	<p class="style1">Lobster Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+		</div>
+</body>
+</html>

resources/library/interactivities/Balance.wgt/css/fonts/Lobster/stylesheet.css

+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2012 06:03:05 AM America/New_York */
+
+
+
+@font-face {
+    font-family: 'Lobster13Regular';
+    src: url('Lobster_1.3-webfont.eot');
+    src: url('Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
+         url('Lobster_1.3-webfont.woff') format('woff'),
+         url('Lobster_1.3-webfont.ttf') format('truetype'),
+         url('Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+

resources/library/interactivities/Balance.wgt/css/fonts/SF-Toontime/demo.html

+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
+	<title>Font Face Demo</title>
+	<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
+	<style type="text/css" media="screen">
+		h1.fontface {font: 60px/68px 'SFToontimeRegular', Arial, sans-serif;letter-spacing: 0;}
+
+		p.style1 {font: 18px/27px 'SFToontimeRegular', Arial, sans-serif;}
+		p.style2 {font: 18px/27px 'SFToontimeItalic', Arial, sans-serif;}
+		p.style3 {font: 18px/27px 'SFToontimeBold', Arial, sans-serif;}
+		p.style4 {font: 18px/27px 'SFToontimeBoldItalic', Arial, sans-serif;}
+		p.style5 {font: 18px/27px 'SFToontimeBlotchRegular', Arial, sans-serif;}
+		p.style6 {font: 18px/27px 'SFToontimeBlotchItalic', Arial, sans-serif;}
+		
+		#container {
+			width: 800px;
+			margin-left: auto;
+			margin-right: auto;
+		}
+	</style>
+</head>
+
+<body>
+	<div id="container">
+		<h1 class="fontface">FONT-FACE DEMO FOR THE TOONTIME FONT</h1>
+	
+	 
+
+	<p class="style1">SF Toontime Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	 
+
+	<p class="style2">SF Toontime Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	 
+
+	<p class="style3">SF Toontime Bold - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	 
+
+	<p class="style4">SF Toontime Bold Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	 
+
+	<p class="style5">SF Toontime Blotch Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+	 
+
+	<p class="style6">SF Toontime Blotch Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+		</div>
+</body>
+</html>

resources/library/interactivities/Balance.wgt/css/fonts/SF-Toontime/stylesheet.css

+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2012 04:36:35 PM America/New_York */
+
+
+
+@font-face {
+    font-family: 'SFToontimeRegular';
+    src: url('SF_Toontime-webfont.eot');
+    src: url('SF_Toontime-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime-webfont.woff') format('woff'),
+         url('SF_Toontime-webfont.ttf') format('truetype'),
+         url('SF_Toontime-webfont.svg#SFToontimeRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SFToontimeItalic';
+    src: url('SF_Toontime_Italic-webfont.eot');
+    src: url('SF_Toontime_Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime_Italic-webfont.woff') format('woff'),
+         url('SF_Toontime_Italic-webfont.ttf') format('truetype'),
+         url('SF_Toontime_Italic-webfont.svg#SFToontimeItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SFToontimeBold';
+    src: url('SF_Toontime_Bold-webfont.eot');
+    src: url('SF_Toontime_Bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime_Bold-webfont.woff') format('woff'),
+         url('SF_Toontime_Bold-webfont.ttf') format('truetype'),
+         url('SF_Toontime_Bold-webfont.svg#SFToontimeBold') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SFToontimeBoldItalic';
+    src: url('SF_Toontime_Bold_Italic-webfont.eot');
+    src: url('SF_Toontime_Bold_Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime_Bold_Italic-webfont.woff') format('woff'),
+         url('SF_Toontime_Bold_Italic-webfont.ttf') format('truetype'),
+         url('SF_Toontime_Bold_Italic-webfont.svg#SFToontimeBoldItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SFToontimeBlotchRegular';
+    src: url('SF_Toontime_Blotch-webfont.eot');
+    src: url('SF_Toontime_Blotch-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime_Blotch-webfont.woff') format('woff'),
+         url('SF_Toontime_Blotch-webfont.ttf') format('truetype'),
+         url('SF_Toontime_Blotch-webfont.svg#SFToontimeBlotchRegular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'SFToontimeBlotchItalic';
+    src: url('SF_Toontime_Blotch_Italic-webfont.eot');
+    src: url('SF_Toontime_Blotch_Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('SF_Toontime_Blotch_Italic-webfont.woff') format('woff'),
+         url('SF_Toontime_Blotch_Italic-webfont.ttf') format('truetype'),
+         url('SF_Toontime_Blotch_Italic-webfont.svg#SFToontimeBlotchItalic') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+

resources/library/interactivities/Balance.wgt/css/main.css

+#scene {
+	position: relative;
+}
+
+#scene > div {
+
+}
+
+#scalesCell {
+	display: table;
+}
+#scalesCell > div {
+	display: table-cell;
+	vertical-align: middle;
+}
+
+#scalesWrapper {
+	padding: 0px 100px 200px;
+	position: relative;
+}
+
+.onEdit #scalesWrapper {
+	padding-top: 100px;
+}
+
+#scales {
+	position: relative;
+}
+
+.scale {
+	position: absolute;
+	width: 250px;
+	height: 0;
+	padding: 200px 45px 50px;
+	top: 145px;
+	background: url(images/scale.png) no-repeat center bottom;
+}
+
+#tray, .scale {
+	-webkit-transition: -webkit-transform 0.25s ease-in;
+	-moz-transition: -moz-transform 0.25s ease-in;
+	-ms-transition: -ms-transform 0.25s ease-in;
+	transition: transform 0.25s ease-in;
+}
+
+#leftScale {
+	left: 0;
+	margin-left: -150px;
+}
+
+#rightScale {
+	right: 0;
+	margin-right: -150px;	
+}
+
+#tray {
+	position: relative;
+	background-color: red;
+	top: 50%;
+	margin-top: -1px;
+	width: 550px;
+	height: 288px;
+	background: url("images/scales.png") no-repeat center;
+}
+
+#graduations {
+	width: 100px;
+	height: 30px;
+	position: absolute;
+	top: 0;
+	left: 50%;
+	margin-left: -50px;
+	background: url(images/graduations.png) center no-repeat;
+}
+
+#pivot {
+	position: absolute;
+	width: 80px;
+	height: 80px;
+	left: 235px;
+	top: 106px;
+	background: url(images/pivot.png) center no-repeat;
+}
+
+#objects {
+	position: relative;
+	display: inline-block;
+	padding: 0 5px 0 10px; 
+}
+
+#objects .object {
+	display: inline-block;
+	vertical-align: top;
+}
+
+#objects button[role="add"] {
+	display: none;
+
+	position: relative;
+	overflow: hidden;
+
+	text-indent: -100px;
+
+	width: 68px;
+	height: 70px;
+
+	margin-left: 10px;
+
+	cursor: pointer;
+
+	border-radius: 4px;
+	border: 1px solid rgba(255,255,255, 0.15);
+	background: rgba(0,0,0, 0.15) url(images/weight-add.png) center no-repeat;
+}
+
+.onEdit #objects button[role="add"] {
+	display: inline-block;
+}
+
+#leftScale .object {
+	position: absolute;
+	bottom: 0;
+}
+
+.object input {
+	border: none;
+	width: 40px;
+	padding: none;
+	margin: 0 2px 0 0;
+	
+	text-align: center;
+	font-size: 16px;
+
+	color: #000;
+	border-radius: 3px;
+	background-color: #FFF;
+	box-shadow: 0 1px 2px rgba(0,0,0, 0.4);
+}
+
+.object .tools {
+	display: none;
+	position: absolute;
+	top: -23px;
+	width: 100%;
+	text-align: center;
+}
+
+.onEdit button[role="remove"] {
+	display: inline-block;
+	position: relative;
+	overflow: hidden;
+	cursor: pointer;
+	width: 22px;
+	height: 22px;
+	text-indent: -100px;
+	border: none;
+	margin: 0;
+	outline: 0;
+	padding: 0;
+	background: transparent url(images/delete.png) center no-repeat;
+}
+
+.onEdit .object .tools {
+	display: block;
+}
+
+.object input:disabled {
+	color: #CCC;
+	background: none;
+	box-shadow: none;
+}
+
+.object input:disabled::-webkit-outer-spin-button,
+.object input:disabled::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+#objects .desk {
+	position: absolute;
+	width: 100%;
+	height: 20px;
+	top: 72px;
+	border-radius: 4px;
+	box-shadow: 0 3px 0 #999, 0 1px 2px rgba(0,0,0, .65);
+	background-color: #CCC;
+    background-image: -moz-linear-gradient(90deg, #FFF 0%, #CCC 100%);
+    background-image: -o-linear-gradient(90deg, #FFF 0%, #CCC 100%);
+    background-image: -webkit-linear-gradient(90deg, #FFF 0%, #CCC 100%);
+    background-image: linear-gradient(90deg, #FFF 0%, #CCC 100%);
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#CCC', GradientType=0);
+}
+
+#rightScale .weight {
+	position: absolute !important;
+}
+
+#weights {
+	display: none;
+	position: absolute;
+	top: 40px;
+	right: 40px;
+	width: 230px;
+}
+
+.onEdit #weights {
+	display: block;
+}
+
+#weights .weight {
+	display: inline-block;
+}
+
+.weight {
+	position: relative;
+	width: 64px;
+	height: 70px;
+
+	margin-left: 10px;
+	margin-bottom: 30px;
+
+	font-size: 16px;
+	text-align: center;
+	color: #CCC;
+	text-shadow: 0 -1px 0 #000;
+}
+
+.weight .amount {
+	height: 100%;
+	padding: 4px 4px 0;
+	border-radius: 4px;
+	border: 1px solid rgba(255,255,255, 0.15);
+	background-color: rgba(0,0,0, 0.15);
+}
+
+.weight > div.bg {
+	position: absolute;
+	left: -3px;
+	bottom: -18px;
+	width: 70px;
+	height: 64px;
+	background: url(images/weight.png) no-repeat center bottom;
+}
+
+.weight.w500 {
+	
+}
+
+.weight.w200 {
+	
+}
+
+.weight.w100 {
+	
+}
+
+.weight.w50 {
+	
+}
+
+.weight.w20 {
+	
+}
+
+.weight.w10 {
+	
+}
+
+.onOut .amount {
+	background-color: rgba(255,0,0, 0.15);
+}
\ No newline at end of file

resources/library/interactivities/Balance.wgt/css/ubw-help.css

+html, body {
+	margin:0;
+	padding: 0;
+	height: 100%;
+	font-family: "helvetica neue";
+	font-size: 14px;
+	color: #666666;
+}
+
+#body {
+	
+}
+
+#core {
+	width: 100%;
+	height: 100%;
+	
+	position: relative;
+	
+	-webkit-border-radius: 8px;
+	-moz-border-radius: 8px;
+	-ms-border-radius: 8px;
+	border-radius: 8px;
+	
+	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
+	-moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
+	-ms-box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
+	box-shadow: 0 1px 3px rgba(0,0,0, 0.65);
+	background-image: linear-gradient(top, white 0%, #CCC 100%);
+	background-image: -o-linear-gradient(top, white 0%, #CCC 100%);
+	background-image: -moz-linear-gradient(top, white 0%, #CCC 100%);
+	background-image: -webkit-linear-gradient(top, white 0%, #CCC 100%);
+	background-image: -ms-linear-gradient(top, white 0%, #CCC 100%);
+	background-image: -webkit-gradient( linear, 50% top, 50% bottom, color-stop(0, white), color-stop(1, #CCC) );
+}
+
+#core .wrapper {
+	width: 100%;
+	height: 100%;
+	
+	overflow: auto;
+}
+
+#core .wrapper > div {
+	padding: 10px 20px;
+}
\ No newline at end of file

resources/library/interactivities/Balance.wgt/css/ubw-main.css

+html, body {
+	margin:0;
+	padding: 0;
+	font-family: "helvetica neue";
+	font-size: 14px;
+	color: #666666;
+}
+
+#ubwidget {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background: url("images/bg.png");
+}
+
+.theme-pad #ubwidget {
+	border-radius: 40px;
+	border-width: 52px;
+	
+	-webkit-border-image: url("images/pad-bd.png") 52 repeat;
+	   -moz-border-image: url("images/pad-bd.png") 52 repeat;
+			border-image: url("images/pad-bd.png") 52 repeat;
+}
+
+.theme-slate #ubwidget {
+	border-radius: 44px;
+	border-width: 52px;
+	
+	-webkit-border-image: url("images/slate-bd.png") 52 repeat;
+	   -moz-border-image: url("images/slate-bd.png") 52 repeat;
+			border-image: url("images/slate-bd.png") 52 repeat;
+}
+
+#ubwidget > .wrapper {
+	position: absolute;
+	top: 0px;
+	bottom: 0px;
+	left: 0px;
+	right: 0px;
+	overflow: hidden;
+}
+
+
+.theme-slate #ubwidget > .wrapper, .theme-pad #ubwidget > .wrapper {
+	position: absolute;
+	top: -49px;
+	bottom: -5px;
+	left: -5px;
+	right: -5px;
+	overflow: hidden;
+}
+
+#toolbar {
+	display: table;
+	width: 100%;
+	height: 44px;
+	font-family: "Lobster13Regular";
+	font-size: 24px;
+	color: #FFCC99;
+	padding:0 10px;
+}
+
+.theme-pad #toolbar, .theme-slate #toolbar {
+	height: 38px;
+	padding: 6px 0 0;
+}
+
+.theme-slate #toolbar {
+	color: #7F613F;
+	text-shadow: #FFDCA9 0 1px 0;
+}
+
+
+#toolbar > * {
+	display: table-cell;
+	height: 100%;
+	vertical-align: middle;
+}
+
+#toolbar .actions {
+	text-align: right;
+}
+
+#toolbar button, h1 {
+	font-weight: normal;
+	font-family: "Lobster13Regular";
+	font-size: 24px;
+	color: #FFCC99;
+	margin: 0;
+}
+
+.theme-slate #toolbar button, .theme-slate h1 {
+	color: #7F613F;
+	text-shadow: #FFDCA9 0 1px 0;
+}
+
+#toolbar button {
+	border: none;
+	padding: none;
+	outline: none;
+	background: none;
+	
+	cursor: pointer;
+	padding-left: 34px;
+	margin-left: 10px;
+	height: 32px;
+}
+
+#toolbar button span {
+	display: block;
+	line-height: 32px;
+}
+
+#toolbar button[role='edit'] {
+	background: url("images/toolbar-edit.png") left top no-repeat;	
+}
+
+#toolbar button[role='view'] {
+	display: none;
+	color: #FFF;
+	background: url("images/toolbar-edit.png") left -32px no-repeat;
+}
+
+#toolbar button[role='reload'] {
+	background: url("images/toolbar-reload.png") left top no-repeat;	
+}
+
+#toolbar button[role='help'] {
+	background: url("images/toolbar-help.png") left top no-repeat;	
+	display: none;
+}
+
+.hasHelp #toolbar button[role='help'] {
+	display: inline-block;
+}
+
+.showHelp #toolbar button[role='help'] {
+	color: #FFF;
+	background-position: left -32px;
+}
+
+.theme-slate #toolbar button[role='edit'] {
+	background-image: url("images/slate-toolbar-edit.png");
+}
+
+.theme-slate #toolbar button[role='view'] {
+	text-shadow: #7F613F 0 -1px 0;
+	background: url("images/slate-toolbar-edit.png") left -32px no-repeat;
+}
+
+.theme-slate #toolbar button[role='reload'] {
+	background-image: url("images/slate-toolbar-reload.png");
+}
+
+.theme-slate #toolbar button[role='help'] {
+	background-image: url("images/slate-toolbar-help.png");
+}
+
+.showHelp.theme-slate #toolbar button[role='help'] {
+	text-shadow: #7F613F 0 -1px 0;
+}
+
+
+.onEdit #toolbar button[role='view'] {
+	display: inline-block;
+}
+
+.onEdit #toolbar button[role='edit'] {
+	display: none;
+}
+
+#help {
+	width: 300px;
+	height: 400px;
+	position: absolute;
+	margin-top: 10px;
+	right: 10px;
+	z-index: 10000;
+	display: none;
+}
+
+.showHelp #help {
+	display: block;
+}
+
+#content {
+	position: absolute;
+	top: 44px;
+	bottom: 0;
+	overflow: auto;
+	left: 0;
+	right: 0;
+
+	background-image: -moz-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
+	background-image: -webkit-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
+	background-image: -o-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
+	background-image: -ms-radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
+	background-image: radial-gradient(center center, ellipse closest-side, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 100%);
+}
+
+#parameters {
+	display:none;
+	padding: 10px 20px;
+	background: url("images/parameters-bg.png");
+	
+	-webkit-border-radius: 4px 4px 0 0;
+	   -moz-border-radius: 4px 4px 0 0;
+		-mz-border-radius: 4px 4px 0 0;
+			border-radius: 4px 4px 0 0;
+}
+
+#parameters label {
+	font-style: italic;
+}
+
+#parameters  label > select, #parameters  label > input{
+	margin-left: 10px;
+}
+
+#parameters > div.inline {
+	display: inline-block;
+}
+
+#parameters > div.inline+div.inline {
+	margin-left: 20px;
+}
+
+#parameters input[type=text],
+#parameters input[type=number] {
+	height: 26px;
+	border: 1px solid #BBB;
+	background-color: #FFF;
+	
+	padding: 0 4px;
+	
+	-webkit-border-radius: 4px;
+	   -moz-border-radius: 4px;
+	    -ms-border-radius: 4px;
+			border-radius: 4px;
+	
+	-webkit-box-shadow: 0 1px 0 #FFF;
+	   -moz-box-shadow: 0 1px 0 #FFF;
+	    -ms-box-shadow: 0 1px 0 #FFF;
+			box-shadow: 0 1px 0 #FFF;
+}
+
+#parameters input.tiny {
+	width: 40px;
+}
+
+#parameters input.small {
+	width: 80px;
+}
+
+#parameters input.medium {
+	width: 120px;
+}
+
+#parameters input.long {
+	width: 160px;
+}
+
+#scene {
+	padding: 20px;
+}
+
+#scene > * {
+	margin: 0 auto;
+}
+.onEdit #scene {
+}
+
+.onEdit #parameters {
+	display: block;
+}
+
+/*
+.card-container {
+  	-webkit-perspective: 600px;
+	width:100%;
+	height: 100%;
+}
+.card {
+	position: relative;
+	width:100%;
+	height: 100%;
+}
+.card > div {
+	position: absolute;
+	width:100%;
+	height: 100%;
+	-webkit-transform-style: preserve-3d;
+  	-webkit-transition: all .5s ease-in-out;
+	-webkit-backface-visibility: hidden;
+}
+.card > div:first-child {
+	-webkit-transform: rotateY( 0deg );
+}
+.card > div:last-child {
+	-webkit-transform: rotateY( -180deg );
+}
+.card.flip > div:first-child {
+	-webkit-transform: rotateY( 180deg );
+}
+.card.flip > div:last-child {
+	-webkit-transform: rotateY( 0deg );
+}
+*/
\ No newline at end of file

resources/library/interactivities/Balance.wgt/help.html

+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	<!--
+	<link rel="stylesheet" href="css/fonts/Lobster/stylesheet.css">
+	<link rel="stylesheet" href="css/fonts/SF-Toontime/stylesheet.css">	
+    -->
+	<link rel="stylesheet" href="css/ubw-help.css">
+
+	<script src="js/lib/modernizr.js" type="text/javascript"></script>
+	<script src="js/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
+	<script src="js/lib/mustache.js" type="text/javascript"></script>
+</head>
+
+<body>
+    <div id="core">
+		<div class="wrapper">
+			<div>
+				<script>
+					function loadFile(filename, locale) {
+						var toload = filename;
+						var nextlocale = undefined;
+						
+						if(locale.length >= 5) {
+							toload += '_' + locale.substring(0, 5) +'-template.js';
+							nextlocale = locale.substring(0, 2);
+						}
+							
+						else if(locale.length >= 2){
+							toload += '_' + locale.substring(0, 2) +'-template.js';
+							nextlocale = '';
+						}
+						else
+							toload += '-template.js';
+						    
+						$.ajax({
+					        url:        toload,
+					        async:      false,
+					        contentType:'text/plain;charset=UTF-8',
+					        dataType:   'text',
+					        success:    function(data, status) {
+											$("#core>.wrapper>div").html(Mustache.render(data, window));                   
+										}
+						})
+						.fail(function() {
+									if(nextlocale !== undefined)
+										loadFile(filename, nextlocale);
+						});
+					}
+					$(document).ready(function(){
+						var locale = window.parent.sankore ? window.parent.sankore.locale() : "";
+						loadFile("js/help", locale);
+					});
+				</script>
+			</div>
+		</div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file

resources/library/interactivities/Balance.wgt/i18n/Messages.properties

+fr.njin.i18n.document.title = balance
+
+fr.njin.i18n.toolbar.edit = Edit
+fr.njin.i18n.toolbar.view = Close
+fr.njin.i18n.toolbar.reload = Reload
+fr.njin.i18n.toolbar.help = Help
+
+fr.njin.i18n.parameters.label.themes = Theme
+fr.njin.i18n.parameters.label.slate.themes = slate
+fr.njin.i18n.parameters.label.pad.themes = pad
+fr.njin.i18n.parameters.label.none.themes = none
+
+fr.njin.i18n.balance.parameters.label.remove = Remove
\ No newline at end of file

resources/library/interactivities/Balance.wgt/i18n/Messages_fr.properties

+fr.njin.i18n.document.title = La Balance
+
+fr.njin.i18n.toolbar.edit = Editer
+fr.njin.i18n.toolbar.view = Fermer
+fr.njin.i18n.toolbar.reload = Recharger
+fr.njin.i18n.toolbar.help = Aide
+
+fr.njin.i18n.parameters.label.themes = Thème
+fr.njin.i18n.parameters.label.slate.themes = ardoise
+fr.njin.i18n.parameters.label.pad.themes = tablette
+fr.njin.i18n.parameters.label.none.themes = aucun
+
+fr.njin.i18n.balance.parameters.label.remove = Enlever
\ No newline at end of file

resources/library/interactivities/Balance.wgt/index.html

+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	<!--
+	<link rel="stylesheet" href="css/fonts/Lobster/stylesheet.css">
+	<link rel="stylesheet" href="css/fonts/SF-Toontime/stylesheet.css">	
+	-->
+	
+	<link rel="stylesheet" href="css/ubw-main.css">
+    <link rel="stylesheet" href="css/main.css">
+
+	<script src="js/templates.js" type="text/javascript" charset="utf-8"></script>
+	
+	<script src="js/lib/modernizr.js" type="text/javascript"></script>
+	<script src="js/lib/jquery-1.7.1.min.js" type="text/javascript"></script>
+	<script src="js/lib/jquery-css-transform.js" type="text/javascript"></script>
+	<script src="js/lib/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
+	<script src="js/lib/jquery.i18n.properties-min-1.0.9.js" type="text/javascript" charset="utf-8"></script>
+	<script src="js/lib/mustache.js" type="text/javascript"></script>
+	<script src="js/lib/ubw-main.js" type="text/javascript"></script>
+	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
+	
+</head>
+
+<body class="hasHelp">
+    <div id="ubwidget" data-themes="pad">
+		<div class="wrapper">
+			<div id="toolbar">
+			</div>
+			<div id="help">
+				<iframe src="help.html" width="100%" height="100%" frameborder="0"></iframe>
+			</div>
+			<div id="content">
+				<div id="parameters"></div>
+				<div id="scene">
+					<div id="scalesCell" class="">
+						<div id="scalesWrapper" class="">
+							<div id="scales" class="">
+								<div id="graduations"></div>
+								<div id="pivot"></div>
+								<div id="tray"></div>
+								<div id="leftScale" class="scale"></div>
+								<div id="rightScale" class="scale"></div>
+							</div>
+							<div id="weights"></div>
+						</div>
+					</div>
+					
+					<div id="objects" class="">
+						<div class="desk"></div>
+						<button role="add">+</button>
+					</div>
+				</div>
+			</div>
+		</div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file

resources/library/interactivities/Balance.wgt/js/help-template.js

+<h3>balance</h3>
\ No newline at end of file

resources/library/interactivities/Balance.wgt/js/help_fr-template.js

+<h3>balance</h3>
\ No newline at end of file

resources/library/interactivities/Balance.wgt/js/lib/jquery-css-transform.js

+(function ($) {
+    // Monkey patch jQuery 1.3.1+ css() method to support CSS 'transform'
+    // property uniformly across Safari/Chrome/Webkit, Firefox 3.5+, IE 9+, and Opera 11+.
+    // 2009-2011 Zachary Johnson www.zachstronaut.com
+    // Updated 2011.05.04 (May the fourth be with you!)
+    function getTransformProperty(element)
+    {
+        // Try transform first for forward compatibility
+        // In some versions of IE9, it is critical for msTransform to be in
+        // this list before MozTranform.
+        var properties = ['transform', 'WebkitTransform', 'msTransform', 'MozTransform', 'OTransform'];
+        var p;
+        while (p = properties.shift())
+        {
+            if (typeof element.style[p] != 'undefined')
+            {
+                return p;
+            }
+        }
+        
+        // Default to transform also
+        return 'transform';
+    }
+    
+    var _propsObj = null;
+    
+    var proxied = $.fn.css;
+    $.fn.css = function (arg, val)
+    {
+        // Temporary solution for current 1.6.x incompatibility, while
+        // preserving 1.3.x compatibility, until I can rewrite using CSS Hooks
+        if (_propsObj === null)
+        {
+            if (typeof $.cssProps != 'undefined')
+            {
+                _propsObj = $.cssProps;
+            }
+            else if (typeof $.props != 'undefined')
+            {
+                _propsObj = $.props;
+            }
+            else
+            {
+                _propsObj = {}
+            }
+        }
+        
+        // Find the correct browser specific property and setup the mapping using
+        // $.props which is used internally by jQuery.attr() when setting CSS
+        // properties via either the css(name, value) or css(properties) method.
+        // The problem with doing this once outside of css() method is that you
+        // need a DOM node to find the right CSS property, and there is some risk
+        // that somebody would call the css() method before body has loaded or any
+        // DOM-is-ready events have fired.
+        if
+        (
+            typeof _propsObj['transform'] == 'undefined'
+            &&
+            (
+                arg == 'transform'
+                ||
+                (
+                    typeof arg == 'object'
+                    && typeof arg['transform'] != 'undefined'
+                )
+            )
+        )
+        {
+            _propsObj['transform'] = getTransformProperty(this.get(0));
+        }
+        
+        // We force the property mapping here because jQuery.attr() does
+        // property mapping with jQuery.props when setting a CSS property,
+        // but curCSS() does *not* do property mapping when *getting* a
+        // CSS property.  (It probably should since it manually does it
+        // for 'float' now anyway... but that'd require more testing.)
+        //
+        // But, only do the forced mapping if the correct CSS property
+        // is not 'transform' and is something else.
+        if (_propsObj['transform'] != 'transform')
+        {
+            // Call in form of css('transform' ...)
+            if (arg == 'transform')
+            {
+                arg = _propsObj['transform'];
+                
+                // User wants to GET the transform CSS, and in jQuery 1.4.3
+                // calls to css() for transforms return a matrix rather than
+                // the actual string specified by the user... avoid that
+                // behavior and return the string by calling jQuery.style()
+                // directly
+                if (typeof val == 'undefined' && jQuery.style)
+                {
+                    return jQuery.style(this.get(0), arg);
+                }
+            }
+
+            // Call in form of css({'transform': ...})
+            else if
+            (
+                typeof arg == 'object'
+                && typeof arg['transform'] != 'undefined'
+            )
+            {
+                arg[_propsObj['transform']] = arg['transform'];
+                delete arg['transform'];
+            }
+        }
+        
+        return proxied.apply(this, arguments);
+    };
+})(jQuery);

resources/library/interactivities/Balance.wgt/js/lib/jquery.i18n.properties-min-1.0.9.js

+(function(k){function n(c,a){k.ajax({url:c,async:!1,cache:a.cache,contentType:"text/plain;charset="+a.encoding,dataType:"text",success:function(b){r(b,a.mode)}})}function r(c,a){for(var b="",e=c.split(/\n/),d=/(\{\d+\})/g,q=/\{(\d+)\}/g,m=/(\\u.{4})/ig,f=0;f<e.length;f++)if(e[f]=e[f].replace(/^\s\s*/,"").replace(/\s\s*$/,""),e[f].length>0&&e[f].match("^#")!="#"){var g=e[f].split("=");if(g.length>0){for(var o=unescape(g[0]).replace(/^\s\s*/,"").replace(/\s\s*$/,""),h=g.length==1?"":g[1];h.match(/\\$/)==
+"\\";)h=h.substring(0,h.length-1),h+=e[++f].replace(/\s\s*$/,"");for(var l=2;l<g.length;l++)h+="="+g[l];h=h.replace(/^\s\s*/,"").replace(/\s\s*$/,"");if(a=="map"||a=="both"){if(g=h.match(m))for(l=0;l<g.length;l++)h=h.replace(g[l],s(g[l]));k.i18n.map[o]=h}if(a=="vars"||a=="both")if(h=h.replace(/"/g,'\\"'),t(o),d.test(h)){for(var g=h.split(d),l=!0,j="",n=[],p=0;p<g.length;p++)if(d.test(g[p])&&(n.length==0||n.indexOf(g[p])==-1))l||(j+=","),j+=g[p].replace(q,"v$1"),n.push(g[p]),l=!1;b+=o+"=function("+
+j+"){";o='"'+h.replace(q,'"+v$1+"')+'"';b+="return "+o+";};"}else b+=o+'="'+h+'";'}}eval(b)}function t(c){if(/\./.test(c))for(var a="",c=c.split(/\./),b=0;b<c.length;b++)b>0&&(a+="."),a+=c[b],eval("typeof "+a+' == "undefined"')&&eval(a+"={};")}function s(c){var a=[],c=parseInt(c.substr(2),16);c>=0&&c<Math.pow(2,16)&&a.push(c);for(var c="",b=0;b<a.length;++b)c+=String.fromCharCode(a[b]);return c}k.i18n={};k.i18n.map={};k.i18n.properties=function(c){c=k.extend({name:"Messages",language:"",path:"",mode:"vars",
+cache:!1,encoding:"UTF-8",callback:null},c);if(c.language===null||c.language=="")c.language=k.i18n.browserLang();if(c.language===null)c.language="";var a=c.name&&c.name.constructor==Array?c.name:[c.name];for(i=0;i<a.length;i++)n(c.path+a[i]+".properties",c),c.language.length>=2&&n(c.path+a[i]+"_"+c.language.substring(0,2)+".properties",c),c.language.length>=5&&n(c.path+a[i]+"_"+c.language.substring(0,5)+".properties",c);c.callback&&c.callback()};k.i18n.prop=function(c){var a=k.i18n.map[c];if(a==null)return"["+
+c+"]";var b;if(typeof a=="string"){for(b=0;(b=a.indexOf("\\",b))!=-1;)a=a[b+1]=="t"?a.substring(0,b)+"\t"+a.substring(b++ +2):a[b+1]=="r"?a.substring(0,b)+"\r"+a.substring(b++ +2):a[b+1]=="n"?a.substring(0,b)+"\n"+a.substring(b++ +2):a[b+1]=="f"?a.substring(0,b)+"\u000c"+a.substring(b++ +2):a[b+1]=="\\"?a.substring(0,b)+"\\"+a.substring(b++ +2):a.substring(0,b)+a.substring(b+1);var e=[],d,j;for(b=0;b<a.length;)if(a[b]=="'")if(b==a.length-1)a=a.substring(0,b);else if(a[b+1]=="'")a=a.substring(0,b)+
+a.substring(++b);else{for(d=b+2;(d=a.indexOf("'",d))!=-1;)if(d==a.length-1||a[d+1]!="'"){a=a.substring(0,b)+a.substring(b+1,d)+a.substring(d+1);b=d-1;break}else a=a.substring(0,d)+a.substring(++d);d==-1&&(a=a.substring(0,b)+a.substring(b+1))}else if(a[b]=="{")if(d=a.indexOf("}",b+1),d==-1)b++;else if(j=parseInt(a.substring(b+1,d)),!isNaN(j)&&j>=0){var m=a.substring(0,b);m!=""&&e.push(m);e.push(j);b=0;a=a.substring(d+1)}else b=d+1;else b++;a!=""&&e.push(a);a=e;k.i18n.map[c]=e}if(a.length==0)return"";
+if(a.lengh==1&&typeof a[0]=="string")return a[0];m="";for(b=0;b<a.length;b++)m+=typeof a[b]=="string"?a[b]:a[b]+1<arguments.length?arguments[a[b]+1]:"{"+a[b]+"}";return m};k.i18n.browserLang=function(){var c=navigator.language||navigator.userLanguage,c=c.toLowerCase();c.length>3&&(c=c.substring(0,3)+c.substring(3).toUpperCase());return c};var j;if(!j)j=function(c,a,b){if(Object.prototype.toString.call(a)!=="[object RegExp]")return typeof j._nativeSplit=="undefined"?c.split(a,b):j._nativeSplit.call(c,
+a,b);var e=[],d=0,k=(a.ignoreCase?"i":"")+(a.multiline?"m":"")+(a.sticky?"y":""),a=RegExp(a.source,k+"g"),m,f,g;c+="";j._compliantExecNpcg||(m=RegExp("^"+a.source+"$(?!\\s)",k));if(b===void 0||+b<0)b=Infinity;else if(b=Math.floor(+b),!b)return[];for(;f=a.exec(c);){k=f.index+f[0].length;if(k>d&&(e.push(c.slice(d,f.index)),!j._compliantExecNpcg&&f.length>1&&f[0].replace(m,function(){for(var a=1;a<arguments.length-2;a++)arguments[a]===void 0&&(f[a]=void 0)}),f.length>1&&f.index<c.length&&Array.prototype.push.apply(e,
+f.slice(1)),g=f[0].length,d=k,e.length>=b))break;a.lastIndex===f.index&&a.lastIndex++}d===c.length?(g||!a.test(""))&&e.push(""):e.push(c.slice(d));return e.length>b?e.slice(0,b):e},j._compliantExecNpcg=/()??/.exec("")[1]===void 0,j._nativeSplit=String.prototype.split;String.prototype.split=function(c,a){return j(this,c,a)}})(jQuery);
\ No newline at end of file

resources/library/interactivities/Balance.wgt/js/lib/ubw-main.js

+/*
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+function log(object) {
+	console.log(object);
+}
+
+function initAfterI18nMessagesLoaded(reload, templates, callbacks) {
+	document.title = fr.njin.i18n.document.title;
+	
+	var ubwidget = $("#ubwidget");
+	
+	var parameters = Object.create(Parameters,{
+		container: {
+			value: ubwidget
+		},
+		delegate: {
+			value: window.sankore || Object.create(ParametersDelegate)
+		}
+	});
+	
+	var app = Object.create(App, {
+		container: {
+			value: ubwidget
+		},
+		parameters: {
+			value: parameters
+		},
+		reload: {
+			value: reload
+		}
+	});
+
+	app.init();
+	app.onEdit = false;
+	
+	if(templates.toolbar) {
+		$("#toolbar").html(Mustache.render(templates.toolbar, window));
+	}
+	if(templates.parameters) {
+		$("#parameters").html(Mustache.render(templates.parameters, window));
+	}
+	
+	if(callbacks.onTemplatesLoaded && typeof callbacks.onTemplatesLoaded === 'function') {
+		callbacks.onTemplatesLoaded(app);
+	}
+	
+	log("Update setting views with stored parameters");
+	$("#parameters (input|select)[role=parameter]").each(function(i, input) {
+		(function(input){
+			var key = input.name;
+			var type = input.type;
+			var isRadioOrcheckbox = (type !== undefined && (type === "checkbox" || type === "radio"));
+			var stored = parameters.value(key);
+			if(isRadioOrcheckbox)
+				$(input).attr("checked", (typeof stored === "string" ? stored === "true" : stored));
+			else
+				$(input).val(stored);
+			$(input).change(function(){
+				var val = (isRadioOrcheckbox ? $(this).is(":checked") : $(this).val());
+				parameters.value(key, val);
+			});
+		})(input);
+	});
+	
+	log("Toobar Initialisation");
+	$("button[role=edit]").click(function(){
+		app.onEdit = true;
+		$(document.body).addClass("onEdit");
+		if(callbacks.onEdit && typeof callbacks.onEdit === 'function') {
+			callbacks.onEdit(app);
+		}
+	});
+	$("button[role=view]").click(function(){
+		app.onEdit = false;		
+		$(document.body).removeClass("onEdit");
+		if(callbacks.onView && typeof callbacks.onView === 'function') {
+			callbacks.onView(app);
+		}
+	});
+	$("button[role=reload]").click(function(){
+		app.reload();
+	});
+	$("button[role=help]").click(function(){
+		$("body").toggleClass("showHelp");
+	});
+	
+	$("select[name='themes']").change(function() {
+		$("body").get(0).className = $("body")[0].className.replace(/\btheme-[^\s]*\b/gi, '');
+		$("body").addClass("theme-"+$(this).val());
+	});
+	$("body").addClass("theme-"+$("select[name='themes']").val());
+}
+
+function init(reload, templates, callbacks){
+	var locale = window.sankore ? sankore.locale() : "";
+	$.i18n.properties({
+	  	name: 'Messages', 
+		path: 'i18n/',
+		language: locale,
+	  	callback: function(){ 
+			initAfterI18nMessagesLoaded(reload, templates, callbacks);
+		}
+	});
+}
+
+var Parameters = (function(){
+	var self = Object.create({}, {
+		container: {
+			value: null
+		},
+		delegate: {
+			value: null
+		},
+		value: {
+			value: function(key, value) {
+				if(value === undefined) {
+					var val = this.delegate.preference(key);
+					log("Retrieve parameter value ["+val+"] as type ["+(typeof val)+"] for key : ["+key+"]");
+					return (val !== undefined && (typeof val !== "string" || val)) ? val : $("#ubwidget").data(key);
+				}
+				else {
+					log("Set parameter value ["+value+"] for key : ["+key+"]");
+					this.delegate.setPreference(key, value);
+					this.container.trigger("preferenceChange", {key: key, value: value});					
+				}
+			}
+		}
+	});
+	return self;
+})();
+
+var ParametersDelegate = (function(){
+	var self = Object.create({}, {
+		preference: {
+			value: function(key) {
+				return this[key];
+			}
+		},
+		setPreference: {
+			value: function(key, value) {
+				this[key] = value;
+			}
+		}
+	});
+	return self;
+})();
+
+var App = (function() {
+    var self = Object.create({}, {
+		container: {
+			value: null
+		},
+		parameters: {
+			value: null
+		},
+        init: {
+			value: function() {
+				var that = this;
+				this.container.bind("preferenceChange", function(evt, parameter) {
+					that.reload(parameter);
+				});
+				this.reload();
+			}
+        },
+		reload: {
+			value: function(parameter) {
+				if(parameter === undefined)
+					log("Reload");
+				else
+					log("Update");
+			}
+		},
+		utils: {
+			value: Object.create({}, {
+				shuffle: {
+					value: function(array) {
+						var unpickedSize = array.length;
+						while(unpickedSize > 0) {
+							var n = Math.floor(Math.random()*unpickedSize);
+							var temp = array[unpickedSize-1];
+							array[unpickedSize-1] = array[n];
+							array[n] = temp;
+							unpickedSize--;
+						}
+					}
+				},
+				guid: {
+					value: function() {
+					    var S4 = function() {
+					       return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
+					    };
+					    return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
+					}
+				},
+				droppable: {
+					value: function($e, callback) {							
+						$e.bind("dragover", function(){
+							$(this).addClass("hover");
+							return false;
+						});
+						$e.bind("dragleave", function(){
+							$(this).removeClass("hover");
+							return false;
+						});
+						$e.bind("drop", function(e){
+							$(this).removeClass("hover");
+							e = e || window.event;
+							e.preventDefault();
+					        // jQuery wraps the originalEvent, so we try to detect that here...
+					        e = e.originalEvent || e;
+							
+							if(window.sankore) {
+								function stringToXML(text){
+								    if (window.ActiveXObject){
+								        var doc=new ActiveXObject('Microsoft.XMLDOM');
+								        doc.async='false';
+								        doc.loadXML(text);
+								    } else {
+								        var parser=new DOMParser();
+								        doc=parser.parseFromString(text,'text/xml');
+								    }
+								    return doc;
+								}
+								var file = stringToXML(e.dataTransfer.getData("text/plain"));
+								callback({
+			                        src: $(file).find("path:eq(0)").text()
+								});
+								return false;
+							}
+
+					        // Using e.files with fallback because e.dataTransfer is immutable and can't be overridden in Polyfills (http://sandbox.knarly.com/js/dropfiles/).
+					        var files = (e.files || e.dataTransfer.files);
+					        for (var i = 0; i < files.length; i++) {
+								// Loop through our files with a closure so each of our FileReader's are isolated.
+					            (function (i) {
+									if(typeof FileReader !== "undefined") {
+										var reader = new FileReader();
+						                reader.onload = function (event) {
+											callback({
+						                        src: event.target.result,
+						                        title: (files[i].name),
+						                        alt: (files[i].name)
+						                    });
+						                };
+						                reader.readAsDataURL(files[i]);
+									}
+					            })(i);
+					        }
+					        return false;
+						});
+					}
+				}
+			})
+		}
+    });
+    return self;
+})();
\ No newline at end of file

resources/library/interactivities/Balance.wgt/js/templates.js

+var toolbarTemplate = 	
+			'<h1 class="title">{{fr.njin.i18n.document.title}}</h1>'+
+			'<div class="actions">'+
+				'<button role="edit"><span>{{fr.njin.i18n.toolbar.edit}}</span></button>'+
+				'<button role="view"><span>{{fr.njin.i18n.toolbar.view}}</span></button>'+
+				'<button role="reload"><span>{{fr.njin.i18n.toolbar.reload}}</span></button>'+
+				'<button role="help"><span>{{fr.njin.i18n.toolbar.help}}</span></button>'+
+			'</div>';
+				
+var parametersTemplate = 
+			'<div class="inline">'+
+				'<label>{{fr.njin.i18n.parameters.label.themes}}'+
+					'<select name="themes" role="parameter">'+
+						'<option value="pad">{{fr.njin.i18n.parameters.label.pad.themes}}</option>'+					
+						'<option value="slate">{{fr.njin.i18n.parameters.label.slate.themes}}</option>'+
+						'<option value="none">{{fr.njin.i18n.parameters.label.none.themes}}</option>'+
+					'</select>'+
+				'</label>'+
+			'</div>';
+
+var objectTemplate = 
+			'<div id="{{object}}" class="object weight">'+
+				'<div class="tools">'+
+					'<button role="remove">{{fr.njin.i18n.balance.parameters.label.remove}}</button>'+
+				'</div>'+
+				'<div class="amount"><input type="text" name="weight">g</div><div class="bg"></div>'+
+			'</div>';
+			
+var weightTemplate = 
+			'<div id="{{object}}" class="weight w{{weight}}" data-weight="{{weight}}"><div class="amount">{{weight}}g</div><div class="bg"></div></div>';						
\ No newline at end of file

resources/library/interactivities/Cadran.wgt/config.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<widget xmlns="http://www.w3.org/ns/widgets" 
+		xmlns:ub="http://uniboard.mnemis.com/widgets"
+        id="http://www.njin.fr/sankore/apps/Cadran opératoire" 
+        version="1.0"
+        width="630"
+        height="540" 
+        ub:resizable="true">     
+   
+		<name>Cadran opératoire</name>
+		<author href="http://www.njin.fr" email="contact@njin.fr">njin</author>
+		<description></description>
+		
+		<content src="index.html"/>
+</widget>

resources/library/interactivities/Cadran.wgt/css/fonts/Lobster/stylesheet.css

+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2012 06:03:05 AM America/New_York */
+
+
+
+@font-face {
+    font-family: 'Lobster13Regular';
+    src: url('Lobster_1.3-webfont.eot');
+    src: url('Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
+         url('Lobster_1.3-webfont.woff') format('woff'),
+         url('Lobster_1.3-webfont.ttf') format('truetype'),
+         url('Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+