﻿/**
* cust_checkbox_plugin.js
* Copyright (c) 2009 myPocket technologies (www.mypocket-technologies.com)
 
* 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.

* View the GNU General Public License <http://www.gnu.org/licenses/>.

* @author Darren Mason (djmason9@gmail.com)
* @date 3/13/2009
* @projectDescription	Replaces the standard HTML form checkbox or radio buttons. Allows for disable, and very customizable.
* @version 1.0.3
* 
* @requires jquery.js (tested with 1.3.2)
* 
* @param disable_all:	false,
* @param wrapperclass:	".group"  or 'fieldset" or "#idname" or any selector
*
* updated by Matt Dales matt@kitsch22.net (this version 1.0.3.1) 20/06/2009 to allow for more flexibility in wrapper selector and sub hierarchy of inut fields. Also fixed label>input finding
*/

(function($) {
    $.fn.custCheckBox = function(options) {

        var defaults = {
            disable_all: false, 			//disables all the elements
            wrapperclass: ".group"
        };
        //override defaults
        var opts = $.extend(defaults, options);

        return this.each(function() {
            var obj = $(this);

            $.fn.buildbox = function(thisElm) {

                var currElm = $(thisElm);

                $(currElm).css({ display: "none" }).before("<span class=\"cust_checkbox\">&nbsp;&nbsp;&nbsp;&nbsp;</span>");

                var isChecked = $(currElm).attr("checked");
                var boxtype = $(currElm).attr("type");
                var disabled = $(currElm).attr("disabled");

                $(currElm).attr("checked", $(currElm).attr("checked") ? "checked" : false)
                if (boxtype === "checkbox") {
                    $(currElm).prev("span").addClass("checkbox");
                    if (disabled || opts.disable_all) { boxtype = "checkbox_disabled"; }
                }
                else {
                    $(currElm).prev("span").addClass("radio");
                    if (disabled || opts.disable_all) { boxtype = "radio_disabled"; }
                }

                if (isChecked)
                    $(currElm).prev("span").addClass("cust_" + boxtype + "_on");
                else
                    $(currElm).prev("span").addClass("cust_" + boxtype + "_off");

                if (opts.disable_all)
                    $(currElm).attr("disabled", "disabled");
            };

            $.fn.buildbox($(obj));

            $(opts.wrapperclass + " label").unbind().click(function() {

                if (!opts.disable_all) {

                    var custbox = $(this).parent().children("span").get(0);
                    var boxtype = $(custbox).parent().find("input").attr("type");
                    var disabled = $(custbox).next("input").attr("disabled");



                    if ($(custbox).hasClass("checkbox")) {

                        $(custbox).next("input").get(0).style.display = "block"
                        if ($(custbox).hasClass("cust_" + boxtype + "_off") && !disabled) {
                            $(custbox).removeClass("cust_" + boxtype + "_off").addClass("cust_" + boxtype + "_on"); //turn on
                            $(custbox).parent().find("input").attr("checked", false)
                        } else {
                            if (!disabled) {
                                $(custbox).removeClass("cust_" + boxtype + "_on").addClass("cust_" + boxtype + "_off"); //turn off
                                $(custbox).parent().find("input").attr("checked", true);

                            }
                        }
                        if (navigator.userAgent.indexOf("MSIE") > -1) { $(custbox).parent().find("input").get(0).click(); }
                        $(custbox).next("input").get(0).style.display = "none"
                    }

                    else if (!disabled) {
                        var theInput = $(custbox).parents(opts.wrapperclass).find(".cust_checkbox")


                        $(custbox).parents(opts.wrapperclass).find(".cust_checkbox").removeClass("cust_" + boxtype + "_on").addClass("cust_" + boxtype + "_off")

                        $(custbox).next("input").attr("checked", "checked");


                        $(custbox).removeClass("cust_" + boxtype + "_off").addClass("cust_" + boxtype + "_on"); //turn on
                    }

                }

            });

            $(".cust_checkbox").unbind().click(function() {

                if (!opts.disable_all) {
                    var boxtype = $(this).next("input").attr("type");
                    var disabled = $(this).next("input").attr("disabled");

                    if ($(this).hasClass("checkbox")) {
                        if ($(this).hasClass("cust_" + boxtype + "_off") && !disabled)
                            $(this).removeClass("cust_" + boxtype + "_off").addClass("cust_" + boxtype + "_on").next("input").attr("checked", "checked"); //turn on
                        else if (!disabled)
                            $(this).removeClass("cust_" + boxtype + "_on").addClass("cust_" + boxtype + "_off").next("input").removeAttr("checked"); //turn off
                    }
                    else if (!disabled) {
                        $(this).parents(opts.wrapperclass).find(".cust_checkbox").removeClass("cust_" + boxtype + "_on").addClass("cust_" + boxtype + "_off").next("input").removeAttr("checked");
                        $(this).removeClass("cust_" + boxtype + "_off").addClass("cust_" + boxtype + "_on").next("input").attr("checked", "checked"); //turn on
                    }
                }
            });
        });
    };

})(jQuery);

