//--debug.js--//
if (!window.KJD){window.KJD = new Object;}

KJD.debug_mode = ''; //alert|status|window|div|none

var dump = function(obj,dest,match) {
    dest = (dest) ? dest : KJD.debug_mode;
    
    var str = "";
    var prop_name;
    var prop_value;
    
    
    if (typeof(obj) == 'string'){
        str = obj +' [String]';
    }
    else {
        for (var prop in obj){
            prop_name = prop;
            prop_value = obj[prop_name];
            try {
                if (match){
                    if (match == '-f' && (prop_value.search('function') == -1)){
                        str += "obj." + prop_name + " = " + prop_value + "\n";
                    }
                    else if (prop_name.search(match) != -1){
                        str += "obj." + prop_name + " = " + prop_value + "\n";
                    }
                }
                else {
                    str += "obj." + prop_name + " = " + prop_value + "\n";
                }
            }
            catch (e){
                str += "ERROR:\n";
            }
        }
    }
    debug(str,dest);
}

var debug = function(text,destination){
    var var_type = typeof(text);
    var msg = text +' ['+ var_type +']';
    
    //defaults
    destination = (destination) ? destination : KJD.debug_mode;
    
    switch (destination){
    //pop-up an alert box
    case 'a':
    case 'alert':
        window.alert(msg);
        break;
        
    //write to the status bar
    case 's':
    case 'status':
        //replace any line breaks in the msg
        msg  = msg.replace(/\n/gi,'|');
        window.status = msg;
        if (KJD.debugTimeOut){clearTimeout(KJD.debugTimeOut);}
        KJD.debugTimeOut = window.setTimeout('window.status="";',3000);
        break;
    
    //send the text to a pop-up window.
    //NOTE: pop-up blockers will stop this window from opening
    case 'w':
    case 'window':
        var win_options = 'height=600,width=250,directories=no';
        
        var debug_win = window.open('','DEBUG_WINDOW',win_options);
        
        if (debug_win){
            debug_win.document.write(text +'<hr />');
            debug_win.focus();
        }
        else {
            throw Error('Debugging window couldn\'t be opened.\n\n'+ msg);
        }
        break;
        
    //send to a <div> in the document 
    case 'd':
    case 'div':
        var div = document.getElementById('debug');
        if (!div){
            div = document.createElement('div');
            div.id = 'debug';
            document.body.appendChild(div);
        }
        div.innerHTML += text +'<br />';
        break;
        
    //do nothing
    case '':
    case 'none':
        break;
        
    default :
        throw Error('Invalid debug destination ('+ destination +')');
    }
}
//-------------start common.js-------------------//
if (!window.KJD){window.KJD = new Object;}
//object for holding all my functions/object to give them all their own namespace
//you should be able to do a find/replace with the string 'KJD' (case sensitive)
//if the script conflicts with someone elses script.

KJD.test = function(){
    window.open('','bob','resizable=yes,width=300,height=300');
}

KJD.baseUrl = 'http://localhost/contextify/';

KJD.debug_mode = 'alert'; //alert|status|window|div|none
KJD.error_mode = ''; // [alert|log|ignore] or leave empty for normal (browser based) error handling
KJD.error_log = ''; //for logging errors to another domain
//'http://www.webfoundry.co.nz/javascript_error.php';  
//this page should return an empty string or some javascript

KJD.error_handler = function(description, url, line){
    //supress all errors within the error handler
    //otherwise endless loops could occur?
    window.onerror = null;
    
    //defaults
    //mozilla doesn't give a url or line number.
    url = (url) ? url : window.location;
    line = (line) ? line : 'unknown';
    
    var msg = 'Msg = '+ description +'\nUrl  = '+ url +'\nLine = '+ line;

    switch (KJD.error_mode){
    case 'alert':
        window.alert(msg);
        break;

    case 'log':
        //log to a script src
        if (KJD.error_log == ''){
            throw Error('Error Log Src not set.');
            break;
        }
        else {
            //MZ: errors are still caught by the built in error handler
            var script = document.createElement('script');
            script.src = KJD.error_log +'?msg='+ escape(description) +'&url='+ escape(url) +'&line='+ line;
            if (document.body){
                document.body.appendChild(script);
            }
            else {
                //nothing we can do
                //FIXME: save to cookie maybe?
            }
        }
        break;
        
    case 'ignore':
        //do nothing
        break;
        
    default:
        throw Error('Invalid error_mode ('+ KJD.error_mode +')');
    }
    
    //restore the error handler
    window.onerror = KJD.error_handler;
    return true;
}

//set error handler event
if (KJD.error_mode != ''){
    window.onerror = KJD.error_handler;
}


//add activeElement to the document
//register event handlers

    

//a couple of useful string functions
String.prototype.trim = function(){
    //trims leading and trailing whitespace from a string
    var s = this.replace(/^\s+/,'');
    s = s.replace(/\s+$/,'');
    return s;
}

KJD.decToHex = function(num, min_length){
    //Converts a decimal to its hex string
    var HEX_STR = "0123456789ABCDEF";

    //validate input
    num = Math.floor(num);
    
    if (!min_length){min_length=2;}

    var mod=0;
    var hex='';

    while (num > 0){
        mod = num % 16;
        hex = HEX_STR.charAt(mod) + hex;
        num = (num - mod) / 16;
    }
    //pad to required length
    for (var i=hex.length; i<min_length; i++){
        hex = '0' + hex;
    }

    return hex;
}

KJD.escapeAll = function(obj){
    //escapes all characters in a string
    var s='';
    var str = obj.toString();
    
    for (var i=0; i<str.length; i++){
            var ch_code = str.charCodeAt(i);
            s += '%' + KJD.decToHex(ch_code, 2);
    }
	
    return s;
}

String.prototype.listToExp = function(){
    //converts a comma separated list into a regular expression
    
    //replace all commas with pipes and trim whitespace
    var s = this.trim();    
    if (s == '*'){
        s = '.*';
    }
    else {
        s = s.replace(/\s*,\s*/g,'|');
    }
    
    var exp = new RegExp('\\b('+ s + ')\\b','gi');
    return exp;
}


KJD.undef = function(v){
    var undefined_variable;
    return (v === undefined_variable);
}

KJD.isdef = function(v){
    return !(KJD.undef(v)); 
}

KJD.getId  = function(id){
    //short form of document.getElementById, allows for an element to be passed
    if (typeof(id) != 'string'){
        //object passed
        return id;
    }
    else {
        var ele = document.getElementById(id);
        if (!ele){debugger;}
        //if (!ele){throw Error('Element id not found(' + id +').');}
        return ele;
    }
}

KJD.getTags = function(tagname, parent){
    //get all elements of type tagname
    
    //default values
    tagname = (tagname) ? tagname : '*';
    parent = (parent) ? parent : document;
    
    var tags = parent.getElementsByTagName(tagname);
    
    //IE hack
    //element.getElementsByTagName('*') only works for Moz, IE6+ (not IE5 or IE5.5);
    if ((tagname == '*') && (tags.length == 0) && (parent.all)){
        //FIXME: shouldn't use document.all should use childNodes
        //Actually element.all seems to work fine
        tags = parent.all;
    }
    return tags;
}

KJD.getElementsByClass = function(classname, tagname, parent){
    //returns an array of elements that match the classname given
    //returns an empty Array() if no elements found
    
    var elements = Array();
    var exp = classname.listToExp();
    
    //get the elements
    var tags = KJD.getTags(tagname, parent);

    for (var i=0; i<tags.length; i++){
        
        if (tags[i].className.match(exp)){
            //add it to the return array
            elements[elements.length] = tags[i];
        }
    }
    
    return elements;
}


KJD.getElementsByAttribute = function (attribute, tagname, parent){
    //returns an array of elements that have the attribute
    //returns an empty Array() if no elements found
    var elements = Array();
    
    //get all the document elements
    var tags = KJD.getTags(tagname, parent);
    
    for (var i=0; i<tags.length; i++){
        var attr = tags[i].getAttribute(attribute);
        if (attr != null){
            elements[elements.length] = tags[i];
        }
    }
    return elements;
}


//style functions
KJD.toggleDisplay = function (id, src_img){
    var ele = KJD.getId(id);
    
    ele.style.display = (ele.style.display != 'none') ? 'none' : 'block' ;
    
    //change the image (if given)
    if (src_img && src_img.src){
        if (ele.style.display != 'none'){
            src_img.src = src_img.src.replace('open','close');
        }
        else {
            src_img.src = src_img.src.replace('close','open');
        }
    }
}


KJD.removeClass = function (id, classnames){
    //removes a list of classes from an element
    var ele = KJD.getId(id); 
    var exp = classnames.listToExp();
    
    ele.className = ele.className.replace(exp,'');
}

