cobweb 0.0.55 → 0.0.57

data/spec/samples/sample_site/js/controls/wysiwyg.table.js

@@ -0,0 +1,151 @@
+/**
+ * Controls: Table plugin
+ * 
+ * Depends on jWYSIWYG
+ */
+(function ($) {
+	if (undefined === $.wysiwyg) {
+		throw "wysiwyg.table.js depends on $.wysiwyg";
+	}
+
+	if (!$.wysiwyg.controls) {
+		$.wysiwyg.controls = {};
+	}
+
+	var insertTable = function (colCount, rowCount, filler) {
+		if (isNaN(rowCount) || isNaN(colCount) || rowCount === null || colCount === null) {
+			return;
+		}
+
+		var i, j, html = ['<table border="1" style="width: 100%;"><tbody>'];
+
+		colCount = parseInt(colCount, 10);
+		rowCount = parseInt(rowCount, 10);
+
+		if (filler === null) {
+			filler = "&nbsp;";
+		}
+		filler = "<td>" + filler + "</td>";
+
+		for (i = rowCount; i > 0; i -= 1) {
+			html.push("<tr>");
+			for (j = colCount; j > 0; j -= 1) {
+				html.push(filler);
+			}
+			html.push("</tr>");
+		}
+		html.push("</tbody></table>");
+
+		return this.insertHtml(html.join(""));
+	};
+
+	/*
+	 * Wysiwyg namespace: public properties and methods
+	 */
+	$.wysiwyg.controls.table = function (Wysiwyg) {
+		var self = Wysiwyg, dialog, colCount, rowCount, formTableHtml,
+			formTextLegend = "Insert table",
+			formTextCols   = "Count of columns",
+			formTextRows   = "Count of rows",
+			formTextSubmit = "Insert table",
+			formTextReset  = "Cancel";
+
+		if ($.wysiwyg.i18n) {
+			formTextLegend = $.wysiwyg.i18n.t(formTextLegend, "dialogs.table");
+			formTextCols = $.wysiwyg.i18n.t(formTextCols, "dialogs.table");
+			formTextRows = $.wysiwyg.i18n.t(formTextRows, "dialogs.table");
+			formTextSubmit = $.wysiwyg.i18n.t(formTextSubmit, "dialogs.table");
+			formTextReset = $.wysiwyg.i18n.t(formTextReset, "dialogs");
+		}
+
+		formTableHtml = '<form class="wysiwyg"><fieldset><legend>' + formTextLegend + '</legend>' +
+			'<label>' + formTextCols + ': <input type="text" name="colCount" value="3" /></label>' +
+			'<label>' + formTextRows + ': <input type="text" name="rowCount" value="3" /></label>' +
+			'<input type="submit" class="button" value="' + formTextSubmit + '"/> ' +
+			'<input type="reset" value="' + formTextReset + '"/></fieldset></form>';
+
+		if (!Wysiwyg.insertTable) {
+			Wysiwyg.insertTable = insertTable;
+		}
+
+		if ($.fn.modal) {
+			$.modal(formTableHtml, {
+				onShow: function (dialog) {
+					$("input:submit", dialog.data).click(function (e) {
+						e.preventDefault();
+						rowCount = $('input[name="rowCount"]', dialog.data).val();
+						colCount = $('input[name="colCount"]', dialog.data).val();
+
+						self.insertTable(colCount, rowCount, self.defaults.tableFiller);
+						$.modal.close();
+					});
+					$("input:reset", dialog.data).click(function (e) {
+						e.preventDefault();
+						$.modal.close();
+					});
+				},
+				maxWidth: self.defaults.formWidth,
+				maxHeight: self.defaults.formHeight,
+				overlayClose: true
+			});
+		} else if ($.fn.dialog) {
+			dialog = $(formTableHtml).appendTo("body");
+			dialog.dialog({
+				modal: true,
+				width: self.defaults.formWidth,
+				height: self.defaults.formHeight,
+				open: function (event, ui) {
+					$("input:submit", dialog).click(function (e) {
+						e.preventDefault();
+						rowCount = $('input[name="rowCount"]', dialog).val();
+						colCount = $('input[name="colCount"]', dialog).val();
+
+						self.insertTable(colCount, rowCount, self.defaults.tableFiller);
+						$(dialog).dialog("close");
+					});
+					$("input:reset", dialog).click(function (e) {
+						e.preventDefault();
+						$(dialog).dialog("close");
+					});
+				},
+				close: function (event, ui) {
+					dialog.dialog("destroy");
+				}
+			});
+		} else {
+			colCount = prompt(formTextCols, "3");
+			rowCount = prompt(formTextRows, "3");
+
+			self.insertTable(colCount, rowCount, self.defaults.tableFiller);
+		}
+
+		$(self.editorDoc).trigger("wysiwyg:refresh");
+	};
+
+	$.wysiwyg.insertTable = function (object, colCount, rowCount, filler) {
+		if ("object" !== typeof (object) || !object.context) {
+			object = this;
+		}
+
+		if (!object.each) {
+			console.error("Something goes wrong, check object");
+		}
+
+		return object.each(function () {
+			var self = $(this).data("wysiwyg");
+
+			if (!self.insertTable) {
+				self.insertTable = insertTable;
+			}
+
+			if (!self) {
+				return this;
+			}
+
+			self.insertTable(colCount, rowCount, filler);
+			$(self.editorDoc).trigger("wysiwyg:refresh");
+
+			return this;
+		});
+	};
+})(jQuery);

data/spec/samples/sample_site/js/customInput.jquery.js