$(
	function() {
	    $("input[type='checkbox']").custCheckBox({ wrapperclass: "fieldset" });
	}
)

	/* function to open links in new window without failing validation */
	function externalLinks() {
	    if (!document.getElementsByTagName) return;
	    var anchors = document.getElementsByTagName("a");
	    for (var i = 0; i < anchors.length; i++) {
	        var anchor = anchors[i];
	        if (anchor.getAttribute("href") &&
       anchor.getAttribute("rel") == "external")
	            anchor.target = "_blank";
	    }
	}
	window.onload = externalLinks;


	/* local services tool tip functionality */

	/*
	* jQuery Tooltip plugin 1.3
	*
	* http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
	* http://docs.jquery.com/Plugins/Tooltip
	*
	* Copyright (c) 2006 - 2008 Jörn Zaefferer
	*
	* $Id: jquery.tooltip.js 5741 2008-06-21 15:22:16Z joern.zaefferer $
	* 
	* Dual licensed under the MIT and GPL licenses:
	*   http://www.opensource.org/licenses/mit-license.php
	*   http://www.gnu.org/licenses/gpl.html
	*/
	; (function($) {
	    var helper = {}, current, title, tID, IE = $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent), track = false; $.tooltip = { blocked: false, defaults: { delay: 200, fade: false, showURL: false, extraClass: "", top: 15, left: 15, id: "tooltip" }, block: function() { $.tooltip.blocked = !$.tooltip.blocked; } }; $.fn.extend({ tooltip: function(settings) { settings = $.extend({}, $.tooltip.defaults, settings); createHelper(settings); return this.each(function() { $.data(this, "tooltip", settings); this.tOpacity = helper.parent.css("opacity"); this.tooltipText = this.title; $(this).removeAttr("title"); this.alt = ""; }).mouseover(save).mouseout(hide).click(hide); }, fixPNG: IE ? function() { return this.each(function() { var image = $(this).css('backgroundImage'); if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) { image = RegExp.$1; $(this).css({ 'backgroundImage': 'none', 'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')" }).each(function() { var position = $(this).css('position'); if (position != 'absolute' && position != 'relative') $(this).css('position', 'relative'); }); } }); } : function() { return this; }, unfixPNG: IE ? function() { return this.each(function() { $(this).css({ 'filter': '', backgroundImage: '' }); }); } : function() { return this; }, hideWhenEmpty: function() { return this.each(function() { $(this)[$(this).html() ? "show" : "hide"](); }); }, url: function() { return this.attr('href') || this.attr('src'); } }); function createHelper(settings) { if (helper.parent) return; helper.parent = $('<div id="' + settings.id + '"><h3></h3><div class="body"></div><div class="url"></div></div>').appendTo(document.body).hide(); if ($.fn.bgiframe) helper.parent.bgiframe(); helper.title = $('h3', helper.parent); helper.body = $('div.body', helper.parent); helper.url = $('div.url', helper.parent); } function settings(element) { return $.data(element, "tooltip"); } function handle(event) {
	        if (settings(this).delay) tID = setTimeout(show, settings(this).delay); else
	            show(); track = !!settings(this).track; $(document.body).bind('mousemove', update); update(event);
	    } function save() {
	        if ($.tooltip.blocked || this == current || (!this.tooltipText && !settings(this).bodyHandler)) return; current = this; title = this.tooltipText; if (settings(this).bodyHandler) { helper.title.hide(); var bodyContent = settings(this).bodyHandler.call(this); if (bodyContent.nodeType || bodyContent.jquery) { helper.body.empty().append(bodyContent) } else { helper.body.html(bodyContent); } helper.body.show(); } else if (settings(this).showBody) { var parts = title.split(settings(this).showBody); helper.title.html(parts.shift()).show(); helper.body.empty(); for (var i = 0, part; (part = parts[i]); i++) { if (i > 0) helper.body.append("<br/>"); helper.body.append(part); } helper.body.hideWhenEmpty(); } else { helper.title.html(title).show(); helper.body.hide(); } if (settings(this).showURL && $(this).url()) helper.url.html($(this).url().replace('http://', '')).show(); else
	            helper.url.hide(); helper.parent.addClass(settings(this).extraClass); if (settings(this).fixPNG) helper.parent.fixPNG(); handle.apply(this, arguments);
	    } function show() {
	        tID = null; if ((!IE || !$.fn.bgiframe) && settings(current).fade) {
	            if (helper.parent.is(":animated")) helper.parent.stop().show().fadeTo(settings(current).fade, current.tOpacity); else
	                helper.parent.is(':visible') ? helper.parent.fadeTo(settings(current).fade, current.tOpacity) : helper.parent.fadeIn(settings(current).fade);
	        } else { helper.parent.show(); } update();
	    } function update(event) { if ($.tooltip.blocked) return; if (event && event.target.tagName == "OPTION") { return; } if (!track && helper.parent.is(":visible")) { $(document.body).unbind('mousemove', update) } if (current == null) { $(document.body).unbind('mousemove', update); return; } helper.parent.removeClass("viewport-right").removeClass("viewport-bottom"); var left = helper.parent[0].offsetLeft; var top = helper.parent[0].offsetTop; if (event) { left = event.pageX + settings(current).left; top = event.pageY + settings(current).top; var right = 'auto'; if (settings(current).positionLeft) { right = $(window).width() - left; left = 'auto'; } helper.parent.css({ left: left, right: right, top: top }); } var v = viewport(), h = helper.parent[0]; if (v.x + v.cx < h.offsetLeft + h.offsetWidth) { left -= h.offsetWidth + 20 + settings(current).left; helper.parent.css({ left: left + 'px' }).addClass("viewport-right"); } if (v.y + v.cy < h.offsetTop + h.offsetHeight) { top -= h.offsetHeight + 20 + settings(current).top; helper.parent.css({ top: top + 'px' }).addClass("viewport-bottom"); } } function viewport() { return { x: $(window).scrollLeft(), y: $(window).scrollTop(), cx: $(window).width(), cy: $(window).height() }; } function hide(event) {
	        if ($.tooltip.blocked) return; if (tID) clearTimeout(tID); current = null; var tsettings = settings(this); function complete() { helper.parent.removeClass(tsettings.extraClass).hide().css("opacity", ""); } if ((!IE || !$.fn.bgiframe) && tsettings.fade) {
	            if (helper.parent.is(':animated')) helper.parent.stop().fadeTo(tsettings.fade, 0, complete); else
	                helper.parent.stop().fadeOut(tsettings.fade, complete);
	        } else
	            complete(); if (settings(this).fixPNG) helper.parent.unfixPNG();
	    } 
	})(jQuery);

	$(function() {
	    $('.information').tooltip();

	}); 