KJD.addClass = function (id, classname){
    //adds a className to an element if that name doesn't already exist
    var ele = KJD.getId(id); 
    var exp = classname.listToExp();
    
    if (!ele.className.match(exp)){
        ele.className = (ele.className +' '+ classname).trim();
    }
}
KJD.hasClass = function(id, class_name){
    //returns true if object has class
    var ele = KJD.getId(id);
    
    class_name = class_name.toLowerCase();
    
    if (KJD.undef(ele.className)){return false;}
    
    var classes = ele.className.split(/\s+/);
    
    for (var i=0; i<classes.length; i++){
        if (classes[i].toLowerCase() == class_name){
            return true;
        }
    }
    return false;
}

KJD.replaceClass = function (id, find, replace){
    //replaces a comma separaed list of classnames

    var ele = KJD.getId(id);
    
    //remove the class(es) (if they exists)
    KJD.removeClass(ele, find);
    
    //only add the new class if it doesn't already exist
    KJD.addClass(ele, replace);
}

//returns position relative to the document
KJD.objX = function (obj){
    var ele = KJD.getId(obj);
    if (!ele.offsetParent){
        return ele.offsetLeft;
    }
    else{
        return ele.offsetLeft + KJD.objX(ele.offsetParent);
    }
}

KJD.objY = function (obj){
    var ele = KJD.getId(obj); 
    if (!ele.offsetParent){
        return ele.offsetTop;
    }
    else{
        return ele.offsetTop + KJD.objY(ele.offsetParent);
    }
}


KJD.getParent = function (id, valid_tag_list, search_this_element){
    //loop through parent until it finds a parent tag of type parent_tag
    //parent tag can now be a comma separated list of tags (eg td,th,table)
    
    var NODE_TYPE_ELEMENT = 1;
    var ele = KJD.getId(id);
    if (!valid_tag_list){valid_tag_list = '*'};
    var exp = valid_tag_list.listToExp(); //new RegExp('\\b('+ valid_tag_list.toLowerCase().replace(',','|') +')\\b','i');
    
    if (!search_this_element){
        ele = ele.parentNode;
    }
    
    if ((!ele) || (ele.nodeType != NODE_TYPE_ELEMENT)){
        throw Error('Element has no parent node of type ['+valid_tag_list+']');
        return null;
    }
    else if (ele.tagName.match(exp)){
        //element found
        return ele;
    }
    else {
        //try the parent
        return KJD.getParent(ele.parentNode, valid_tag_list, true);
    }
}

KJD.getParentByAttribute = function(id, attribute, search_this_element){
    //returns the first object found with said attribute
    var NODE_TYPE_ELEMENT = 1;
    var ele = KJD.getId(id); 
        
    if (!search_this_element){
        ele = ele.parentNode;
    }

    if ((!ele) || (ele.nodeType != NODE_TYPE_ELEMENT)){
        return null;
    }
    else if (ele.getAttribute(attribute)){
        //element found
        return ele;
    }
    else {
        //try the parent
        return KJD.getParentByAttribute(ele.parentNode, attribute, true);
    } 
}
KJD.getParentByClass = function(id, classname){
    var ele = KJD.getId(id);

    if (KJD.hasClass(ele,classname)){
        return ele;
    }
    else if (ele.parentNode){
        return KJD.getParentByClass(ele.parentNode, classname);
    }
    else {
        return null;
    }
}

KJD.removeEvent = function(obj, event_name, func){
    //MZ
    if (obj.removeEventListener){
        //
        return obj.removeEventListener(event_name, func, false);
    }
    //IE
    else if (obj.detachEvent) {
        obj.detachEvent('on'+ event_name, func);
        return true; //?
    }
    else {
        throw Error("Unable to removeEvent()");
        return false;
    }
}
KJD.addEvent = function (obj, event_name, func) {
    //moz
    if (obj.addEventListener){
        obj.addEventListener(event_name, func, true);
        return true;
    }
    //ie 
    else if (obj.attachEvent){
        
        var existing_event = obj['on'+ event_name];
        
        
        //we need to create a new function that contains the event
        var event_handler = function(){
            //convert the IE event to be moz compatable
            
            //find the event object
            var e = window.event;
            
            //event occured in a frame
            //try and find the parent window and get the event from there
            /*
            if (!e && top.frames){
                //check any frames
                for (var i=0; i<top.frames.length; i++){
                    //if we try to access an event in a frame from a different domain it will throw a security error 
                    try{
                        if (top.frames[i].event != null){
                            e = top.frames[i].event;
                            break;
                        }
                    }
                    catch(e){}
                }
                
            }
            */
            if (!e && window.frames){
                //check any frames
                for (var i=0; i<window.frames.length; i++){
                    //if we try to access an event in a frame from a different domain it will throw a security error 
                    try{
                        if (window.frames[i].event != null){
                            e = window.frames[i].event;
                            break;
                        }
                    }
                    catch(e){}
                }
            }
            
            if (!e){
                throw Error('Unable to find event['+ obj +','+ event_name +','+ func +']');
                return;
            }
            
            
            //event source
            if (!e.target && e.srcElement){
                e.target = e.srcElement;
            }
            
            //event bubbling
            e.stopPropagation = function(){
                e.cancelBubble = true;
            }
            
            //prevent default action (eg form submittal when an <input type="submit"> is clicked)
            e.preventDefault = function(){
                e.returnValue = false;
            }
            
            e.which = e.button;
            //now fudge it
            if (e.button == 2){e.which = 3;}
            if (e.button == 4){e.which = 2;}
            
            if (existing_event){
                existing_event(e);
            }
            
            func(e);
        }
        //KLUDGE:      
        //events cannot be added to an iframes document with addEvent we need to add it explicitly
        //NOTE: this will remove any handler that aready exists for the iframes document.
        //FIXME: keep document events        
        
        //test to see if the event was added
        //iframe events in IE5 ...
        if (obj.parentWindow && (obj.parentWindow != top)){
            
            obj['on'+ event_name] = event_handler;
            
            return true; //?
        }
        else {
            return obj.attachEvent("on"+ event_name, event_handler);
        }
        /*
        FIXME 
        if (KJD.isdef(obj.title) && (obj != document)){
            
        }
        else {
            if (event_name == 'mouseover'){
                debug(event_name);
            }
            return obj.attachEvent("on"+ event_name, event_handler);
        }
        */
    }
    //unknown
    else {
        throw Error("Unable to addEvent()");
        return false;
    }
}

KJD.Event = Object;
KJD.Event.convert = function(e){
    //converts an ie event object into a moz compatible one

    //event source
    if (!e.target && e.srcElement){
        e.target = e.srcElement;
    }
    
    //event bubbling
    e.stopPropagation = function(){
        e.cancelBubble = true;
    }
    
    //prevent default action (eg form submittal when an <input type="submit"> is clicked)
    e.preventDefault = function(){
        e.returnValue = false;
    }
    return e;
}
KJD.Event.target = function(e, valid_tag_list){
    //returns the element the triggered the event
    var ele;
    if (!e){return null;}
    
    //have we been passed an element instead?
    if (e.nodeType){
        return e;
    }
    else if (e.target){
        return KJD.getParent(e.target, valid_tag_list, true);
    }
    else if (e.srcElement){
        return KJD.getParent(e.srcElement, valid_tag_list, true);
    }
    else {
        return null;
    }
}
KJD.writeStyle = function(style){
    //writes a <style> element to the document.
    //usually called in the <head> section when the script is first loaded
    document.write('<style type="text/css" >'+ style +'</style>');
}
KJD.uniqueId = function(prefix){
    var id = '';
    var i = 0;
    do {
        id = prefix +'_'+ i;
        i++;
    } while (document.getElementById(id));
    return id;
}


KJD.getQuery = function(key,default_value){
    //returns a value from the query string
    default_value = (default_value) ? default_value : '';

    var exp = new RegExp('\\b'+ key +'=([^&]*)','i');
    var loc = window.location.toString();
    var match = loc.match(exp);
    
    return (match) ? match[1] : default_value;
}

KJD.loadCSS = function(src){
    //loads an external style sheet by writing directly to the document
    //should only be called in the <head> of a document
    document.write('<link rel="stylesheet" type="text/css" href="'+ src +'" />');
}