@@ -0,0 +1,68 @@
+/*-------------------------------------------------------------------- 
+ * jQuery plugin: customInput()
+ * by Maggie Wachs and Scott Jehl, http://www.filamentgroup.com
+ * Copyright (c) 2009 Filament Group
+ * Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses.
+ * Article: http://www.filamentgroup.com/lab/accessible_custom_designed_checkbox_radio_button_inputs_styled_css_jquery/  
+ * Usage example below (see comment "Run the script...").
+--------------------------------------------------------------------*/
+
+
+jQuery.fn.customInput = function(){
+	$(this).each(function(i){	
+		if($(this).is('[type=checkbox],[type=radio]')){
+			var input = $(this);
+			
+			// get the associated label using the input's id
+			var label = $('label[for='+input.attr('id')+']');
+			
+			//get type, for classname suffix 
+			var inputType = (input.is('[type=checkbox]')) ? 'checkbox' : 'radio';
+			
+			// wrap the input + label in a div 
+			$('<div class="custom-'+ inputType +'"></div>').insertBefore(input).append(input, label);
+			
+			// find all inputs in this set using the shared name attribute
+			var allInputs = $("input[name='"+input.attr('name')+"']");
+			
+			// necessary for browsers that don't support the :hover pseudo class on labels
+			label.hover( 
+				function(){ 
+					$(this).addClass('hover'); 
+				if(inputType == 'checkbox' && input.is(':checked')){ 
+					$(this).addClass('checkedHover'); 
+					} 
+				}, 
+				function(){ $(this).removeClass('hover checkedHover focus'); } 
+			);
+			
+			//bind custom event, trigger it, bind click,focus,blur events					
+			input.bind('updateState', function(){	
+				if (input.is(':checked')) {
+					if (input.is(':radio')) {				
+						allInputs.each(function(){
+							$('label[for='+$(this).attr('id')+']').removeClass('checked');
+						});		
+					};
+					label.addClass('checked');
+				}
+				else { label.removeClass('checked checkedHover checkedFocus'); }
+										
+			})
+			.trigger('updateState')
+			.click(function(){ 
+				$(this).trigger('updateState'); 
+			})
+			.focus(function(){ 
+				label.addClass('focus'); 
+				if(inputType == 'checkbox' && input.is(':checked')){ 
+					$(this).addClass('checkedFocus'); 
+				} 
+			})
+			.blur(function(){ label.removeClass('focus checkedFocus'); });
+		}
+	});
+};
+
+	
+	

data/spec/samples/sample_site/js/excanvas.min.js

