/*
 * jQuery UI Accordion 1.6
 * 
 * Copyright (c) 2007 Jörn Zaefferer
 *
 * http://docs.jquery.com/UI/Accordion
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 * Revision: $Id: jquery.accordion.js 4876 2008-03-08 11:49:04Z joern.zaefferer $
 *
 */

(function($) {

    // If the UI scope is not available, add it
    $.ui = $.ui || {};

    $.fn.extend({
    	accordion: function(options, data) {
    		var args = Array.prototype.slice.call(arguments, 1);
    
    		return this.each(function() {
    			if (typeof options == "string") {
    				var accordion = $.data(this, "ui-accordion");
    				//var accordion = this;
    				accordion[options].apply(accordion, args);
    			// INIT with optional options
    			} else if (!$(this).is(".ui-accordion"))
    				$.data(this, "ui-accordion", new $.ui.accordion(this, options));
    		});
    	},
    	// deprecated, use accordion("activate", index) instead
    	activate: function(index) {
    		return this.accordion("activate", index);
    	},
    	refresh: function(options) {
    	    //var options = $(this).options;
    	    container = this;
//this.options = options;
//this.element = container;
            // get headers
        	options.headers = $(container).find(options.header);
        	options.headers.next().hide();
        	
        	// get active header
        	options.active = findActive(options.headers, options.active);
    
        	// set height to rows
        	if ( options.fillSpace ) {
        		var maxHeight = $(container).parent().height();
        		options.headers.each(function() {
        			maxHeight -= $(this).outerHeight();
        		});
        		var maxPadding = 0;
        		options.headers.next().each(function() {
        			maxPadding = Math.max(maxPadding, $(this).innerHeight() - $(this).height());
        		}).height(maxHeight - maxPadding);
        	} else if ( options.autoheight ) {
        		var maxHeight = 0;
        		options.headers.next().each(function() {
        			maxHeight = Math.max(maxHeight, $(this).outerHeight());
        		}).height(maxHeight);
        	}
    
        	// hide all not active headers
        	//options.headers.not(options.active || "").next().hide();
        	
        	//alert(options.headers.next().html());
    
        	// set active header class
        	//options.active.parent().andSelf().addClass(options.selectedClass);
    
        	// bind event to container
        	if (options.event) {
        	    $(options.header).bind("mouseover", mouseOverHandler);
        	    $(options.header).bind("mouseout", mouseOutHandler);
        	    $(options.header).bind("click", clickHandler);
        	}
    	    
    	}
    });
    
    /**
     * 
     *
     */
    $.ui.accordion = function(container, options) {
    	
    	// setup configuration
    	this.options = options = $.extend({}, $.ui.accordion.defaults, options);
    	
    	// setup current container
    	this.element = container;

    	// add class to container
    	$(container).addClass("ui-accordion");
    	
//    	if ( options.navigation ) {
//    		var current = $(container).find("a").filter(options.navigationFilter);
//    		if ( current.length ) {
//    			if ( current.filter(options.header).length ) {
//    				options.active = current;
//    			} else {
//    				options.active = current.parent().parent().prev();
//    				current.addClass("current");
//    			}
//    		}
//    	}

        // get headers
    	options.headers = $(container).find(options.header);
    	
    	// get active header
    	options.active = findActive(options.headers, options.active);

    	// set height to rows
    	if ( options.fillSpace ) {
    		var maxHeight = $(container).parent().height();
    		options.headers.each(function() {
    			maxHeight -= $(this).outerHeight();
    		});
    		var maxPadding = 0;
    		options.headers.next().each(function() {
    			maxPadding = Math.max(maxPadding, $(this).innerHeight() - $(this).height());
    		}).height(maxHeight - maxPadding);
    	} else if ( options.autoheight ) {
    		var maxHeight = 0;
    		options.headers.next().each(function() {
    			maxHeight = Math.max(maxHeight, $(this).outerHeight());
    		}).height(maxHeight);
    	}

    	// hide all not active headers
    	//options.headers.not(options.active || "").next().hide();
    	options.headers.next().hide();
    	//alert(options.headers.next().html());

    	// set active header class
    	//options.active.parent().andSelf().addClass(options.selectedClass);

    	// bind event to container
    	if (options.event) {
    	    $(options.header).bind("mouseover", mouseOverHandler);
    	    $(options.header).bind("mouseout", mouseOutHandler);
    	    $(options.header).bind("click", clickHandler);
    	}
    };
    
    $.ui.accordion.prototype = {
    	activate: function(index) {
    		// call clickHandler with custom event
    		clickHandler.call(this.element, {
    			target: findActive( this.options.headers, index )[0]
    		});
    	},
    	
    	enable: function() {
    		this.options.disabled = false;
    	},
    	disable: function() {
    		this.options.disabled = true;
    	},
    	destroy: function() {
    		this.options.headers.next().css("display", "");
    		if ( this.options.fillSpace || this.options.autoheight ) {
    			this.options.headers.next().css("height", "");
    		}
    		$.removeData(this.element, "ui-accordion");
    		$(this.element).removeClass("ui-accordion").unbind(".ui-accordion");
    	}
    }
    
    function scopeCallback(callback, scope) {
    	return function() {
    		return callback.apply(scope, arguments);
    	};
    }
    
    function completed(cancel) {
    	// if removed while animated data can be empty
    	if (!$.data(this, "ui-accordion"))
    		return;
    	var instance = $.data(this, "ui-accordion");
    	var options = instance.options;
    	options.running = cancel ? 0 : --options.running;
    	if ( options.running )
    		return;
    	if ( options.clearStyle ) {
    		options.toShow.add(options.toHide).css({
    			height: "",
    			overflow: ""
    		});
    	}
    	$(this).triggerHandler("change.ui-accordion", [options.data], options.change);
    }
    
    function toggle(toShow, toHide, data, clickedActive, down) {
    	var options = $.data(this, "ui-accordion").options;
    	options.toShow = toShow;
    	options.toHide = toHide;
    	options.data = data;
    	var complete = scopeCallback(completed, this);
    	
    	// count elements to animate
    	options.running = toHide.size() == 0 ? toShow.size() : toHide.size();
    	
    	if ( options.animated ) {
    		if ( !options.alwaysOpen && clickedActive ) {
    			$.ui.accordion.animations[options.animated]({
    				toShow: jQuery([]),
    				toHide: toHide,
    				complete: complete,
    				down: down,
    				autoheight: options.autoheight
    			});
    		} else {
    			$.ui.accordion.animations[options.animated]({
    				toShow: toShow,
    				toHide: toHide,
    				complete: complete,
    				down: down,
    				autoheight: options.autoheight
    			});
    		}
    	} else {
    		if ( !options.alwaysOpen && clickedActive ) {
    			toShow.toggle();
    		} else {
    			toHide.hide();
    			toShow.show();
    		}
    		complete(true);
    	}
    }

    function mouseOutHandler(event)
    {
        // get current header
        var curHeader = this;
        
        // get current accordion container
        var curContainer = this.parentNode.parentNode;

        // get globals
    	var options = $.data(curContainer, "ui-accordion").options;

    	// get the mouseOut target
    	var mouseOutTarget = $(event.target);
    	if (mouseOutTarget.parents(options.header).length) {
    		while (!mouseOutTarget.is(options.header)) {
    			mouseOutTarget = mouseOutTarget.parent();
    		}
    	}
    	
    	// get mouseOut target details
    	var mouseOutTargetDetails = mouseOutTarget.next();

    	if (mouseOutTarget[0].aMode == 'openAuto' && mouseOutTarget[0].aStatus == 'openning') {

    	    mouseOutTarget.find(".accordionArrow").attr('src', '/images/i/arrow_up.gif');
    	    
    	    mouseOutTarget[0].aStatus = 'close';
    	    mouseOutTarget[0].aMode   = 'close';
    	    
    	    clearTimeout(mouseOutTarget[0].aModeTimer);
    	}
    	
    }
    
    /**
     * MouseOver Handler
     * Show row details with timeout
     *
     */
    function mouseOverHandler(event)
    {
        // get current header
        var curHeader = this;
        
        // get current accordion container
        var curContainer = this.parentNode.parentNode;

        // get globals
    	var options = $.data(curContainer, "ui-accordion").options;

    	// if accordion disabled then return
    	if (options.disabled) {
    		return false;
    	}
    	
    	// get the mouseOver target
    	var mouseOverTarget = $(event.target);
    	if (mouseOverTarget.parents(options.header).length) {
    		while (!mouseOverTarget.is(options.header)) {
    			mouseOverTarget = mouseOverTarget.parent();
    		}
    	}

    	// get mouseOver target details
    	var mouseOverTargetDetails = mouseOverTarget.next();

    	// not change status and mode for opened data rows
    	if (mouseOverTarget[0].aStatus == 'open') {
    	    return;
    	}

        mouseOverTarget[0].aStatus    = 'openning';
        mouseOverTarget[0].aMode      = 'openAuto';
        mouseOverTarget[0].aModeTimer = setTimeout(function() {

    	    mouseOverTarget.find(".accordionArrow").attr('src', '/images/i/arrow.gif');
            
            mouseOverTargetDetails.show();

            mouseOverTarget[0].aStatus = 'open';
            mouseOverTarget[0].aMode   = 'openAuto';

            clearTimeout(mouseOverTarget[0].aModeTimer);

            // close previos auto opened data rows
        	options.headers.each(function() {
        	    var activeTarget = mouseOverTarget[0] == this;
        	    if (this.aMode == 'openAuto' && !activeTarget) {
        	        $(this).find(".accordionArrow").attr('src', '/images/i/arrow_up.gif');
        	        $(this).next().hide();
        	        this.aStatus = 'close';
        	        this.aMode   = 'close';
        	    }
        	});
        }, 1000);

    	//var clickedActive = mouseOverTarget[0] == options.active[0];
    	// find elements to show and hide
//    	var toShow = mouseOverTarget.next(),
//    		toHide = options.active.next(),
//    		//data = [clicked, options.active, toShow, toHide],
//    		data = {
//    			instance: this,
//    			options: options,
//    			newHeader: mouseOverTarget,
//    			oldHeader: options.active,
//    			newContent: toShow,
//    			oldContent: toHide
//    		},
//    		down = options.headers.index( options.active[0] ) > options.headers.index( mouseOverTarget[0] );
    	
        //var clickedElement = clicked[0];
//        alert(clickedElement.hideType);

    	
//    	options.active = clickedActive ? $([]) : mouseOverTarget;
//    	toggle.call(this, toShow, toHide, data, clickedActive, down );
    
    	return false;
    }
    
    /**
     * Click handler
     *
     */
    function clickHandler(event)
    {
        // get current header
        var curHeader = this;
        
        // get current accordion container
        var curContainer = this.parentNode.parentNode;

        // get globals
    	var options = $.data(curContainer, "ui-accordion").options;

    	// if accordion disabled then return
    	if (options.disabled) {
    		return false;
    	}

    	// get the click target
    	var clickTarget = $(event.target);
        if (clickTarget.is("a") || clickTarget.is("input")) {
            return true;
        }
    	if (clickTarget.parents(options.header).length) {
    		while (!clickTarget.is(options.header)) {
    			clickTarget = clickTarget.parent();
    		}
    	}

    	// get click target details
    	var clickTargetDetails = clickTarget.next();

    	// clear openAuto mode
    	if (clickTarget[0].aMode == 'openAuto' && clickTarget[0].aStatus == 'openning') {
    	    clickTarget.find(".accordionArrow").attr('src', '/images/i/arrow_up.gif');
    	    clickTarget[0].aStatus = 'close';
    	    clickTarget[0].aMode   = 'close';
    	    clearTimeout(clickTarget[0].aModeTimer);
    	}
    	
    	// click target toggle
    	if (clickTargetDetails.css('display') == 'none') {
    	    clickTarget.find(".accordionArrow").attr('src', '/images/i/arrow.gif');
            clickTargetDetails.show();
            clickTarget[0].aStatus = 'open';
            clickTarget[0].aMode   = 'open';
    	} else {
        	if (clickTarget[0].aMode == 'openAuto' && clickTarget[0].aStatus == 'open') {
        	    clickTarget[0].aStatus = 'open';
        	    clickTarget[0].aMode   = 'open';
        	} else {
        	    clickTarget.find(".accordionArrow").attr('src', '/images/i/arrow_up.gif');
        	    clickTargetDetails.hide();
                clickTarget[0].aStatus = 'close';
                clickTarget[0].aMode   = 'close';
        	}
    	}
    
    	options.headers.each(function() {
        	    var activeTarget = clickTarget[0] == this;
        	    if (this.aMode == 'openAuto' && !activeTarget) {
        	        $(this).next().hide();
        	        this.aStatus = 'close';
        	        this.aMode   = 'close';
        	    }
    	});

    	// called only when using activate(false) to close all parts programmatically
//    	if ( !event.target && !options.alwaysOpen ) {
//    		options.active.parent().andSelf().toggleClass(options.selectedClass);
//    		var toHide = options.active.next(),
//    			data = {
//    				instance: this,
//    				options: options,
//    				newHeader: jQuery([]),
//    				oldHeader: options.active,
//    				newContent: jQuery([]),
//    				oldContent: toHide
//    			},
//    			toShow = options.active = $([]);
//    		toggle.call(this, toShow, toHide, data );
//    		return false;
//    	}

    	// due to the event delegation model, we have to check if one
    	// of the parent elements is our actual header, and find that
    	
//    	var clickedActive = clicked[0] == options.active[0];
    	
    	// if animations are still active, or the active header is the target, ignore click
//    	if (options.running || (options.alwaysOpen && clickedActive))
//    		return false;
//    	if (!clicked.is(options.header))
//    		return;
    
    	// switch classes
//    	options.active.parent().andSelf().toggleClass(options.selectedClass);
//    	if ( !clickedActive ) {
//    		clicked.parent().andSelf().addClass(options.selectedClass);
//    	}
    
    	// find elements to show and hide
//    	var toShow = clicked.next(),
//    		toHide = options.active.next(),
//    		//data = [clicked, options.active, toShow, toHide],
//    		data = {
//    			instance: this,
//    			options: options,
//    			newHeader: clicked,
//    			oldHeader: options.active,
//    			newContent: toShow,
//    			oldContent: toHide
//    		},
//    		down = options.headers.index( options.active[0] ) > options.headers.index( clicked[0] );
//    	
//    	options.active = clickedActive ? $([]) : clicked;
    	//toggle.call(this, toShow, toHide, data, clickedActive, down );

    	
    	return false;
    };

    /**
     * Find active header
     *
     */
    function findActive(headers, selector)
    {
    	return selector != undefined
    		? typeof selector == "number"
    			? headers.filter(":eq(" + selector + ")")
    			: headers.not(headers.not(selector))
    		: selector === false
    			? $([])
    			: headers.filter(":eq(0)");
    }
    
    $.extend($.ui.accordion, {
    	defaults: {
    		selectedClass: "selected",
    		alwaysOpen: true,
    		animated: 'slide',
    		event: "click",
    		header: "a",
    		autoheight: true,
    		running: 0,
    		navigationFilter: function() {
    			return this.href.toLowerCase() == location.href.toLowerCase();
    		}
    	},
    	animations: {
    		slide: function(options, additions) {
    			options = $.extend({
    				easing: "swing",
    				duration: 300
    			}, options, additions);
    			if ( !options.toHide.size() ) {
    				options.toShow.animate({height: "show"}, options);
    				return;
    			}
    			var hideHeight = options.toHide.height(),
    				showHeight = options.toShow.height(),
    				difference = showHeight / hideHeight;
    			options.toShow.css({ height: 0, overflow: 'hidden' }).show();
    			options.toHide.filter(":hidden").each(options.complete).end().filter(":visible").animate({height:"hide"},{
    				step: function(now) {
    					var current = (hideHeight - now) * difference;
    					if ($.browser.msie || $.browser.opera) {
    						current = Math.ceil(current);
    					}
    					options.toShow.height( current );
    				},
    				duration: options.duration,
    				easing: options.easing,
    				complete: function() {
    					if ( !options.autoheight ) {
    						options.toShow.css("height", "auto");
    					}
    					options.complete();
    				}
    			});
    		},
    		bounceslide: function(options) {
    			this.slide(options, {
    				easing: options.down ? "bounceout" : "swing",
    				duration: options.down ? 1000 : 200
    			});
    		},
    		easeslide: function(options) {
    			this.slide(options, {
    				easing: "easeinout",
    				duration: 700
    			})
    		}
    	}
    });

})(jQuery);