KJD.importCSS = function(src, doc){
	//imports a style sheet (to be used if the document is already loaded);
	if (!doc){doc = document;}
        
	var link = doc.createElement('link');
	link.rel = 'stylesheet';
	link.href = src;
	link.type = 'text/css';
        
        var head = doc.getElementsByTagName('head')[0];
        //doc.body.appendChild(link);
        head.appendChild(link);        
}
KJD.addScript = function(src){
    //appends a script to the bottom of the page
    var script = document.createElement('script');
    script.src = src;
    document.body.appendChild(script);
}
KJD.winClose = function(delay){
    if (delay && !KJD.closing){
        //set a timer to close the window
        setTimeout(KJD.winClose, delay * 1000);
        return;
    }
    else {
        //close the window now
        window.returnValue = 1;
        window.close();
    }
}
KJD.getStyleSheet = function(doc){
    //verify the document    
    doc = (doc) ? doc : window.document;
    
    if (doc.styleSheets){
        if (doc.styleSheets.length == 0){
            //import a blank style sheet
            KJD.importCSS('');
        }
        return doc.styleSheets[doc.styleSheets.length-1];
    }
    else {
        debug('Unable to find or create a style sheet');
        return null;
    }
};
KJD.addStyle = function(style_name, rule){
    //adds a style to the last style sheet of a document
    var style_sheet = KJD.getStyleSheet();
    
    //IE
    if (!style_sheet)
    if (style_sheet.addRule){
        style_sheet.addRule(style_name, rule);
        return true;
    }
    //MZ
    else if (style_sheet.insertRule && style_sheet.cssRules) {
        rule = style_name + ' {' + rule + ';}';
        style_sheet.insertRule(rule , style_sheet.cssRules.length);
        return true;
    }
    //?
    else {
        return false;
    }
}
KJD.getStyle = function(ele, style, datatype){
    //returns the calculated style for any element
    var obj_style;
    //IE
    if (ele.currentStyle){
        obj_style = ele.currentStyle;
    }
    else if (document.defaultView && document.defaultView.getComputedStyle){
        obj_style = document.defaultView.getComputedStyle(ele,null);
    }
    else if (ele.style){
        obj_style = ele.style;
    }
    else {
        //no style available for this element
        return false;
    }
    //try to find the style
    var value = eval('obj_style.'+ style);
    if (!value){
        return false;
    }
    
    //return the 
    //number
    switch (datatype){  
        case 'int':
            value = parseInt(value,10);
            return (value==NaN) ? 0 : value;
            
        case 'string':
        default:
            return value;
    }
}

KJD.isBrowserSupported = function(){
    //
    var a_func = Array(
            'document.getElementById',
            'document.getElementsByTagName',
            'document.createElement',
            'document.createTextNode',		
            'document.body.innerHTML',
            'document.body.parentNode', 
            'document.body.parentNode.insertBefore',			
            'document.body.appendChild',
            'document.execCommand',
            'document.queryCommadValue',
            'document.className'		
            ); 
    
    for (var i; i<a_func.length; i++){
            if (!eval(a_func[i])){
                    debug('Browser does not support "'+ a_func[i] +'"');
                    return false;
            }
    }

    //now weed out the ones that say they support everything but don't or stuff up when they try
     
    if (navigator.userAgent.toLowerCase().indexOf("opera") != -1){
            //Fatal Opera browser, tries to support but fails badly
            return false;
    }
    if (navigator.product == "Gecko" && navigator.productSub < 20030624){
            return false;
    }
    return true;
} 
//-------------end common.js-------------------//
KJD.baseUrl = 'http://sethop.info/contextify/';
if (!window.KJD){window.KJD = new Object;}

KJD.Cookie = function(){}

KJD.Cookie.get = function(name){
    //default function is to retrieve the cookie value
    var exp = new RegExp('\\b'+ name +'=([^;]*)','i');
    var matches = document.cookie.match(exp);
    return (matches) ? unescape(matches[1]) : '';
}

//--Converted from http://www.quirksmode.org/index.html?/js/cookies.html--//
KJD.Cookie.set = function(name, value, days){
    var expires = "";
    if (days){
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    }
    document.cookie = (name +"="+ escape(value) + expires +"; path=/");
}
KJD.Cookie.kill = function(name){
    this.set(name, "", -1);
}//--fade.js--//
if (!window.KJD){window.KJD = new Object;}

//Default values for fading, can be overwritten by adding the attribute to the element to be faded
KJD.fade_steps = 10;    //Smoothness of fade, MUST be > 0
KJD.fade_speed = 200;   //Total Time to fade from visible to hidden speed (in milliseconds)

KJD.getOpacity = function(id){
    //returns the opacity value of en element
    var ele = this.getId(id);
    
    //make sure the element can be faded
    KJD.addClass(ele,'alpha');
    
    //mz
    if (this.isdef(ele.style.MozOpacity)){
        
        if (ele.style.MozOpacity == ''){
            //Set initial opacity
            //NOTE: don't make the opacity 1 as it causes a flicker when it is first changed to
            //a semi-transparent state.
            ele.style.MozOpacity = (ele.style.visibility == 'hidden') ? 0 : 0.99;
        }
        return parseFloat(ele.style.MozOpacity);
    }
    else {
        try {
            //if (isdef(ele.filters) && isdef(ele.filters.alpha) && isdef(ele.filters.alpha.opacity )){
            return parseFloat(ele.filters.alpha.opacity / 100);
            //}
        }
        catch (e){
            //object hasn't got alpha style set yet
            //NOTE: in IE the filter style must be set in the stylesheet of the element
            //before fading can occur.
            
            return false;
            
        }
    }
}


KJD.setOpacity = function(id, opacity){
    var ele = this.getId(id);
    
    //validate input
    if (opacity > 0.99){opacity = 0.99;}
    if (opacity < 0){opacity = 0;}

    //mz
    if (this.isdef(ele.style.MozOpacity)){
        ele.style.MozOpacity = opacity;
        return true;
    }
    else {
        //ie is wierd try and find out if the object supports the alpha filter 
        try {
            //no need to check if it supports as it's in a try {} catch {} block
            //if (isdef(ele.filters) && isdef(ele.filters.alpha) && isdef(ele.filters.alpha.opacity )){
            ele.filters.alpha.opacity = parseInt(opacity * 100);
            return true;
            //}
        }
        catch (e){
            return false;
        }
    } 
}



KJD.fadeOut = function(id){

    var ele = KJD.getId(id);
    
    //validate element
    if (!ele.id){throw Error('Element requires an "id" attribute to fadeOut');}
    
    var fade_steps = ele.getAttribute('fade_steps') ? ele.getAttribute('fade_steps') : KJD.fade_steps;
    var fade_speed = ele.getAttribute('fade_speed') ? ele.getAttribute('fade_speed') : KJD.fade_speed;

    var opac = KJD.getOpacity(ele);    
    var step = (0.99 / fade_steps);
    
    //clear the timer
    if (ele.fade_timer){
        clearTimeout(ele.fade_timer);
    }
        
    //object doesn't support alpha blending
    if (opac === false){
        ele.style.visibility = 'hidden';
        return false;
    }
    //supports blending, is it visible?
    else if (opac > 0){
        KJD.setOpacity(ele, opac - step);
        
        //we need to keep getting less visible until the element dissapears
        ele.fade_timer = setTimeout('KJD.fadeOut(\''+ ele.id +'\')', (fade_speed / fade_steps));
        
        return true;
    }
    //completely invisible
    else {
        ele.style.visibility = 'hidden';
        return true;
    }
}

KJD.fadeIn = function (id){

    var ele = KJD.getId(id);
    
    //validate element
    if (!ele.id){throw Error('Element requires an "id" attribute to fadeIn');}
    
    var fade_steps = ele.getAttribute('fade_steps') ? ele.getAttribute('fade_steps') : KJD.fade_steps;
    var fade_speed = ele.getAttribute('fade_speed') ? ele.getAttribute('fade_speed') : KJD.fade_speed;

    var opac = KJD.getOpacity(ele);    
    var step = (0.99 / fade_steps);

    //make sure you can see the object
    ele.style.visibility = 'visible';
    
    //clear the timer
    if (ele.fade_timer){
        clearTimeout(ele.fade_timer);
    }
    
    if (opac === false){
        //object doesn't support alpha blending
        
        return false;
    }
    else if (opac < .99){
        KJD.setOpacity(ele, opac + step);
        ele.fade_timer = setTimeout('KJD.fadeIn(\''+ ele.id +'\')', (fade_speed / fade_steps));
        return true;
    }
    else {
        return true;
    }
}

//NOTE ie requires the alpha filter to be loaded in the style sheet BEFORE the element
//can be faded in or out.
//Also: setting the element to be partially transparent (0.99) removes the flicker when changing drawing styles in Mozilla
//<style>.alpha { filter:alpha(opacity=99); -moz-opacity:0.99;} </style>
KJD.addStyle('.alpha','filter:alpha(opacity=99);');
KJD.addStyle('.alpha','-moz-opacity:0.99;');