@@ -0,0 +1 @@
+if(!document.createElement("canvas").getContext){(function(){var z=Math;var K=z.round;var J=z.sin;var U=z.cos;var b=z.abs;var k=z.sqrt;var D=10;var F=D/2;function T(){return this.context_||(this.context_=new W(this))}var O=Array.prototype.slice;function G(i,j,m){var Z=O.call(arguments,2);return function(){return i.apply(j,Z.concat(O.call(arguments)))}}function AD(Z){return String(Z).replace(/&/g,"&amp;").replace(/"/g,"&quot;")}function r(i){if(!i.namespaces.g_vml_){i.namespaces.add("g_vml_","urn:schemas-microsoft-com:vml","#default#VML")}if(!i.namespaces.g_o_){i.namespaces.add("g_o_","urn:schemas-microsoft-com:office:office","#default#VML")}if(!i.styleSheets.ex_canvas_){var Z=i.createStyleSheet();Z.owningElement.id="ex_canvas_";Z.cssText="canvas{display:inline-block;overflow:hidden;text-align:left;width:300px;height:150px}"}}r(document);var E={init:function(Z){if(/MSIE/.test(navigator.userAgent)&&!window.opera){var i=Z||document;i.createElement("canvas");i.attachEvent("onreadystatechange",G(this.init_,this,i))}},init_:function(m){var j=m.getElementsByTagName("canvas");for(var Z=0;Z<j.length;Z++){this.initElement(j[Z])}},initElement:function(i){if(!i.getContext){i.getContext=T;r(i.ownerDocument);i.innerHTML="";i.attachEvent("onpropertychange",S);i.attachEvent("onresize",w);var Z=i.attributes;if(Z.width&&Z.width.specified){i.style.width=Z.width.nodeValue+"px"}else{i.width=i.clientWidth}if(Z.height&&Z.height.specified){i.style.height=Z.height.nodeValue+"px"}else{i.height=i.clientHeight}}return i}};function S(i){var Z=i.srcElement;switch(i.propertyName){case"width":Z.getContext().clearRect();Z.style.width=Z.attributes.width.nodeValue+"px";Z.firstChild.style.width=Z.clientWidth+"px";break;case"height":Z.getContext().clearRect();Z.style.height=Z.attributes.height.nodeValue+"px";Z.firstChild.style.height=Z.clientHeight+"px";break}}function w(i){var Z=i.srcElement;if(Z.firstChild){Z.firstChild.style.width=Z.clientWidth+"px";Z.firstChild.style.height=Z.clientHeight+"px"}}E.init();var I=[];for(var AC=0;AC<16;AC++){for(var AB=0;AB<16;AB++){I[AC*16+AB]=AC.toString(16)+AB.toString(16)}}function V(){return[[1,0,0],[0,1,0],[0,0,1]]}function d(m,j){var i=V();for(var Z=0;Z<3;Z++){for(var AF=0;AF<3;AF++){var p=0;for(var AE=0;AE<3;AE++){p+=m[Z][AE]*j[AE][AF]}i[Z][AF]=p}}return i}function Q(i,Z){Z.fillStyle=i.fillStyle;Z.lineCap=i.lineCap;Z.lineJoin=i.lineJoin;Z.lineWidth=i.lineWidth;Z.miterLimit=i.miterLimit;Z.shadowBlur=i.shadowBlur;Z.shadowColor=i.shadowColor;Z.shadowOffsetX=i.shadowOffsetX;Z.shadowOffsetY=i.shadowOffsetY;Z.strokeStyle=i.strokeStyle;Z.globalAlpha=i.globalAlpha;Z.font=i.font;Z.textAlign=i.textAlign;Z.textBaseline=i.textBaseline;Z.arcScaleX_=i.arcScaleX_;Z.arcScaleY_=i.arcScaleY_;Z.lineScale_=i.lineScale_}var B={aliceblue:"#F0F8FF",antiquewhite:"#FAEBD7",aquamarine:"#7FFFD4",azure:"#F0FFFF",beige:"#F5F5DC",bisque:"#FFE4C4",black:"#000000",blanchedalmond:"#FFEBCD",blueviolet:"#8A2BE2",brown:"#A52A2A",burlywood:"#DEB887",cadetblue:"#5F9EA0",chartreuse:"#7FFF00",chocolate:"#D2691E",coral:"#FF7F50",cornflowerblue:"#6495ED",cornsilk:"#FFF8DC",crimson:"#DC143C",cyan:"#00FFFF",darkblue:"#00008B",darkcyan:"#008B8B",darkgoldenrod:"#B8860B",darkgray:"#A9A9A9",darkgreen:"#006400",darkgrey:"#A9A9A9",darkkhaki:"#BDB76B",darkmagenta:"#8B008B",darkolivegreen:"#556B2F",darkorange:"#FF8C00",darkorchid:"#9932CC",darkred:"#8B0000",darksalmon:"#E9967A",darkseagreen:"#8FBC8F",darkslateblue:"#483D8B",darkslategray:"#2F4F4F",darkslategrey:"#2F4F4F",darkturquoise:"#00CED1",darkviolet:"#9400D3",deeppink:"#FF1493",deepskyblue:"#00BFFF",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1E90FF",firebrick:"#B22222",floralwhite:"#FFFAF0",forestgreen:"#228B22",gainsboro:"#DCDCDC",ghostwhite:"#F8F8FF",gold:"#FFD700",goldenrod:"#DAA520",grey:"#808080",greenyellow:"#ADFF2F",honeydew:"#F0FFF0",hotpink:"#FF69B4",indianred:"#CD5C5C",indigo:"#4B0082",ivory:"#FFFFF0",khaki:"#F0E68C",lavender:"#E6E6FA",lavenderblush:"#FFF0F5",lawngreen:"#7CFC00",lemonchiffon:"#FFFACD",lightblue:"#ADD8E6",lightcoral:"#F08080",lightcyan:"#E0FFFF",lightgoldenrodyellow:"#FAFAD2",lightgreen:"#90EE90",lightgrey:"#D3D3D3",lightpink:"#FFB6C1",lightsalmon:"#FFA07A",lightseagreen:"#20B2AA",lightskyblue:"#87CEFA",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#B0C4DE",lightyellow:"#FFFFE0",limegreen:"#32CD32",linen:"#FAF0E6",magenta:"#FF00FF",mediumaquamarine:"#66CDAA",mediumblue:"#0000CD",mediumorchid:"#BA55D3",mediumpurple:"#9370DB",mediumseagreen:"#3CB371",mediumslateblue:"#7B68EE",mediumspringgreen:"#00FA9A",mediumturquoise:"#48D1CC",mediumvioletred:"#C71585",midnightblue:"#191970",mintcream:"#F5FFFA",mistyrose:"#FFE4E1",moccasin:"#FFE4B5",navajowhite:"#FFDEAD",oldlace:"#FDF5E6",olivedrab:"#6B8E23",orange:"#FFA500",orangered:"#FF4500",orchid:"#DA70D6",palegoldenrod:"#EEE8AA",palegreen:"#98FB98",paleturquoise:"#AFEEEE",palevioletred:"#DB7093",papayawhip:"#FFEFD5",peachpuff:"#FFDAB9",peru:"#CD853F",pink:"#FFC0CB",plum:"#DDA0DD",powderblue:"#B0E0E6",rosybrown:"#BC8F8F",royalblue:"#4169E1",saddlebrown:"#8B4513",salmon:"#FA8072",sandybrown:"#F4A460",seagreen:"#2E8B57",seashell:"#FFF5EE",sienna:"#A0522D",skyblue:"#87CEEB",slateblue:"#6A5ACD",slategray:"#708090",slategrey:"#708090",snow:"#FFFAFA",springgreen:"#00FF7F",steelblue:"#4682B4",tan:"#D2B48C",thistle:"#D8BFD8",tomato:"#FF6347",turquoise:"#40E0D0",violet:"#EE82EE",wheat:"#F5DEB3",whitesmoke:"#F5F5F5",yellowgreen:"#9ACD32"};function g(i){var m=i.indexOf("(",3);var Z=i.indexOf(")",m+1);var j=i.substring(m+1,Z).split(",");if(j.length==4&&i.substr(3,1)=="a"){alpha=Number(j[3])}else{j[3]=1}return j}function C(Z){return parseFloat(Z)/100}function N(i,j,Z){return Math.min(Z,Math.max(j,i))}function c(AF){var j,i,Z;h=parseFloat(AF[0])/360%360;if(h<0){h++}s=N(C(AF[1]),0,1);l=N(C(AF[2]),0,1);if(s==0){j=i=Z=l}else{var m=l<0.5?l*(1+s):l+s-l*s;var AE=2*l-m;j=A(AE,m,h+1/3);i=A(AE,m,h);Z=A(AE,m,h-1/3)}return"#"+I[Math.floor(j*255)]+I[Math.floor(i*255)]+I[Math.floor(Z*255)]}function A(i,Z,j){if(j<0){j++}if(j>1){j--}if(6*j<1){return i+(Z-i)*6*j}else{if(2*j<1){return Z}else{if(3*j<2){return i+(Z-i)*(2/3-j)*6}else{return i}}}}function Y(Z){var AE,p=1;Z=String(Z);if(Z.charAt(0)=="#"){AE=Z}else{if(/^rgb/.test(Z)){var m=g(Z);var AE="#",AF;for(var j=0;j<3;j++){if(m[j].indexOf("%")!=-1){AF=Math.floor(C(m[j])*255)}else{AF=Number(m[j])}AE+=I[N(AF,0,255)]}p=m[3]}else{if(/^hsl/.test(Z)){var m=g(Z);AE=c(m);p=m[3]}else{AE=B[Z]||Z}}}return{color:AE,alpha:p}}var L={style:"normal",variant:"normal",weight:"normal",size:10,family:"sans-serif"};var f={};function X(Z){if(f[Z]){return f[Z]}var m=document.createElement("div");var j=m.style;try{j.font=Z}catch(i){}return f[Z]={style:j.fontStyle||L.style,variant:j.fontVariant||L.variant,weight:j.fontWeight||L.weight,size:j.fontSize||L.size,family:j.fontFamily||L.family}}function P(j,i){var Z={};for(var AF in j){Z[AF]=j[AF]}var AE=parseFloat(i.currentStyle.fontSize),m=parseFloat(j.size);if(typeof j.size=="number"){Z.size=j.size}else{if(j.size.indexOf("px")!=-1){Z.size=m}else{if(j.size.indexOf("em")!=-1){Z.size=AE*m}else{if(j.size.indexOf("%")!=-1){Z.size=(AE/100)*m}else{if(j.size.indexOf("pt")!=-1){Z.size=m/0.75}else{Z.size=AE}}}}}Z.size*=0.981;return Z}function AA(Z){return Z.style+" "+Z.variant+" "+Z.weight+" "+Z.size+"px "+Z.family}function t(Z){switch(Z){case"butt":return"flat";case"round":return"round";case"square":default:return"square"}}function W(i){this.m_=V();this.mStack_=[];this.aStack_=[];this.currentPath_=[];this.strokeStyle="#000";this.fillStyle="#000";this.lineWidth=1;this.lineJoin="miter";this.lineCap="butt";this.miterLimit=D*1;this.globalAlpha=1;this.font="10px sans-serif";this.textAlign="left";this.textBaseline="alphabetic";this.canvas=i;var Z=i.ownerDocument.createElement("div");Z.style.width=i.clientWidth+"px";Z.style.height=i.clientHeight+"px";Z.style.overflow="hidden";Z.style.position="absolute";i.appendChild(Z);this.element_=Z;this.arcScaleX_=1;this.arcScaleY_=1;this.lineScale_=1}var M=W.prototype;M.clearRect=function(){if(this.textMeasureEl_){this.textMeasureEl_.removeNode(true);this.textMeasureEl_=null}this.element_.innerHTML=""};M.beginPath=function(){this.currentPath_=[]};M.moveTo=function(i,Z){var j=this.getCoords_(i,Z);this.currentPath_.push({type:"moveTo",x:j.x,y:j.y});this.currentX_=j.x;this.currentY_=j.y};M.lineTo=function(i,Z){var j=this.getCoords_(i,Z);this.currentPath_.push({type:"lineTo",x:j.x,y:j.y});this.currentX_=j.x;this.currentY_=j.y};M.bezierCurveTo=function(j,i,AI,AH,AG,AE){var Z=this.getCoords_(AG,AE);var AF=this.getCoords_(j,i);var m=this.getCoords_(AI,AH);e(this,AF,m,Z)};function e(Z,m,j,i){Z.currentPath_.push({type:"bezierCurveTo",cp1x:m.x,cp1y:m.y,cp2x:j.x,cp2y:j.y,x:i.x,y:i.y});Z.currentX_=i.x;Z.currentY_=i.y}M.quadraticCurveTo=function(AG,j,i,Z){var AF=this.getCoords_(AG,j);var AE=this.getCoords_(i,Z);var AH={x:this.currentX_+2/3*(AF.x-this.currentX_),y:this.currentY_+2/3*(AF.y-this.currentY_)};var m={x:AH.x+(AE.x-this.currentX_)/3,y:AH.y+(AE.y-this.currentY_)/3};e(this,AH,m,AE)};M.arc=function(AJ,AH,AI,AE,i,j){AI*=D;var AN=j?"at":"wa";var AK=AJ+U(AE)*AI-F;var AM=AH+J(AE)*AI-F;var Z=AJ+U(i)*AI-F;var AL=AH+J(i)*AI-F;if(AK==Z&&!j){AK+=0.125}var m=this.getCoords_(AJ,AH);var AG=this.getCoords_(AK,AM);var AF=this.getCoords_(Z,AL);this.currentPath_.push({type:AN,x:m.x,y:m.y,radius:AI,xStart:AG.x,yStart:AG.y,xEnd:AF.x,yEnd:AF.y})};M.rect=function(j,i,Z,m){this.moveTo(j,i);this.lineTo(j+Z,i);this.lineTo(j+Z,i+m);this.lineTo(j,i+m);this.closePath()};M.strokeRect=function(j,i,Z,m){var p=this.currentPath_;this.beginPath();this.moveTo(j,i);this.lineTo(j+Z,i);this.lineTo(j+Z,i+m);this.lineTo(j,i+m);this.closePath();this.stroke();this.currentPath_=p};M.fillRect=function(j,i,Z,m){var p=this.currentPath_;this.beginPath();this.moveTo(j,i);this.lineTo(j+Z,i);this.lineTo(j+Z,i+m);this.lineTo(j,i+m);this.closePath();this.fill();this.currentPath_=p};M.createLinearGradient=function(i,m,Z,j){var p=new v("gradient");p.x0_=i;p.y0_=m;p.x1_=Z;p.y1_=j;return p};M.createRadialGradient=function(m,AE,j,i,p,Z){var AF=new v("gradientradial");AF.x0_=m;AF.y0_=AE;AF.r0_=j;AF.x1_=i;AF.y1_=p;AF.r1_=Z;return AF};M.drawImage=function(AO,j){var AH,AF,AJ,AV,AM,AK,AQ,AX;var AI=AO.runtimeStyle.width;var AN=AO.runtimeStyle.height;AO.runtimeStyle.width="auto";AO.runtimeStyle.height="auto";var AG=AO.width;var AT=AO.height;AO.runtimeStyle.width=AI;AO.runtimeStyle.height=AN;if(arguments.length==3){AH=arguments[1];AF=arguments[2];AM=AK=0;AQ=AJ=AG;AX=AV=AT}else{if(arguments.length==5){AH=arguments[1];AF=arguments[2];AJ=arguments[3];AV=arguments[4];AM=AK=0;AQ=AG;AX=AT}else{if(arguments.length==9){AM=arguments[1];AK=arguments[2];AQ=arguments[3];AX=arguments[4];AH=arguments[5];AF=arguments[6];AJ=arguments[7];AV=arguments[8]}else{throw Error("Invalid number of arguments")}}}var AW=this.getCoords_(AH,AF);var m=AQ/2;var i=AX/2;var AU=[];var Z=10;var AE=10;AU.push(" <g_vml_:group",' coordsize="',D*Z,",",D*AE,'"',' coordorigin="0,0"',' style="width:',Z,"px;height:",AE,"px;position:absolute;");if(this.m_[0][0]!=1||this.m_[0][1]||this.m_[1][1]!=1||this.m_[1][0]){var p=[];p.push("M11=",this.m_[0][0],",","M12=",this.m_[1][0],",","M21=",this.m_[0][1],",","M22=",this.m_[1][1],",","Dx=",K(AW.x/D),",","Dy=",K(AW.y/D),"");var AS=AW;var AR=this.getCoords_(AH+AJ,AF);var AP=this.getCoords_(AH,AF+AV);var AL=this.getCoords_(AH+AJ,AF+AV);AS.x=z.max(AS.x,AR.x,AP.x,AL.x);AS.y=z.max(AS.y,AR.y,AP.y,AL.y);AU.push("padding:0 ",K(AS.x/D),"px ",K(AS.y/D),"px 0;filter:progid:DXImageTransform.Microsoft.Matrix(",p.join(""),", sizingmethod='clip');")}else{AU.push("top:",K(AW.y/D),"px;left:",K(AW.x/D),"px;")}AU.push(' ">','<g_vml_:image src="',AO.src,'"',' style="width:',D*AJ,"px;"," height:",D*AV,'px"',' cropleft="',AM/AG,'"',' croptop="',AK/AT,'"',' cropright="',(AG-AM-AQ)/AG,'"',' cropbottom="',(AT-AK-AX)/AT,'"'," />","</g_vml_:group>");this.element_.insertAdjacentHTML("BeforeEnd",AU.join(""))};M.stroke=function(AM){var m=10;var AN=10;var AE=5000;var AG={x:null,y:null};var AL={x:null,y:null};for(var AH=0;AH<this.currentPath_.length;AH+=AE){var AK=[];var AF=false;AK.push("<g_vml_:shape",' filled="',!!AM,'"',' style="position:absolute;width:',m,"px;height:",AN,'px;"',' coordorigin="0,0"',' coordsize="',D*m,",",D*AN,'"',' stroked="',!AM,'"',' path="');var AO=false;for(var AI=AH;AI<Math.min(AH+AE,this.currentPath_.length);AI++){if(AI%AE==0&&AI>0){AK.push(" m ",K(this.currentPath_[AI-1].x),",",K(this.currentPath_[AI-1].y))}var Z=this.currentPath_[AI];var AJ;switch(Z.type){case"moveTo":AJ=Z;AK.push(" m ",K(Z.x),",",K(Z.y));break;case"lineTo":AK.push(" l ",K(Z.x),",",K(Z.y));break;case"close":AK.push(" x ");Z=null;break;case"bezierCurveTo":AK.push(" c ",K(Z.cp1x),",",K(Z.cp1y),",",K(Z.cp2x),",",K(Z.cp2y),",",K(Z.x),",",K(Z.y));break;case"at":case"wa":AK.push(" ",Z.type," ",K(Z.x-this.arcScaleX_*Z.radius),",",K(Z.y-this.arcScaleY_*Z.radius)," ",K(Z.x+this.arcScaleX_*Z.radius),",",K(Z.y+this.arcScaleY_*Z.radius)," ",K(Z.xStart),",",K(Z.yStart)," ",K(Z.xEnd),",",K(Z.yEnd));break}if(Z){if(AG.x==null||Z.x<AG.x){AG.x=Z.x}if(AL.x==null||Z.x>AL.x){AL.x=Z.x}if(AG.y==null||Z.y<AG.y){AG.y=Z.y}if(AL.y==null||Z.y>AL.y){AL.y=Z.y}}}AK.push(' ">');if(!AM){R(this,AK)}else{a(this,AK,AG,AL)}AK.push("</g_vml_:shape>");this.element_.insertAdjacentHTML("beforeEnd",AK.join(""))}};function R(j,AE){var i=Y(j.strokeStyle);var m=i.color;var p=i.alpha*j.globalAlpha;var Z=j.lineScale_*j.lineWidth;if(Z<1){p*=Z}AE.push("<g_vml_:stroke",' opacity="',p,'"',' joinstyle="',j.lineJoin,'"',' miterlimit="',j.miterLimit,'"',' endcap="',t(j.lineCap),'"',' weight="',Z,'px"',' color="',m,'" />')}function a(AO,AG,Ah,AP){var AH=AO.fillStyle;var AY=AO.arcScaleX_;var AX=AO.arcScaleY_;var Z=AP.x-Ah.x;var m=AP.y-Ah.y;if(AH instanceof v){var AL=0;var Ac={x:0,y:0};var AU=0;var AK=1;if(AH.type_=="gradient"){var AJ=AH.x0_/AY;var j=AH.y0_/AX;var AI=AH.x1_/AY;var Aj=AH.y1_/AX;var Ag=AO.getCoords_(AJ,j);var Af=AO.getCoords_(AI,Aj);var AE=Af.x-Ag.x;var p=Af.y-Ag.y;AL=Math.atan2(AE,p)*180/Math.PI;if(AL<0){AL+=360}if(AL<0.000001){AL=0}}else{var Ag=AO.getCoords_(AH.x0_,AH.y0_);Ac={x:(Ag.x-Ah.x)/Z,y:(Ag.y-Ah.y)/m};Z/=AY*D;m/=AX*D;var Aa=z.max(Z,m);AU=2*AH.r0_/Aa;AK=2*AH.r1_/Aa-AU}var AS=AH.colors_;AS.sort(function(Ak,i){return Ak.offset-i.offset});var AN=AS.length;var AR=AS[0].color;var AQ=AS[AN-1].color;var AW=AS[0].alpha*AO.globalAlpha;var AV=AS[AN-1].alpha*AO.globalAlpha;var Ab=[];for(var Ae=0;Ae<AN;Ae++){var AM=AS[Ae];Ab.push(AM.offset*AK+AU+" "+AM.color)}AG.push('<g_vml_:fill type="',AH.type_,'"',' method="none" focus="100%"',' color="',AR,'"',' color2="',AQ,'"',' colors="',Ab.join(","),'"',' opacity="',AV,'"',' g_o_:opacity2="',AW,'"',' angle="',AL,'"',' focusposition="',Ac.x,",",Ac.y,'" />')}else{if(AH instanceof u){if(Z&&m){var AF=-Ah.x;var AZ=-Ah.y;AG.push("<g_vml_:fill",' position="',AF/Z*AY*AY,",",AZ/m*AX*AX,'"',' type="tile"',' src="',AH.src_,'" />')}}else{var Ai=Y(AO.fillStyle);var AT=Ai.color;var Ad=Ai.alpha*AO.globalAlpha;AG.push('<g_vml_:fill color="',AT,'" opacity="',Ad,'" />')}}}M.fill=function(){this.stroke(true)};M.closePath=function(){this.currentPath_.push({type:"close"})};M.getCoords_=function(j,i){var Z=this.m_;return{x:D*(j*Z[0][0]+i*Z[1][0]+Z[2][0])-F,y:D*(j*Z[0][1]+i*Z[1][1]+Z[2][1])-F}};M.save=function(){var Z={};Q(this,Z);this.aStack_.push(Z);this.mStack_.push(this.m_);this.m_=d(V(),this.m_)};M.restore=function(){if(this.aStack_.length){Q(this.aStack_.pop(),this);this.m_=this.mStack_.pop()}};function H(Z){return isFinite(Z[0][0])&&isFinite(Z[0][1])&&isFinite(Z[1][0])&&isFinite(Z[1][1])&&isFinite(Z[2][0])&&isFinite(Z[2][1])}function y(i,Z,j){if(!H(Z)){return }i.m_=Z;if(j){var p=Z[0][0]*Z[1][1]-Z[0][1]*Z[1][0];i.lineScale_=k(b(p))}}M.translate=function(j,i){var Z=[[1,0,0],[0,1,0],[j,i,1]];y(this,d(Z,this.m_),false)};M.rotate=function(i){var m=U(i);var j=J(i);var Z=[[m,j,0],[-j,m,0],[0,0,1]];y(this,d(Z,this.m_),false)};M.scale=function(j,i){this.arcScaleX_*=j;this.arcScaleY_*=i;var Z=[[j,0,0],[0,i,0],[0,0,1]];y(this,d(Z,this.m_),true)};M.transform=function(p,m,AF,AE,i,Z){var j=[[p,m,0],[AF,AE,0],[i,Z,1]];y(this,d(j,this.m_),true)};M.setTransform=function(AE,p,AG,AF,j,i){var Z=[[AE,p,0],[AG,AF,0],[j,i,1]];y(this,Z,true)};M.drawText_=function(AK,AI,AH,AN,AG){var AM=this.m_,AQ=1000,i=0,AP=AQ,AF={x:0,y:0},AE=[];var Z=P(X(this.font),this.element_);var j=AA(Z);var AR=this.element_.currentStyle;var p=this.textAlign.toLowerCase();switch(p){case"left":case"center":case"right":break;case"end":p=AR.direction=="ltr"?"right":"left";break;case"start":p=AR.direction=="rtl"?"right":"left";break;default:p="left"}switch(this.textBaseline){case"hanging":case"top":AF.y=Z.size/1.75;break;case"middle":break;default:case null:case"alphabetic":case"ideographic":case"bottom":AF.y=-Z.size/2.25;break}switch(p){case"right":i=AQ;AP=0.05;break;case"center":i=AP=AQ/2;break}var AO=this.getCoords_(AI+AF.x,AH+AF.y);AE.push('<g_vml_:line from="',-i,' 0" to="',AP,' 0.05" ',' coordsize="100 100" coordorigin="0 0"',' filled="',!AG,'" stroked="',!!AG,'" style="position:absolute;width:1px;height:1px;">');if(AG){R(this,AE)}else{a(this,AE,{x:-i,y:0},{x:AP,y:Z.size})}var AL=AM[0][0].toFixed(3)+","+AM[1][0].toFixed(3)+","+AM[0][1].toFixed(3)+","+AM[1][1].toFixed(3)+",0,0";var AJ=K(AO.x/D)+","+K(AO.y/D);AE.push('<g_vml_:skew on="t" matrix="',AL,'" ',' offset="',AJ,'" origin="',i,' 0" />','<g_vml_:path textpathok="true" />','<g_vml_:textpath on="true" string="',AD(AK),'" style="v-text-align:',p,";font:",AD(j),'" /></g_vml_:line>');this.element_.insertAdjacentHTML("beforeEnd",AE.join(""))};M.fillText=function(j,Z,m,i){this.drawText_(j,Z,m,i,false)};M.strokeText=function(j,Z,m,i){this.drawText_(j,Z,m,i,true)};M.measureText=function(j){if(!this.textMeasureEl_){var Z='<span style="position:absolute;top:-20000px;left:0;padding:0;margin:0;border:none;white-space:pre;"></span>';this.element_.insertAdjacentHTML("beforeEnd",Z);this.textMeasureEl_=this.element_.lastChild}var i=this.element_.ownerDocument;this.textMeasureEl_.innerHTML="";this.textMeasureEl_.style.font=this.font;this.textMeasureEl_.appendChild(i.createTextNode(j));return{width:this.textMeasureEl_.offsetWidth}};M.clip=function(){};M.arcTo=function(){};M.createPattern=function(i,Z){return new u(i,Z)};function v(Z){this.type_=Z;this.x0_=0;this.y0_=0;this.r0_=0;this.x1_=0;this.y1_=0;this.r1_=0;this.colors_=[]}v.prototype.addColorStop=function(i,Z){Z=Y(Z);this.colors_.push({offset:i,color:Z.color,alpha:Z.alpha})};function u(i,Z){q(i);switch(Z){case"repeat":case null:case"":this.repetition_="repeat";break;case"repeat-x":case"repeat-y":case"no-repeat":this.repetition_=Z;break;default:n("SYNTAX_ERR")}this.src_=i.src;this.width_=i.width;this.height_=i.height}function n(Z){throw new o(Z)}function q(Z){if(!Z||Z.nodeType!=1||Z.tagName!="IMG"){n("TYPE_MISMATCH_ERR")}if(Z.readyState!="complete"){n("INVALID_STATE_ERR")}}function o(Z){this.code=this[Z];this.message=Z+": DOM Exception "+this.code}var x=o.prototype=new Error;x.INDEX_SIZE_ERR=1;x.DOMSTRING_SIZE_ERR=2;x.HIERARCHY_REQUEST_ERR=3;x.WRONG_DOCUMENT_ERR=4;x.INVALID_CHARACTER_ERR=5;x.NO_DATA_ALLOWED_ERR=6;x.NO_MODIFICATION_ALLOWED_ERR=7;x.NOT_FOUND_ERR=8;x.NOT_SUPPORTED_ERR=9;x.INUSE_ATTRIBUTE_ERR=10;x.INVALID_STATE_ERR=11;x.SYNTAX_ERR=12;x.INVALID_MODIFICATION_ERR=13;x.NAMESPACE_ERR=14;x.INVALID_ACCESS_ERR=15;x.VALIDATION_ERR=16;x.TYPE_MISMATCH_ERR=17;G_vmlCanvasManager=E;CanvasRenderingContext2D=W;CanvasGradient=v;CanvasPattern=u;DOMException=o})()};

data/spec/samples/sample_site/js/hoverIntent.js

@@ -0,0 +1,84 @@
+(function($){
+	/* hoverIntent by Brian Cherne */
+	$.fn.hoverIntent = function(f,g) {
+		// default configuration options
+		var cfg = {
+			sensitivity: 7,
+			interval: 100,
+			timeout: 0
+		};
+		// override configuration options with user supplied object
+		cfg = $.extend(cfg, g ? { over: f, out: g } : f );
+
+		// instantiate variables
+		// cX, cY = current X and Y position of mouse, updated by mousemove event
+		// pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
+		var cX, cY, pX, pY;
+
+		// A private function for getting mouse position
+		var track = function(ev) {
+			cX = ev.pageX;
+			cY = ev.pageY;
+		};
+
+		// A private function for comparing current and previous mouse position
+		var compare = function(ev,ob) {
+			ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
+			// compare mouse positions to see if they've crossed the threshold
+			if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
+				$(ob).unbind("mousemove",track);
+				// set hoverIntent state to true (so mouseOut can be called)
+				ob.hoverIntent_s = 1;
+				return cfg.over.apply(ob,[ev]);
+			} else {
+				// set previous coordinates for next time
+				pX = cX; pY = cY;
+				// use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
+				ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
+			}
+		};
+
+		// A private function for delaying the mouseOut function
+		var delay = function(ev,ob) {
+			ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
+			ob.hoverIntent_s = 0;
+			return cfg.out.apply(ob,[ev]);
+		};
+
+		// A private function for handling mouse 'hovering'
+		var handleHover = function(e) {
+			// next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut
+			var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;
+			while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } }
+			if ( p == this ) { return false; }
+
+			// copy objects to be passed into t (required for event object to be passed in IE)
+			var ev = jQuery.extend({},e);
+			var ob = this;
+
+			// cancel hoverIntent timer if it exists
+			if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }
+
+			// else e.type == "onmouseover"
+			if (e.type == "mouseover") {
+				// set "previous" X and Y position based on initial entry point
+				pX = ev.pageX; pY = ev.pageY;
+				// update "current" X and Y position based on mousemove
+				$(ob).bind("mousemove",track);
+				// start polling interval (self-calling timeout) to compare mouse coordinates over time
+				if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}
+
+			// else e.type == "onmouseout"
+			} else {
+				// unbind expensive mousemove event
+				$(ob).unbind("mousemove",track);
+				// if hoverIntent state is true, then call the mouseOut function after the specified delay
+				if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
+			}
+		};
+
+		// bind the function to the two event listeners
+		return this.mouseover(handleHover).mouseout(handleHover);
+	};
+	
+})(jQuery);

