// Create a CSS context for styles when javascript is enabled $('html').addClass('js'); /* ONLOAD FUNCTION These functions are fired as soon as the DOM is ready */ $(document).ready(function () { /* IMGRESIZER Image scaling in IE6 and 7 is bobbins. This uses their proprietary filter gubbins to make it better. Original by Ethan Marcotte, at http://unstoppablerobotninja.com/entry/fluid-images/ Rejigged by Olly Hodgson. http://thinkdrastic.net/journal/wp-content/uploads/2009/05/imgresizer.htm */ function imgResizer () { $(".IE6 img:not(.clone), .IE7 img:not(.clone)").each(function (i) { var currentImg, currentClone, currentCloneId, currentWidth, currentHeight; currentImg = $(this); /* Wrap a span around the original image to help with positioning */ if (!$(currentImg).parent().hasClass("imgResizer")) { $(currentImg).wrap(""); } $(currentImg).attr("id", "original" + i); /* Figure out if this image has a clone, and if not, clone it. */ currentCloneId = "#clone" + $(currentImg).attr("id").substring(8); if ($(currentCloneId).length === 0) { $(currentImg).clone().insertAfter(currentImg).addClass("clone").css({"position" : "absolute", "top" : "0", "left" : "0", "opacity" : "0" }).attr("id", "clone" + i); /* Remove these so screenr reader users don't get them twice */ $(currentImg).attr("alt", ""); $(currentImg).attr("title", ""); } currentClone = $(currentCloneId); /* Set the original img src to that of the clone */ if ($(currentImg).attr("src") != $(currentClone).attr("src")) { $(currentImg).attr("src", $(currentClone).attr("src")); } /* Resize it accordingly */ $(currentImg).width("100%"); $(currentImg).height("auto"); currentWidth = currentImg[0].clientWidth; currentHeight = currentImg[0].clientHeight; /* Now apply the filter and put the transparent gif back */ currentImg[0].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + currentImg[0].src + "', sizingMethod='scale')"; currentImg[0].src = "/styles/patches/blank.gif"; /* Now set the height on both the original and it's clone */ $(currentImg).width(currentWidth); $(currentImg).height(currentHeight); $(currentClone).width(currentWidth); $(currentClone).height(currentHeight); }); } /* Check we're in IE6 or 6 - see the conditional comments in the */ if ($(".IE6, .IE7").length > 0) { imgResizer(); $(window).resize(function(){ imgResizer(); }); } }); /** * Cornerz 0.6 - Bullet Proof Corners * Jonah Fox (jonah@parkerfox.co.uk) 2008 * * Usage: $('.myclass').curve(options) * options is a hash with the following parameters. Bracketed is the default * radius (10) * borderWidth (read from BorderTopWidth or 0) * background ("white"). Note that this is not calculated from the HTML as it is expensive * borderColor (read from BorderTopColor) * corners ("tl br tr bl"). Specify which borders * fixIE ("padding") - attmepts to fix IE by incrementing the property by 1 if the outer width/height is odd. CHANGELIST from v0.4 0.5 - Now attempts to fix the odd dimension problem in IE 0.6 - Added semicolons for packing and fixed a problem with odd border width's in IE */ ;(function($){ if($.browser.msie && document.namespaces["v"] == null) { document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); var ss = document.createStyleSheet().owningElement; ss.styleSheet.cssText = "v\\:*{behavior:url(#default#VML);}" } $.fn.cornerz = function(options){ function canvasCorner(t,l, r,bw,bc,bg){ var sa,ea,cw,sx,sy,x,y, p = 1.57, css="position:absolute;"; if(t) {sa=-p; sy=r; y=0; css+="top:-"+bw+"px;"; } else {sa=p; sy=0; y=r; css+="bottom:-"+bw+"px;"; } if(l) {ea=p*2; sx=r; x=0; css+="left:-"+bw+"px;"} else {ea=0; sx=0; x=r; css+="right:-"+bw+"px;"; } var canvas=$(""); var ctx=canvas[0].getContext('2d'); ctx.beginPath(); ctx.lineWidth=bw*2; ctx.arc(sx,sy,r,sa,ea,!(t^l)); ctx.strokeStyle=bc; ctx.stroke(); ctx.lineWidth = 0; ctx.lineTo(x,y); ctx.fillStyle=bg; ctx.fill(); return canvas; }; function canvasCorners(corners, r, bw,bc,bg) { var hh = $("
"); // trying out style='float:left' $.each(corners.split(" "), function() { hh.append(canvasCorner(this[0]=="t",this[1]=="l", r,bw,bc,bg)); }); return hh; }; function vmlCurve(r,b,c,m,ml,mt, right_fix) { var l = m-ml-right_fix; var t = m-mt; return ""; } function vmlCorners(corners, r, bw, bc, bg, w) { var h ="
"; $.each($.trim(corners).split(" "), function() { var css,ml=1,mt=1,right_fix=0; if(this.charAt(0)=="t") { css="top:-"+bw+"px;"; } else { css= "bottom:-"+bw+"px;"; mt=r+1; } if(this.charAt(1)=="l") css+="left:-"+bw+"px;"; else { css +="right:-"+(bw)+"px; "; // odd width gives wrong margin? ml=r; right_fix = 1; } h+="
"; h+= ""; h+= vmlCurve(r*3,r+bw,bg, -r/2,ml,mt,right_fix); if(bw>0) h+= vmlCurve(r*2-bw,bw,bc, Math.floor(bw/2+0.5),ml,mt,right_fix); h+=""; h+= "
"; }); h += "
"; return h; }; var settings = { corners : "tl tr bl br", radius : 10, background: "white", borderWidth: 0, fixIE: true }; $.extend(settings, options || {}); var incrementProperty = function(elem, prop, x) { var y = parseInt(elem.css(prop)) || 0 ; elem.css(prop, x+y); } return this.each(function() { var $$ = $(this); var r = settings.radius*1.0; var bw = (settings.borderWidth || parseInt($$.css("borderTopWidth")) || 0)*1.0; var bg = settings.background; var bc = settings.borderColor; bc = bc || ( bw > 0 ? $$.css("borderTopColor") : bg); var cs = settings.corners; if($.browser.msie) {//need to use innerHTML rather than jQuery h = vmlCorners(cs,r,bw,bc,bg, $(this).width() ); this.innerHTML += h; } else //canvasCorners returns a DOM element $$.append(canvasCorners(cs,r,bw,bc,bg)); if(this.style.position != "absolute") this.style.position = "relative"; this.style.zoom = 1; // give it a layout in IE if($.browser.msie && settings.fixIE) { var ow = $$.outerWidth(); var oh = $$.outerHeight(); if(ow%2 == 1) { incrementProperty($$, "padding-right", 1); incrementProperty($$, "margin-right", 1); } if(oh%2 == 1) { incrementProperty($$, "padding-bottom", 1); incrementProperty($$, "margin-bottom", 1); } } } ); } })(jQuery); /** * * Copyright (c) 2008 Tom Deater (http://www.tomdeater.com) * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php * * uses an iframe, sized in ems, to detect font size changes then trigger a "fontresize" event * heavily based on code by Hedger Wang: http://www.hedgerwow.com/360/dhtml/js-onfontresize.html * * "fontresize" event is triggered on the document object * subscribe to event using: $(document).bind("fontresize", function (event, data) {}); * "data" contains the current size of 1 em unit (in pixels) * */ jQuery.onFontResize = (function ($) { // initialize $(document).ready(function () { var $resizeframe = $("