//--end fade.js--//if (!window.KJD){window.KJD = new Object;}

//some functions
KJD.Iframe = new Object();

KJD.Iframe.getDoc = function(iframe){
    //returns the iframes current document
    //get ref to the iframes document
    
    if (iframe.contentDocument) {
        return iframe.contentDocument;  
    }
    // For IE5.5 and IE6 and MZ
    else if (iframe.contentWindow) {
        return iframe.contentWindow.document;
    }
    // For IE5: major kludge included
    else if (iframe.document) {
        
        //IE5.0 gives the window's document instead
        if (iframe.document === window.document){
            
            if (!iframe.id){
            
                //iframe MUST have an id to access in IE5.0
                iframe.id = KJD.uniqueId('iframe');
            }
            
            
            return document.frames[iframe.id].document;
        }
        else {
            return iframe.document;
        }
    }
    else {
        throw Error('Cannot access iframe document');
        return null;
    }
}

KJD.Iframe.setBody = function(iframe, html){
    var doc = KJD.Iframe.getDoc(iframe);
    doc.body.innerHTML = html;
}


KJD.Iframe.setHTML = function(iframe, html){
    
    //debug(iframe.location);
    
    var doc = KJD.Iframe.getDoc(iframe);
    
    doc.body.innerHTML = html;
        
    
    
    /*
    //IE doesn't have a document yet, we could pause but making a new document also works
    else {
        
    //we need to load the parent KJD object (containing all of our functions and objects) into this window
    if ((!html) || html.search(/<head[^>]*>/i) == -1){
        //convert into proper document
        html = '<html><head><title></title><script>if (window.parent.KJD){var KJD = window.parent.KJD;}</'+'script></head><body>'+ html +'<body></html>';
    }
    
    //IE: it appears that not only the document is destroyed when iframe.document.open()
    //but also the <iframe> containing it
    //then a new one if rebuilt
    //this will lose any properties or events attached to the iframe
    //how about we clone(copy all its properties) the iframe
    var properties = new Object;
    var property;
    
    for (property in iframe){
        properties[property] = iframe[property];
    }
    
    //check
    iframe.orig_iframe = 1;
    
    //hmm it appears to happen when a new document is created
    var doc_events = new Object;
    
    for (doc_prop in doc){
        if (doc_prop.substr(0,2)=='on'){
            doc_events[doc_prop] = doc[doc_prop];
        }
    }
    
    doc.open('text/html','replace');    
    doc.write(html);
    doc.close();
    debug(doc.domain);
    if (KJD.undef(iframe.orig_iframe)){
        //IE
        //now write the properties BACK to the iframe
        for (property in properties){
            //some properties are read only so they will throw errors
            if ((property != 'document') && (property != 'location')){
                try {
                    iframe[property] = properties[property];
                    //debug(property);
                }
                catch(e){}
            }
        }
    }
    //re-attach the document events
    for (doc_prop in doc_events){
        doc[doc_prop] = doc_events[doc_prop];
    }
    
    }*/
}

KJD.Iframe.append = function(attributes, html_body){
    //appends an iframe to the document
    //returns a referance to the iframe including
    //iframe.id [unique id for the iframe]
    //iframe._doc [referance to the iframe's document]
    
    //appends an iframe to the body of the document
    //returns the iframe element.
    
    var id = KJD.uniqueId('iframe');
    var iframe;
    
    //IE5.0 chokes if you use document.createElement('iframe')
    if (document.body.insertAdjacentHTML && document.frames){
        
        var iframe_html = '<iframe id="'+ id +'" name="'+ id +'" src="" '+ attributes +'></iframe>';
        document.body.insertAdjacentHTML('beforeEnd',iframe_html);
        iframe = document.frames[id];
    }
    //mz
    else {
   
        iframe = document.createElement('iframe');
    
        //if we set the src to anything else (including leaving it blank)
        //then an entry is made in the browsers history and this "breaks" the browsers back button
        iframe.src = "javascript: void(null);";
        iframe.name = id;
        iframe.id = id;
        
        //test
        iframe.style.display = 'none';
        iframe.style.border = 'none';
        
        document.body.appendChild(iframe);
        
        iframe = document.getElementById(iframe.id);
    }
    
    //make sure we have a blank document
    var doc = KJD.Iframe.getDoc(iframe);
    
    if (!doc.body){
        doc.open('text/html','replace');
        doc.close();
    }
    //make sure there is something within the body element
    if (!html_body){html_body = '<p>&nbsp;</p>';}
    doc.body.innerHTML = html_body;
    
    //IE: we get the iframe WINDOW object, not the iframe Element
    if (!iframe.tagName){
        //retrieve the iframe element from the parent document
        iframe = iframe.parent.document.getElementById(id);
    }
    
    
    //add a reference to the iframe
    doc.iframe = iframe; 
    
    
    //add some references to the iframe element
    iframe._doc = doc;
    iframe._win = window.frames[iframe.name];
    
    //copy our functions to the new window
    iframe._win.KJD = KJD;
    
    //KLUDGE:
    //ie keeps saying (1 item remaining) when the iframe is first loaded
    
    return iframe;
}//--mouse capture--//
if (!window.KJD){window.KJD = new Object;}

KJD.Mouse = new Object();
KJD.Mouse.x = 0;
KJD.Mouse.y = 0;

KJD.Event.position = function(e){
    //returns the position the event occured relative to the document
    var pos = new Object;
    
    
    if (e.pageX){
        pos.x = e.pageX;
        pos.y = e.pageY;
    }
    else if (e.clientX){
        //hmmm
        //IE6 with a DOCTYPE only uses document.documentElement.scrollTop not body.scrollTop
        //check for compatability(quirks) mode? 
        var x = e.clientX;
        var y = e.clientY;
        
        if (document.documentElement && document.documentElement.scrollTop && (document.documentElement.scrollTop > 0)){
            x += window.document.documentElement.scrollLeft;
            y += window.document.documentElement.scrollTop;
        }
        else {
            x += window.document.body.scrollLeft;
            y += window.document.body.scrollTop;
        }
        
        pos.x = x;
        pos.y = y; 
    }
    return pos;
}

KJD.updateCursorPos = function(e){
    //BUG: Go to a framed page and move the mouse over the border between the documents
    //Throws a permission denied error.
    try {
        KJD.Mouse = KJD.Event.position(e);
    }
    catch(e){}
    //window.status = KJD.Mouse.x +' '+ KJD.Mouse.y;
}



//--tooltip.js--//

KJD.mouseOverEle = function(ele){
    //returns true is the mouse is within the ele
    //get object position
    if (!ele){return false;}
    
    var ele_left = KJD.objX(ele);
    var ele_top = KJD.objY(ele);
    var ele_right = ele_left + ele.offsetWidth;
    var ele_bottom = ele_top + ele.offsetHeight;
    
    return ((KJD.Mouse.x >= ele_left) && (KJD.Mouse.x <= ele_right) && (KJD.Mouse.y >= ele_top) && (KJD.Mouse.y <= ele_bottom));
}

KJD.Mouse.init = function(){
    //initalises the mouse object across all frames in a window
    KJD.addEvent(document,'mousemove',KJD.updateCursorPos);
    
    /*
    if (window.frames){
        debug('yes');
        debug(document.body.innerHTML);
        for (var i=0; i<window.frames.length; i++){
            KJD.addEvent(window.frames[i].document,'mousemove',KJD.updateCursorPos);
            debug('d:'+ i);
        }
    }
    else {
        debug('no');
        
        
    }*/
}

//KJD.addEvent(window,'load',KJD.Mouse.init);



if (!window.KJD){window.KJD = new Object;}

KJD.XMLHttp = new Object;
KJD.XMLHttpRequest = new Object;