data/spec/samples/sample_site/js/inline.js

@@ -0,0 +1,392 @@
+$(document).ready(function() {
+
+    // MENU
+    $(".menu-search ul li li:first-child a").css("border-top", "none");
+    $(".menu-search ul").supersubs({
+        minWidth: 15,
+        maxWidth: 40
+    }).superfish({
+        autoArrows: false,
+        dropShadows: false
+    });
+
+    var htmlStr = $("code").html();
+    $("code").text(htmlStr);
+
+    // BOX HIDE
+    $('span.hide').click(function() {
+        $(this).parent().next('.content').fadeToggle(100);
+    });
+
+    // TITLE SEARCH BOX
+    $('.box-search').hide();
+    $('span.search').click(function() {
+        $('.box-search').fadeTo(800, 1.0).end();
+        $('span.search').hide();
+    });
+
+    // THUMB OPTIONS
+    $("a.zoom").fancybox({
+        'speedIn': 600,
+        'speedOut': 200,
+        'overlayShow': true,
+        'overlayColor': '#000',
+        'titlePosition': 'over'
+    });
+    $("img.shadow").wrap("<span class='shadow'></span>");
+    $("img.left").wrap("<span class='shadow left'></span>");
+    $("img.right").wrap("<span class='shadow right'></span>");
+    $(function() {
+        $("div.thumb").hover(
+        function() {
+            $(this).children("img").fadeTo(200, 0.85).end().children("div").show();
+        }, function() {
+            $(this).children("img").fadeTo(200, 1).end().children("div").hide();
+        });
+    });
+
+    // SYSTEM MESSAGES
+    $(".messages:first-child").css({
+        "margin": "0 0 1px"
+    });
+
+    // MESSAGE BOX
+    $(".content .message:last-child").css({
+        "border-bottom": "none",
+        "padding": "12px 0 0"
+    });
+
+    if ($.browser.msie && $.browser.version.substr(0, 1) < 8) {
+        $(".content .message:last-child").css({
+            "border-bottom": "none",
+            "padding": "11px 0 0"
+        });
+    }
+
+    // MODAL BOXES
+    $(function() {
+        $(".modal").dialog({
+            autoOpen: false,
+            closeText: '',
+            resizable: false,
+            width: 700,
+			height: 500
+        });
+
+        $('.modalopen').click(function() {
+            $(".modal").dialog('open');
+            return false;
+        });
+    });
+
+    // TABS, ACCORDIONS, TREEVIEW & TOOLTIPS
+    $(".tabs").tabs({
+        fx: {
+            opacity: 'toggle'
+        }
+    });
+
+    $(".accordion").accordion({
+        autoHeight: false,
+        navigation: true
+    });
+
+    $(".filetree").treeview({
+        persist: "location",
+        collapsed: true
+    });
+
+    $(".tooltip").tipsy();
+
+    // DATATABLE
+    $('table.all').dataTable({
+        "bInfo": false,
+        "iDisplayLength": 5,
+        "aLengthMenu": [[5, 10, 25, 50, 100], [5, 10, 25, 50, 100]],
+        "sPaginationType": "full_numbers",
+        "bPaginate": true,
+        "aoColumnDefs": [{
+            bSortable: false,
+            aTargets: [0]}],
+        "sDom": 't<plf>'
+    });
+
+    $('table.sortsearch').dataTable({
+        "bInfo": false,
+        "bPaginate": false,
+        "aoColumnDefs": [{
+            bSortable: false,
+            aTargets: [0]}],
+        "sDom": 't<plf>'
+    });
+
+    $('table.sorting').dataTable({
+        "bInfo": false,
+        "bPaginate": false,
+        "bFilter": false,
+        "aoColumnDefs": [{
+            bSortable: false,
+            aTargets: [0]}],
+        "sDom": 't<plf>'
+    });
+
+    $(".dataTables_wrapper .dataTables_length select").addClass("entries");
+
+    $(function() {
+        $(".dataTables_paginate span.paginate_button").hover(
+        function() {
+            $(this).fadeTo(200, 0.85).end();
+        }, function() {
+            $(this).fadeTo(200, 1).end();
+        });
+    });
+
+    // CHECK ALL PAGES
+    $('.checkall').click(function() {
+        $(this).parents('table').find(':checkbox').attr('checked', this.checked);
+    });
+
+    // BUTTON LINKS
+    $("a.button").wrapInner("<span></span>");
+    $("a.button, button, .pager img").hover(
+
+    function() {
+        $(this).stop().fadeTo(200, 0.7);
+    }, function() {
+        $(this).stop().fadeTo(200, 1.0);
+    });
+
+    // STYLE FILE BUTTON
+    $("input[type=file]").wrap("<div style='display : inline-block; overflow : hidden; width : auto; height : 27px;'></div>");
+    $("input[type=file]").filestyle({
+        imageheight: 27,
+        imagewidth: 65,
+        width: 166
+    });
+
+    // SLIDER
+    $(".range-slide div.slide").each(function() {
+        values = $(this).attr('value').split(',');
+        firstVal = values[0];
+        secondVal = values[1];
+
+        rangeInputfirst = $(this).siblings('input.amount-first');
+        rangeInputsecond = $(this).siblings('input.amount-second');
+
+        $(this).slider({
+            values: [firstVal, secondVal],
+            min: parseInt($(this).attr('min'), 0),
+            max: parseInt($(this).attr('max'), 0),
+            range: true,
+            slide: function(event, ui) {
+                $(this).siblings('input.amount-first').val("" + ui.values[0]);
+                $(this).siblings('input.amount-second').val("" + ui.values[1]);
+            }
+        });
+        rangeInputfirst.val("" + $(this).slider("values", 0));
+        rangeInputsecond.val("" + $(this).slider("values", 1));
+    });
+
+    $(".signle-slide div.slide").each(function() {
+        value = $(this).attr('value').split(',');
+        firstVal = value;
+
+        rangeSpan = $(this).siblings('input.amount');
+
+        $(this).slider({
+            value: [firstVal],
+            min: parseInt($(this).attr('min'), 0),
+            max: parseInt($(this).attr('max'), 0),
+            slide: function(event, ui) {
+                $(this).siblings('input.amount').val("" + ui.value);
+            }
+        });
+        rangeSpan.val("" + $(this).slider("value"));
+    });
+
+    // PROGRESSBAR
+    $(".progressbar div").progressbar({
+        value: 100
+    });
+
+    // AUTOCOMPLETE
+    $(function() {
+        var availableTags = [
+            "ActionScript",
+            "AppleScript",
+            "Asp",
+            "BASIC",
+            "C",
+            "C++",
+            "Clojure",
+            "COBOL",
+            "ColdFusion",
+            "Erlang",
+            "Fortran",
+            "Groovy",
+            "Haskell",
+            "Java",
+            "JavaScript",
+            "Lisp",
+            "Perl",
+            "PHP",
+            "Python",
+            "Ruby",
+            "Scala",
+            "Scheme"
+            ];
+        $(".complete").autocomplete({
+            source: availableTags
+        });
+    });
+
+    // FORMS
+    $(".line:odd").css({
+        "border-top": "2px solid #f2f4f7",
+        "border-bottom": "2px solid #f2f4f7"
+    });
+    $(".line:first-child").css({
+        "border-top": "none"
+    });
+    $(".line:last-child").css({
+        "border-bottom": "none"
+    });
+	
+	$("input.datepicker").datepicker({
+		dateFormat: 'mm.dd.yy'
+	});
+	
+	$("input.timepicker").datetimepicker({});
+
+    $(function() {
+        $('.dataTables_length input, select').not("select.multi").selectmenu({
+            style: 'dropdown',
+            transferClasses: true,
+            width: null
+        });
+    });
+
+    $("input[type=radio], input[type=checkbox]").each(function() {
+        if ($(this).parents("table").length === 0) {
+            $(this).customInput();
+        }
+    });
+
+    $('.hide-input input, .filter-box, .search input, .box-search input').click(function() {
+        if (this.value === this.defaultValue) {
+            this.value = '';
+        }
+    });
+
+    $('.hide-input input, .filter-box, .search input, .box-search input').blur(function() {
+        if (this.value === '') {
+            this.value = this.defaultValue;
+        }
+    });
+
+    // Input and textarea IE 7 fix
+    if ($.browser.msie && $.browser.version.substr(0, 1) < 8) {
+        $("input.tiny").wrap("<div class='input-tiny'></div>");
+        $("input.small").wrap("<div class='input-small'></div>");
+        $("input.medium").wrap("<div class='input-medium'></div>");
+        $("input.big").wrap("<div class='input-big'></div>");
+        $("input.xl").wrap("<div class='input-xl'></div>");
+        $("textarea.small").wrap("<div class='textarea-small'></div>");
+        $("textarea.medium").wrap("<div class='textarea-medium'></div>");
+        $("textarea.big").wrap("<div class='textarea-big'></div>");
+        $("textarea.xl").wrap("<div class='textarea-xl'></div>");
+    }
+
+    // WYSISWYG
+    $('.wysiwyg').wysiwyg({
+        css: "css/wysiwyg-editor.css",
+        plugins: {
+            rmFormat: {
+                rmMsWordMarkup: true
+            }
+        }
+    });
+
+    // TABEL STATICS        
+    $("table.statics").each(function() {
+        var colors = [];
+        $("table.statics thead th:not(:first)").each(function() {
+            colors.push($(this).css("color"));
+        });
+        $(this).graphTable({
+            series: 'columns',
+            position: 'replace',
+			width : '100%',
+            height: '200px',
+            colors: colors
+        }, {
+            xaxis: {
+                tickSize: 1
+            }
+        });
+    });
+
+    $("table.statics-date").each(function() {
+        var colors = [];
+        var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+
+        $("table.statics-date thead th:not(:first)").each(function() {
+            colors.push($(this).css("color"));
+        });
+        $(this).graphTable({
+            series: 'columns',
+            position: 'replace',
+			width : '100%',
+            height: '200px',
+            colors: colors,
+            xaxisTransform: function(month) {
+                var i = 0;
+                while ((i < 12) && (month != months[i])) {
+                    i++;
+                }
+                return i;
+            }
+        }, {
+            xaxis: {
+                tickSize: 1,
+                tickFormatter: function(v, a) {
+                    return months[v];
+                }
+            }
+        });
+    });
+
+    $('.flot-graph').before('<div class="space"></div>');
+
+    function showTooltip(x, y, contents) {
+        $('<div id="tooltip">' + contents + '</div>').css({
+            position: 'absolute',
+            display: 'none',
+            top: y + 5,
+            left: x + 5
+        }).appendTo("body").fadeIn("fast");
+    }
+
+    var previousPoint = null;
+    $(".flot-graph").bind("plothover", function(event, pos, item) {
+        $("#x").text(pos.x);
+        $("#y").text(pos.y);
+
+        if (item) {
+            if (previousPoint != item.dataIndex) {
+                previousPoint = item.dataIndex;
+
+                $("#tooltip").remove();
+                var x = item.datapoint[0],
+                    y = item.datapoint[1];
+
+                showTooltip(item.pageX, item.pageY, "<b>" + item.series.label + "</b>: " + y);
+            }
+        }
+        else {
+            $("#tooltip").remove();
+            previousPoint = null;
+        }
+    });
+
+});