KJD.XMLHttp.post = function(uri, return_func, data, method){
    
    if (window.XMLHttpRequest) {
        KJD.XMLHttpRequest = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        KJD.XMLHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (KJD.XMLHttpRequest){
        if (return_func){
            KJD.XMLHttpRequest.onreadystatechange = function(){
                if (KJD.XMLHttpRequest.readyState == 4) {
                    if (KJD.XMLHttpRequest.status == 200) {
                        return_func(KJD.XMLHttpRequest.responseText);
                    } else {
                        //debug("KJD.XMLRequestError:" +KJD.XMLHttpRequest.statusText);
                    }
                }
            }
        }
        //just a one-way send of data
        else {
            KJD.XMLHttpRequest.onreadystatechange = null;
        }
        
        if (!method){method = "POST"}
        KJD.XMLHttpRequest.open(method, uri, true);
        if (method == 'POST'){
            XMLHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        }
        KJD.XMLHttpRequest.send(data);
    } 
}


KJD.Form = function(src){
    //creates a new form object
    this.action = src;
    this.html = '';
}

KJD.Form.prototype.add = function(name, value){
    //adds a value to the form
    //we need to escape the value 
    //really we should escape all html characters
    //but most browsers will handle this
    var esc_value = '' + value;
    esc_value = esc_value.replace('"','&quot;');

    this.html += '<input type="text" name="'+ name +'" value="'+ esc_value +'" />';
}


KJD.Form.prototype.destroyIframe = function(){
    //we probably shouldn't be doing this until we get a response from the server.
}
KJD.Form.prototype.submit = function(){
    //creates and POSTs the form
    
    //generate form html 
    var html = ''; //'<html><head><title></title>';
    //IE5.0 doesn't allow for the form to be submitted when the page loads (don't know why)
    html += '<script>window.setTimeout(function(){document.getElementById("KJD_Iframe_Form").submit();},10);</' + 'script>';
    //html += '</head><body>';
    html += '<form id="KJD_Iframe_Form" method="post" action="'+ this.action +'">';
    html += this.html;
    //only needed for debugging
    html += '<input id="submit1" name="submit1" type="submit" value="Submit">';
    html += '</form>';
    //html += '</body></html>';

    //create the frame to hold the form
    this.iframe = KJD.Iframe.append('frameborder="0" style="display:none;"',html);
    
    
    //MOZ: iframes document isn't created until the iframe is displayed
    //?
    //this.iframe.div.style.visibility = 'hidden';
    //this.iframe.div.style.display = 'block';
    this.destroyIframe();
}

KJD.Form.send = function(form){
    //splitting function to allow for a single query string to be sent
    
    if (typeof form == 'string'){
        //use script
        var script = document.createElement('script');
        script.src = KJD.baseUrl + form;
        document.body.appendChild(script);
    }
    else {
        //send a form using the iframe
        
        var action = form.action;    
        var i_form = new KJD.Form(action);
    
        for (var i=0; i<form.elements.length; i++){
            i_form.add(form.elements[i].name, form.elements[i].value);
        }
        
        i_form.submit();
    }
}//--tabs.js--//
if (!window.KJD){window.KJD = new Object;}

KJD.Tabs = new Object;

KJD.setClass = function(ele, class_name){
    if (ele.className.toLowerCase() != class_name.toLowerCase()){
        ele.className = class_name;
    }
}

KJD.Tabs.show = function(tab, panel_id){
    
    //set all the tabs to 
    var tab_box = KJD.getParentByClass(tab, 'tab_box');
    
    //set the tabs
    var tabs = KJD.getElementsByClass('tab,tab_active','td',tab_box);
    var panels = KJD.getElementsByClass('panel,panel_active','div',tab_box);
     
    for (var i=0; i<tabs.length; i++){
        KJD.setClass(tabs[i], (tabs[i] == tab) ? 'tab_active' : 'tab');
        KJD.setClass(panels[i], (tabs[i] == tab) ? 'panel_active' : 'panel');
    }
};

if (!window.KJD){window.KJD = new Object;}

//constructor
KJD.Tooltip = new Object;

//default values
KJD.Tooltip.currStyle = 'tooltip';
//KJD.Tooltip.styleSheet = '<link rel="stylesheet" type="text/css" href="'+ KJD.baseUrl +'styles/styles.css" />';
KJD.Tooltip.styleSheet = KJD.baseUrl +'styles/styles.css';
KJD.Tooltip.show_delay = 250;   
KJD.Tooltip.hide_delay = 500;      //amount of time the tool tip remains visible if the cursor is no longer over it
KJD.Tooltip.hide_timer = null;  //
KJD.Tooltip.valign = 'bottom';
KJD.Tooltip.align = 'right';
KJD.Tooltip.position = 'mouse'; //element|mouse
KJD.Tooltip.offset_y = 10;
KJD.Tooltip.offset_x = 12;
//KJD.Tooltip.state = 'loading';

//some timers
KJD.Tooltip.timerStartHide = null;
KJD.Tooltip.timerHide = null;

KJD.Tooltip.srcEle = null;
KJD.Tooltip.iframe = null;

KJD.Tooltip.hasFocus = false;
KJD.Tooltip.mouseOverTooltip = false;
KJD.Tooltip.mouseOverLink = false;


KJD.getMaxZIndex = function(){
    //returns the maximum z-index of any element on page
    var eles = KJD.getTags();
    var max = 0;
    var zindex;
    
    for (var i=0; i<eles.length; i++){
        zindex = KJD.getStyle(eles[i],'zIndex','int');
        max = (zindex > max) ? zindex : max;
    }
    return max;
}

KJD.Tooltip.iframeMousemove = function(e){    
    //update the mouse position within the iframe
    var pos = KJD.Event.position(e);
    
    //adjust for iframes offset within the main document
    pos.x += KJD.objX(KJD.Tooltip.iframe);
    pos.y += KJD.objY(KJD.Tooltip.iframe);
    
    //update global mouse position
    KJD.Mouse = pos;
    
    //stop the tooltip from hiding
    KJD.Tooltip.show(KJD.Tooltip.srcEle);
    
    
    //window.status = KJD.Mouse.x +' '+ KJD.Mouse.y;
}

KJD.Tooltip.focus = function(){
    //give the focus to the tooltip
    KJD.Tooltip.hasFocus = true;
}

KJD.Tooltip.blur = function(){
    //remove the focus from the tooltip
    KJD.Tooltip.hasFocus = false;
}

KJD.Tooltip.setMouseover = function(){
    KJD.Tooltip.mouseOverTooltip = true;
}
KJD.Tooltip.setMouseout = function(){
    KJD.Tooltip.mouseOverTooltip = false;
}


KJD.Tooltip.createIframe = function (){
    //creates the tool tip for the current document
    
    //check to see if the frame has already been created
    if (KJD.Tooltip.iframe){return;}
    //create the iframe shim
    //REF: http://dotnetjunkies.com/WebLog/jking/archive/2003/07/21/488.aspx
    
    var iframe_attributes = 'width="10" height="10" frameborder="0" style="border: none; display: none;" scrolling="no"'; 
    
    KJD.Tooltip.iframe = KJD.Iframe.append(iframe_attributes +' allowtransparency="true"','&nbsp;');
    
    
    var iframe = KJD.Tooltip.iframe;

    //add tooltip style to the iframes document
    KJD.importCSS(KJD.Tooltip.styleSheet, KJD.Tooltip.iframe._doc);
    
    var zindex = KJD.getMaxZIndex();
    
    KJD.Tooltip.iframe.style.zIndex  = zindex + 2;
    
    //if (iframe.style){
    iframe._doc.body.className = KJD.Tooltip.currStyle;
    iframe.style.visibility = 'hidden';
    iframe.style.position = 'absolute';
    iframe.style.width = '10px';
    iframe.style.height = '10px';
    iframe.scrolling = 'no';
    
    iframe.fade_timer = null;

    iframe.className = 'alpha';
    
    //NOTE: (IE)initial opacity cannot be set until the element is part of the document?
    KJD.setOpacity(iframe,0.01);
        
    //attach mousemove so we know if the mouse is over this element
    
    //KJD.addEvent(iframe._doc,'mousemove', window.parent.KJD.Tooltip.setMouseover);
    KJD.addEvent(iframe._doc,'mousemove', window.KJD.Tooltip.setMouseover);
    KJD.addEvent(document,'mousemove', KJD.Tooltip.setMouseout);

    //or if it has the focus
    
    //debug(window.parent);
    
    //KJD.addEvent(iframe._doc,'mousedown', window.parent.KJD.Tooltip.focus);
    KJD.addEvent(iframe._doc,'mousedown', window.KJD.Tooltip.focus);
    KJD.addEvent(document,'mousedown', KJD.Tooltip.blur);
    
    //FIXME: IE Kludge
    if (document.all){
        //create another iframe under this one to block out any windowed controls
        KJD.Tooltip.shim = KJD.Iframe.append(iframe_attributes,'<div style="width:10px; height:10px;">&nbsp;</div>');
        var shim = KJD.Tooltip.shim;
        shim.style.zIndex  = zindex + 1;
        shim.style.position = 'absolute';
        shim.style.width = '10px';
        shim.style.height = '10px';
        shim.scrolling = 'no';
        //we need to make the shim transparent
        shim.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';
        //or moz-opacity
        //shim.style.MozOpacity = '0';
    }
}

KJD.Tooltip.positionTip = function(e){
    //position the tool tip next to the element
    //position the tip by moving the div containing the iframe?
    //no this will bugger up the dragging later
    
    
    var ele = KJD.getParentByAttribute(KJD.Event.target(e),'tooltip',true);
    var newX;
    var newY;
    var iframe = KJD.Tooltip.iframe;
    
    var SCROLL_BAR_WIDTH = 5;
    
    switch (KJD.Tooltip.position){
        /*
        case 'element':
            newY = KJD.objY(ele);
            switch (this.TOOLTIP_VALIGN){
                case 'top':
                    newY -= this.TOOLTIP_DIV.offsetHeight;
                    break;
                    
                case 'middle':
                    newY += ((ele.offsetHeight - this.TOOLTIP_DIV.offsetHeight) /2);
                    break;
                    
                case 'bottom':
                    newY += ele.offsetHeight;
                    break;
                    
                default:
                    throw Error('Invalid TOOLTIP_VALIGN ('+ this.TOOLTIP_VALIGN +')');
            }
            newY += this.TOOLTIP_OFFSET_Y;
            
            newX = objX(ele);
            switch (this.TOOLTIP_ALIGN){
                case 'left':
                    //do nothing
                    //newX -= this.TOOLTIP_DIV.offsetWidth;
                    break;
                    
                case 'center':
                    newX += ((ele.offsetWidth - this.TOOLTIP_DIV.offsetWidth) /2);
                    break;
                    
                case 'right':
                    newX += (ele.offsetWidth - this.TOOLTIP_DIV.offsetWidth);
                    break;
                    
                default:
                    throw Error('Invalid this.TOOLTIP_ALIGN ('+ this.TOOLTIP_ALIGN +')');
            }
            newX += this.TOOLTIP_OFFSET_X;
            
            //this.TOOLTIP_DIV.style.position = 'absolute';
            this.TOOLTIP_DIV.style.left = newX +'px';
            this.TOOLTIP_DIV.style.top = newY +'px';
            break;
        */
    case 'mouse':
        //position the tool tip relative to the mouse
        
        
        //KJD.Event.target(e)
        
        newY = KJD.Mouse.y;
        newX = KJD.Mouse.x;
        
        //adjust for position
        if (KJD.Tooltip.valign == 'top'){
            newY -= KJD.Tooltip.iframe.offsetHeight;
        }
        if (KJD.Tooltip.valign == 'middle'){
            newY -= (KJD.Tooltip.iframe.offsetHeight / 2);
        }
        if (KJD.Tooltip.align == 'left'){
            newX -= KJD.Tooltip.iframe.offsetWidth;
        }
        if (KJD.Tooltip.align == 'center'){
            newX -= (KJD.Tooltip.iframe.offsetWidth / 2);
        }
        //allow for user defined offset
        newY += KJD.Tooltip.offset_y;
        newX += KJD.Tooltip.offset_x;
        break;
    }
    
    var div_width = KJD.getStyle(KJD.Tooltip.iframe,'width','int');
    var div_height = KJD.getStyle(KJD.Tooltip.iframe,'height','int');
    
    //don't let the tooltip extend off the document.    
    var view_width = (window.innerWidth) ? window.innerWidth : document.body.clientWidth;
    var view_height = (window.innerHeight) ? window.innerHeight : document.body.clientHeight;
        
    var doc_left = (window.pageXOffset) ? window.pageXOffset : document.body.scrollLeft;
    var doc_top = (window.pageYOffset) ? window.pageYOffset : document.body.scrollTop;
    
    if ((newX + div_width) >= (view_width - doc_left)){
        newX = (view_width - (div_width + SCROLL_BAR_WIDTH));
    }
    if (newX < doc_left){newX = doc_left;}
    
    //('' + newY +'+'+ div_height +' >= '+ view_height +'+'+ doc_top);
    if ((newY + div_height) >= (view_height + doc_top)){
        newY = (doc_top + view_height) - (div_height + SCROLL_BAR_WIDTH);
    }
    if (newY < doc_top){newY = doc_top;}
    
    
    //if ((newY + KJD.Tooltip.iframe.offsetHeight) >= (doc_height)){newY = (doc_height - KJD.Tooltip.iframe.offsetHeight);}
    //if (newY < 0){newY = 0;}
    if (KJD.Tooltip.shim){
        KJD.Tooltip.shim.style.display ='block';
        KJD.Tooltip.shim.style.top = parseInt(newY) +'px';
        KJD.Tooltip.shim.style.left = parseInt(newX) +'px';
    }
    KJD.Tooltip.iframe.style.top = parseInt(newY) +'px';
    KJD.Tooltip.iframe.style.left = parseInt(newX) +'px';
}
    
KJD.Tooltip.clearTimers = function(){
    //stops the tooltip from hiding
    clearTimeout(KJD.Tooltip.iframe.fade_timer);
    clearTimeout(KJD.Tooltip.timerHide);
}

KJD.Tooltip.clearAllTimers = function(){
    KJD.Tooltip.clearTimers();
    clearTimeout(KJD.Tooltip.timerStartHide);
}
KJD.Tooltip.forceHide = function(){
    //forces the tooltip to hide even if mouse is over it or it has the focus
    window.focus();
    KJD.Tooltip.blur();
    KJD.Tooltip.clearTimers();
    KJD.Tooltip.srcEle = null;
    KJD.fadeOut(KJD.Tooltip.iframe);
    if (KJD.Tooltip.shim){
        KJD.Tooltip.shim.style.display = 'none';
    }
}


KJD.Tooltip.delayedShow = function(e){
    //show the tooltip after a certain time
    
    //Error: when opening a new tab and the timer is still enabled 
    //make sure the page has loaded properly 
    if (!KJD){return;}
    
    var ele = KJD.getParentByAttribute(KJD.Event.target(e),'tooltip',true);
    
    if (ele && !ele.tooltip_timer){
        ele.tooltip_timer  = window.setTimeout(function (){
            KJD.Tooltip.show(e);
        }, KJD.Tooltip.show_delay);
    }
}

KJD.Tooltip.delayed_hide = function(){

    if (KJD.Tooltip.hasFocus || KJD.Tooltip.mouseOverTooltip || KJD.Tooltip.mouseOverLink){
        //do nothing
    }
    else {
        //actually hide it.
        KJD.Tooltip.clearTimers();
        KJD.Tooltip.srcEle = null;
        KJD.fadeOut(KJD.Tooltip.iframe);
        if (KJD.Tooltip.shim){
            KJD.Tooltip.shim.style.display = 'none';
        }
    }
}
KJD.Tooltip.hideTest = function(){
    //hides the tooltip if it isn't over a valid element
    
    if (KJD.Tooltip.hasFocus || KJD.Tooltip.mouseOverTooltip || KJD.Tooltip.mouseOverLink){
        //do nothing
    }
    else if (KJD.Tooltip.srcEle){
        KJD.Tooltip.timerHide = setTimeout(KJD.Tooltip.delayed_hide, KJD.Tooltip.hide_delay)
    }
}

KJD.Tooltip.resize = function(width, height){
    //resizes the tooltip to the specified width and height in pixels.
    var css_width = width +'px';
    var css_height = height +'px';
    
    if (css_width && css_height){
        
        if (KJD.Tooltip.iframe.style.width != css_width){
            KJD.Tooltip.iframe.style.width = css_width;
            if (KJD.Tooltip.shim){
                KJD.Tooltip.shim.style.width = css_width;
            }
        }
        
        if (KJD.Tooltip.iframe.style.height != css_height){
            KJD.Tooltip.iframe.style.height = css_height;
            if (KJD.Tooltip.shim){
                KJD.Tooltip.shim.style.height = css_height;
            }
        }
    }
}
KJD.Tooltip.sizeToContent = function(){
    //get the dimentions from the body tag of the tooltip
    var doc = KJD.Tooltip.iframe._doc;
    
    var width = doc.body.firstChild.getAttribute('setwidth');
    var height = doc.body.firstChild.getAttribute('setheight');
    if (width && height){
        KJD.Tooltip.resize(width, height);
    }
}

KJD.Tooltip.show = function(e){

    
    
    //if (KJD.Tooltip.state != 'showing'){
        //KJD.Tooltip.state = 'showing';
        
        var ele = KJD.getParentByAttribute(KJD.Event.target(e),'tooltip',true);
        
        if (!ele){
            return;
        }
        
        if (ele == KJD.Tooltip.srcEle){
            //do nothing, mouse is over the current element
            //NO: what if Tooltip is only partially visible
            KJD.Tooltip.clearTimers();
            KJD.fadeIn(KJD.Tooltip.iframe);
        }
        //over a new element
        else {
            //remove the focus from the tooltip otherwise it will stay visible 
            KJD.Tooltip.blur();
            KJD.Tooltip.iframe.style.display = 'none';
            KJD.Tooltip.clearTimers();
            KJD.Tooltip.srcEle = ele;
            //set the tooltip
            
            
            KJD.Iframe.setBody(KJD.Tooltip.iframe, ele.getAttribute('tooltip'));
            
            //resize iframe
            KJD.Tooltip.sizeToContent();
            
            
            KJD.Tooltip.makeLinksOpenInTop(KJD.Tooltip.iframe._doc);
            
            KJD.Tooltip.positionTip(e);
            if (KJD.Tooltip.shim){
                KJD.Tooltip.shim.style.display = 'block';
            }
            KJD.Tooltip.iframe.style.display = 'block';
            KJD.fadeIn(KJD.Tooltip.iframe);
        }
        
        //KJD.Tooltip.state = '';
    //}
}

KJD.Tooltip.makeLinksOpenInTop = function(doc){
    if (!doc){doc = document;}
    
    var links = KJD.getTags('a',doc);
    //debug(links.length);
    for (var i=0; i<links.length; i++){
        links[i].setAttribute('target',"_top");
    }
}

KJD.Tooltip.mouseEnterLink = function(){
    KJD.Tooltip.mouseOverLink = true;
    
}
KJD.Tooltip.mouseLeaveLink = function(e){
    KJD.Tooltip.mouseOverLink = false;
    
    var ele = KJD.getParentByAttribute(KJD.Event.target(e),'tooltip',true);
    if (!ele){return;}
    clearTimeout(ele.tooltip_timer);
    ele.tooltip_timer = null;
}

KJD.Tooltip.removeTitles = function(ele){
    //removes any title or alt attributes from this element and it's children
    if (ele.nodeType == 1){
        if (ele.getAttribute('title')){
            //debug(ele.getAttribute('title'));
            ele.setAttribute('title','');
        }
        if (ele.getAttribute('alt')){
            ele.setAttribute('alt','');
        }
        //use recursive function to fix children
        if (ele.childNodes){
            for (var i=0; i<ele.childNodes.length; i++){
                KJD.Tooltip.removeTitles(ele.childNodes[i]);
            }
        }
    }
}
KJD.Tooltip.attach = function (){
    //attach the tooltip to any element that has a tooltip property
    var tags = KJD.getElementsByAttribute('tooltip');
    
    for (var i=0; i<tags.length; i++){
        KJD.addEvent(tags[i],'mouseover',KJD.Tooltip.delayedShow);
        KJD.addEvent(tags[i],'mousemove',KJD.Tooltip.delayedShow);
        //FIXME: tooltip should show in mouse move also
        //need test for window onload to see if the mouse is currently over a link?
        //KJD.addEvent(tags[i],'mousemove',KJD.Tooltip.show);
        KJD.addEvent(tags[i],'mouseover',KJD.Tooltip.mouseEnterLink);
        KJD.addEvent(tags[i],'mouseout',KJD.Tooltip.mouseLeaveLink);
        
        //stop any title tooltips from appearing when the mouse is over this element
        KJD.Tooltip.removeTitles(tags[i]);
    }
}

KJD.makeEmbeddedWindowsTransparent = function(){
    var objs = KJD.getTags('object');
    
    for (var i=0; i<objs.length; i++){
        
        try {
            //IE 5.5+
            objs[i].WMode = 'transparent';

            //moz?
            //try adding the param tag
            //Doesn't work
            //FIXME:
            var param = document.createElement('param');
            param.name = 'wmode';
            param.value = 'transparent';
            objs[i].appendChild(param);
            
            
        }catch(e){}
    }
    
    var embs = KJD.getTags('embed');
    
    for (i=0; i<embs.length; i++){
        try {
            embs[i].WMode = 'transparent';
        }catch(e){}
    }
}

KJD.Tooltip.init = function(){
    //we need to capture the mouse co-ordinates
    
    //KJD.captureMouse();
    
    //make embeds and objects transparent
    KJD.makeEmbeddedWindowsTransparent();
    
    //create the tooltip iframe
    KJD.Tooltip.createIframe();
    
    
    //attach the tooltip to any elements with a tooltip attribute
    KJD.Tooltip.attach();
    
    
    //start looking for the tooltip and hide it if nessarry
    KJD.Tooltip.timerStartHide = setInterval(KJD.Tooltip.hideTest, 200);
    
    KJD.addEvent(window,'unload',KJD.Tooltip.clearAllTimers);
}

KJD.Tooltip.disable = function(){
    //diables all the tooltips
    KJD.Tooltip.clearAllTimers();
    
    //remove tooltips
    var tags = KJD.getElementsByAttribute('tooltip');
    
    for (var i=0; i<tags.length; i++){
        tags[i].setAttribute('tooltip','');
        KJD.removeEvent(tags[i],'mouseover',KJD.Tooltip.delayedShow);
        KJD.removeEvent(tags[i],'mousemove',KJD.Tooltip.delayedShow);
        KJD.removeEvent(tags[i],'mouseover',KJD.Tooltip.mouseEnterLink);
        KJD.removeEvent(tags[i],'mouseout',KJD.Tooltip.mouseLeaveLink);
    }
    
    KJD.Tooltip.forceHide();
    KJD.Tooltip.clearAllTimers();
}

KJD.Tooltip.refresh = function(){
    //refreshes the tooltip text and position
    if ((KJD.Tooltip.srcEle) && (KJD.Tooltip.mouseOverLink || KJD.Tooltip.mouseOverTooltip || KJD.Tooltip.hasFocus)){
        var ele = KJD.Tooltip.srcEle;
        //clear the last element so the tip is reloaded
        KJD.Tooltip.srcEle = null;        
        KJD.Tooltip.show(ele);
    }
} 

//KJD.addEvent(window,'load',KJD.Tooltip.init);
if (!window.KJD){window.KJD = new Object;}



KJD.Bookmark = new Object();

//creates a popup window with the save bookmark ability
KJD.Bookmark.open = function(left, top){
    
}

KJD.getHtmlSelection = function(){
    //returns a document fragment containing the currently selected html
    
    //FIXME: there must be a better way
    var sel = window.getSelection();
    if (sel.toString() == ''){
        return '';
    }
    else {
        //dump(sel);
        var range = sel.getRangeAt(0);
        var fragment = range.cloneContents();
    
        //now to get the fragments html
        var div = document.createElement('div');
        div.appendChild(fragment);
        return div.innerHTML;
    }    
}

KJD.baseUrl = 'http://sethop.info/contextify/';

        
KJD.ContextLinks = function(){}

//set defaults

KJD.Tooltip.currStyle = 'tooltip';
KJD.ContextLinks.toolbarId = '4a4fa60e4318006e670cd95fb5b101bb';
KJD.ContextLinks.stylesheet = 'context_links.css';
KJD.ContextLinks.scriptId = '';
KJD.ContextLinks.url = 'http://sethop.info/contextify/';
KJD.ContextLinks.src = KJD.ContextLinks.url +'context_get.php';
KJD.ContextLinks.init_src = KJD.ContextLinks.url +'context_init.php';


//link states
/*
0 = plain link no tooltip
1 = loading quicktip / fulltip
2 = loaded quicktip but NOT fulltip
3 = loaded quicktip and loading fulltip
4 = fully loaded [quick and full tip]
*/

KJD.ContextLinks.STATE_IGNORE = 0;
KJD.ContextLinks.STATE_NOTIP = 1;
KJD.ContextLinks.STATE_LOADING = 2;
KJD.ContextLinks.STATE_QUICKTIP = 3;
KJD.ContextLinks.STATE_FULLTIP = 4;


KJD.ContextLinks.lastLink = null;

KJD.ContextLinks.links = Array();
KJD.ContextLinks.html = Array();
KJD.ContextLinks.linkTypeDefaultHtml = new Object();

KJD.ContextLinks.linkTypeDefaultHtml['default'] = '<div setwidth="20" setheight="20"><img src="'+ KJD.baseUrl+'/images/loading.gif" width="20" height="20" alt="Loading..." title="Loading..." /></div>';
//KJD.ContextLinks.linkTypeDefaultHtml['default'] = '<div class="loading" setwidth="70" setheight="20"><img src="'+ KJD.baseUrl+'/images/loading.gif" width="16" height="16" alt="loading..." style="float: left; padding: 0px 5px 0px 0px;" /> loading...</div>'; 

KJD.ContextLinks.linkTypeDefaultHtml['news'] = '<div setwidth="32" setheight="32"><img src="'+ KJD.baseUrl+'/images/protocol/news.gif" width="32" height="32" alt="News" title="News" /></div>';
KJD.ContextLinks.linkTypeDefaultHtml['mailto'] = '<div setwidth="32" setheight="32"><img src="'+ KJD.baseUrl+'/images/protocol/mailto.gif" width="32" height="32" alt="Send Email" title="Send Email" /></div>';
KJD.ContextLinks.linkTypeDefaultHtml['javascript'] = '<div setwidth="32" setheight="32"><img src="'+ KJD.baseUrl+'/images/protocol/javascript.gif" width="32" height="32" alt="Javascript" title="Javascript" /></div>';
KJD.ContextLinks.linkTypeDefaultHtml['unknown'] = '<div setwidth="32" setheight="32"><img src="'+ KJD.baseUrl+'/images/protocol/unknown.gif" width="32" height="32" alt="Unknown" title="Unknown" /></div>';
KJD.ContextLinks.linkTypeDefaultHtml['irc'] = '<div setwidth="32" setheight="32"><img src="'+ KJD.baseUrl+'/images/protocol/irc.gif" width="32" height="32" alt="Internet Relay Chat" title="Internet Relay Chat" /></div>';

KJD.ContextLinks.retrieveTooltip = function(link, content_type){
   
    var src = KJD.ContextLinks.url +'tooltip_get.php?l='+ link.link_number;
    
    //user id
    src += ((KJD.ContextLinks.toolbarId) ? '&u='+ KJD.ContextLinks.toolbarId : '');
    //script id (script contained in an html page)
    src += ((KJD.ContextLinks.scriptID) ? '&s='+ KJD.ContextLinks.scriptID : '');
    
    //link properties
    src += '&src='+ KJD.escapeAll(window.location); 
    src += '&d='+ KJD.escapeAll(link);
    
    //
    src += '&tiptype='+ content_type;
    KJD.addScript(src);
}

KJD.ContextLinks.mouseover = function(e){
    //should we load the content yet
    
    link = KJD.getParent(e.target,'a',true);
    if (!link){return;}
    
    switch (link.state){
        case KJD.ContextLinks.STATE_IGNORE:   
        case KJD.ContextLinks.STATE_LOADING: 
        case KJD.ContextLinks.STATE_FULLTIP: 
            break;    
    
        case KJD.ContextLinks.STATE_NOTIP:
            //load full tooltip after a certain delay?
            //this timer gets cleared if the mouse move out of the link
            if (!link.timer_load_content){
                link.timer_load_content = setTimeout(function(){
                    KJD.ContextLinks.retrieveTooltip(link, 'quick');
                    link.state = KJD.ContextLinks.STATE_LOADING; 
                }, KJD.Tooltip.show_delay);
            }
            
            break;

        case KJD.ContextLinks.STATE_QUICKTIP:
            //load the full tooltip
            KJD.ContextLinks.retrieveTooltip(link, 'full');
            link.state = KJD.ContextLinks.STATE_LOADING; 
            break;            
    
        default:
            debug('Invalid link.state ('+ link.state +')');
    }
}


KJD.ContextLinks.updateTooltip = function(e){

    //updates a links tooltip
    //var link = KJD.getParent(e.target,'a',true);
    
    //var link_number = link.getAttribute('link_number');
    //if (link_number != null && KJD.ContextLinks.html[link_number]){
        //
        //link.setAttribute('tooltip',KJD.ContextLinks.html[link_number]);
        
    //}
}	

KJD.ContextLinks.mouseout = function(e){
    //stop the content from loading
    link = KJD.getParent(e.target,'a',true);
    if (!link){return;}
    
    if (link.timer_load_content){
        clearTimeout(link.timer_load_content);
        link.timer_load_content =  null;
    }
}





KJD.ContextLinks.initAllContext = function(){
    //sends a list of all the links to our pages to be cached on our servers.

    //get all the links from the document
    //bugger this lets just send the url of the page and let the server work it out
    KJD.addScript(KJD.ContextLinks.url +'header_init.php?url='+ KJD.escapeAll(window.location));
    
    /*
    var links = KJD.getTags('a');
    
    //generate a massive post statement containing all the links on the page
    var data = '';

    //ERROR: invalid format ?
    
    for (var i=0; i<links.length; i++){
        data += '&d[]='+ links[i];
    }
    
    if (data){
        alert('sending');
    	KJD.XMLHttp.post(KJD.ContextLinks.url +'test_post.php', KJD.ContextLinks.test, data);
        alert('sent');
    }*/
}

KJD.ContextLinks.setDefaultLinkTooltip = function(link){
    
    //assume
    var protocol = link.protocol.toLowerCase();
    protocol = protocol.replace(':','');
    switch (protocol){
        case 'file':
        case 'ftp':
        case 'https':
        case 'http':
            //just return the default
            link.setAttribute('tooltip', KJD.ContextLinks.linkTypeDefaultHtml['default']);
            link.state = KJD.ContextLinks.STATE_NOTIP;
            break;
            
        case '':
            //ignore anchors with no protocol (ie anchor for #) 
            link.state = KJD.ContextLinks.STATE_IGNORE;
            break;
            
        default:
            
            if (KJD.ContextLinks.linkTypeDefaultHtml[protocol]){
                link.setAttribute('tooltip', KJD.ContextLinks.linkTypeDefaultHtml[protocol]);
            }
            else {
                link.setAttribute('tooltip', KJD.ContextLinks.linkTypeDefaultHtml['unknown']);
            }
            link.state = KJD.ContextLinks.STATE_FULLTIP;
            break;
    }
}


KJD.ContextLinks.init = function(e){
    //allow pages to explicitly ignore context links
    if (document.body.getAttribute('contextlinks') == 'no'){
        return;
    }
    

    
    var links = KJD.getTags('a');
    
    
    //for each link add the mouseover event 
    for (var i=0; i<links.length; i++){
        
        var link = links[i];
        
        link.link_number = i;        
        link.state = KJD.ContextLinks.STATE_NOTIP;
        
        //set default tooltip for the link
        //note: can change link.state if no moreinfo needed
        KJD.ContextLinks.setDefaultLinkTooltip(link);
        
        
        KJD.addEvent(link,'mouseover', KJD.ContextLinks.mouseover);
        KJD.addEvent(link,'mouseout', KJD.ContextLinks.mouseout);
        KJD.addEvent(link,'mousemove', KJD.ContextLinks.mouseover);
        
        KJD.ContextLinks.html[i] = '';
    }
    KJD.ContextLinks.links = links;

    KJD.Tooltip.init();
    
    //get mouse position
    KJD.addEvent(document,'mousemove',KJD.updateCursorPos);
    //add a <div> to the bottom of the page so that the iframe doesn't float off the bottom of the screen
    var div = document.createElement('div');
    document.body.appendChild(div);
    div.style.height = '250px';
    
    //KJD.ContextLinks.initAllContext();
    //KJD.addEvent(KJD.Tooltip.iframe,'load',KJD.Drag.initElement);
}

KJD.ContextLinks.refresh = function(){
    //refresh all the links
    for (var i=0; i<KJD.ContextLinks.links.length; i++){
        var link = KJD.ContextLinks.links[i];
        
        if (KJD.ContextLinks.html[i] != ''){
        //if (link.getAttribute('link_type') == 'htm'){
            link.setAttribute('tooltip', KJD.ContextLinks.html[i]);
        }
    }    
    
    //redraw the current link
    KJD.Tooltip.refresh();
}

KJD.ContextLinks.reload = function(link_num){
    //this forces the link to be re-retrieved from the server
    KJD.ContextLinks.html[link_num] = '';
    
    var link = KJD.ContextLinks.links[link_num];
    
    link.setAttribute('tooltip', link.getAttribute('default_tooltip'));
    link.state = KJD.ContextLinks.STATE_NOTIP;
    
    //hide the tooltip
    KJD.Tooltip.forceHide();
}
	
KJD.ContextLinks.setStyle = function(name){
	//loads a named style
	KJD.loadCSS(KJD.ContextLinks.url +'styles/'+ name +'/default.css');
}
KJD.ContextLinks.disable = function(){
    for (var i=0; i<KJD.ContextLinks.links.length; i++){
        
        var link = KJD.ContextLinks.links[i];
        
        link.state = KJD.ContextLinks.STATE_IGNORE;
        KJD.removeEvent(link,'mouseover', KJD.ContextLinks.mouseover);
        KJD.removeEvent(link,'mouseout', KJD.ContextLinks.mouseout);
        KJD.removeEvent(link,'mousemove', KJD.ContextLinks.mouseover);
    }

    KJD.Tooltip.disable();
}

if ((document) && (document.body)){
	//page has loaded already (probably a bookmarklet)
		KJD.ContextLinks.init();
}	
else {
	//script is probably in the head of the document
	//KJD.writeStyle('.alpha {filter:alpha(opacity=99); -moz-opacity:0.99;}');
	//KJD.loadCSS(KJD.ContextLinks.url + KJD.ContextLinks.stylesheet);
	
	KJD.addEvent(window,'load',KJD.ContextLinks.init);
}