$(function() {
    $('.faq-hide').css('display', 'none');
   
	if($('.faq-rotator').length > 0)
       $('.faq-rotator').listrotator();
   
});

(function($) {
    
    $.fn.listrotator = function(opts) {
        
        var lst = $('<ul class="rotatingList"></ul>');
        
        var prev = $('<div class="rLPrev"><span>Prev</span></div>');
        var next = $('<div class="rLNext"><span>Next</span></div>');
        
        var box = $('<div class="rotatingBox"></div>');
        var box_heading = $('<h5 class="rBHeading"></h5>');
        var box_content = $('<p class="rBContent"></p>');
        
        var clearing = $('<div class="clear"></div>');
        
        $(this).after(lst);
        
        lst.before(prev);
        lst.after(next);
        
        next.after(box);
        box.append(box_heading);
        box.append(box_content);
        
        $(this).after(clearing);
        
        next.click(animateNext);
        prev.click(animatePrev);
        
        box.hide();
        prev.hide();
        next.hide();
        lst.hide();

        $(this).children('li').each(function() {
            $(this).children('a').click(function(e) {
                e.preventDefault();
                
                $(this).parent('li').siblings('.active').removeClass('active');
                $(this).parent('li').addClass('active');
                
                this.blur();

                anchor = $(this).attr('href');

                if($(anchor).next('ul').length == 0)
                    return;
                var _lstContent = $(anchor).next('ul').eq(0).children('li').clone(true);
                
                _lstContent.children('a').click(function(e) {
                    e.preventDefault();
                    var _anchor = $(this).attr('href');
                    var _aa = _anchor.split('#');
                    _anchor = '#' + _aa[_aa.length - 1];
                    
                    if(box.css('display') == 'block') {
                        box.stop(true, true).fadeTo('fast', 0.01, function() {
                            box_heading.empty().append($(_anchor).html());
                            box_content.empty().append($(_anchor).next('dd').eq(0).html());
                            box.fadeTo('fast', 1);
                        });
                    }
                    else {
                        box_heading.empty().append($(_anchor).html());
                        box_content.empty().append($(_anchor).next('dd').eq(0).html());
                        box.fadeIn('fast');
                    }
                    
                    var _i = lst.children('li:visible').index($(this).parent('li'));
                    if (_i != -1 && _i != 2) {
                        switch(_i) {
                            case 0: animateNext(); animateNext(); break;
                            case 1: animateNext(); break;
                            case 3: animatePrev(); break;
                            case 4: animatePrev(); animatePrev(); break;
                        }
                    }
                    
                });
                
                if (lst.css('display') == 'block') 
                    lst.fadeOut('fast', function(){
                        lst.empty().append(_lstContent);
                        positionChildren();
                        showRotatingList();
                    });
                else {
                    lst.empty().append(_lstContent);
                    positionChildren();
                    showRotatingList();
                }
                
            });
        });
        
        
        var imgs = Array(3);
        
        if (opts == null || opts.imgs == null) {
            imgs[0] = '/pics/bg_faq_3rdlevel.png';
            imgs[1] = '/pics/bg_faq_2ndlevel.png';
            imgs[2] = '/pics/bg_faq_active.png';
        }
        else
            imgs = opts.imgs;
        
        var opts = Array(5);
        
        opts[0] = {
            width: 246,
            height: 17,
            marginLeft: -123,
            top: 0,
            lineHeight: 17
        }
        
        opts[1] = {
            width: 341,
            height: 21,
            marginLeft: -171,
            top: 15,
            lineHeight: 21
        }
        
        opts[2] = {
            width: 394,
            height: 23,
            marginLeft: -197,
            top: 34,
            lineHeight: 23
        }
        
        opts[3] = clone(opts[1]);
        jQuery.extend(opts[3], { top: 56 });
        
        opts[4] = clone(opts[0]);
        jQuery.extend(opts[4], { top: 74 });
        
        var _animSpeed = 'slow';
        var _animEasing = 'linear';
        
        function showRotatingList() {
            prev.fadeIn('fast');
            lst.fadeIn('fast');
            next.fadeIn('fast');
        }
        
        function positionChildren() {
            lst.prepend(lst.children('li').eq(lst.children('li').length - 1));
            lst.prepend(lst.children('li').eq(lst.children('li').length - 1));
            
            var els = lst.children('li:lt(5)');
            
            lst.children('li').prepend('<img src="" />');
            
            els.eq(0).css('z-index', 10).children('a').css('font-size', '11px');
            els.eq(4).css('z-index', 10).children('a').css('font-size', '11px');
            
            els.eq(1).css('z-index', 20).children('a').css('font-size', '13px');
            els.eq(3).css('z-index', 20).children('a').css('font-size', '13px');
            
            els.eq(2).css('z-index', 30).children('a').css({ 'font-size': '18px', 'color': '#fff', 'font-weight': 'bold' } );
            
            changeImage(els.eq(0).animate(opts[0], 0).children('img'), 0);
            changeImage(els.eq(4).animate(opts[4], 0).children('img'), 0);
            
            changeImage(els.eq(1).animate(opts[1], 0).children('img'), 1);
            changeImage(els.eq(3).animate(opts[3], 0).children('img'), 1);
            
            changeImage(els.eq(2).animate(opts[2], 0).children('img'), 2);
            
            els.show();
            
            els.eq(2).children('a').click();
        }
        
        function animateNext() {
            if (lst.children('li:visible').length > 5)
                lst.children('li:visible:gt(4)').stop(true, true).hide();
            
            var children = lst.children('li:visible');
            
            lst.children('li:visible:last').stop(true, true).fadeOut(_animSpeed);
            
            children.eq(0).stop().animate(opts[1], _animSpeed, _animEasing,
                function() {
                    changeImage($(this).children('img'), 1);
                })
                .css('z-index', 20)
                .children('a').stop().animate({ fontSize: '13px' }, _animSpeed);
            
            children.eq(1).stop().animate(opts[2], _animSpeed, _animEasing,
                function() {
                    fadeImage($(this).children('img'), 2);
                    $(this).children('a').stop().animate({ 'color': '#ffffff' }, 'fast').css('font-weight', 'bold');
                })
                .css('z-index', 30)
                .children('a').stop().animate({ fontSize: '18px' }, _animSpeed);
            
            fadeImage(children.eq(2).children('img'), 1);
            children.eq(2).stop().animate(opts[3], _animSpeed, _animEasing)
                .css('z-index', 20)
                .children('a').stop().animate({ fontSize: '13px', 'color': '#009933' }, _animSpeed).css('font-weight', 'normal');
            
            children.eq(3).stop().animate(opts[4], _animSpeed, _animEasing,
                function() {
                    changeImage($(this).children('img'), 0);
                })
                .css('z-index', 10)
                .children('a').stop().animate({ fontSize: '11px' }, _animSpeed).css('color', '#009933');
            
            lst.prepend(lst.children('li').eq(lst.children('li').length - 1));
            
            lst.children('li').eq(0).stop(true, true).animate(opts[0], 0).css('z-index', 10).fadeIn(_animSpeed);
            changeImage(lst.children('li:visible').eq(0).children('img'), 0);
            
            children.eq(1).children('a').click();
        }
        
        function animatePrev() {
            if (lst.children('li:visible').length > 5)
                lst.children('li:visible:gt(4)').stop(true, true).hide();
            var children = lst.children('li:visible');
            
            lst.children('li:visible:first').stop(true, true).fadeOut(_animSpeed);
            
            children.eq(1).stop().animate(opts[0], _animSpeed, _animEasing,
                function() {
                    changeImage($(this).children('img'), 0);
                })
                .css('z-index', 10)
                .children('a').stop().animate({ fontSize: '11px' }, _animSpeed).css('color', '#009933');
            
            fadeImage(children.eq(2).children('img'), 1);
            children.eq(2).stop().animate(opts[1], _animSpeed, _animEasing)
                .css('z-index', 20)
                .children('a').stop().animate({ fontSize: '13px', 'color': '#009933' }, _animSpeed).css('font-weight', 'normal');
            
            children.eq(3).stop().animate(opts[2], _animSpeed, _animEasing,
                function() {
                    fadeImage($(this).children('img'), 2);
                    $(this).children('a').stop().animate({ 'color': '#ffffff' }, 'fast').css('font-weight', 'bold');
                })
                .css('z-index', 30)
                .children('a').stop().animate({ fontSize: '18px' }, _animSpeed);
            
            children.eq(4).stop().animate(opts[3], _animSpeed, _animEasing,
                function() {
                    changeImage($(this).children('img'), 1);
                })
                .css('z-index', 20)
                .children('a').stop().animate({ fontSize: '13px' }, _animSpeed);
            
            lst.append(lst.children('li').eq(0));
            changeImage(lst.children('li').eq(lst.children('li:visible').length - 1).children('img'), 0);
            lst.children('li').eq(lst.children('li:visible').length - 1).stop().animate(opts[4], 0).css('z-index', 10).fadeIn(_animSpeed);
            //changeImage(lst.children('li:visible').eq(lst.children('li:visible').length - 1).children('img'), 0);
            
            children.eq(3).children('a').click();
        }
        
        function changeImage(elem, index) {
            if (index >= 0 && index < imgs.length)
                elem.attr('src', imgs[index]);
        }
        
        function fadeImage(elem, index) {
            if (index >= 0 && index < imgs.length) {
                elem.before(elem.clone()).stop(true, true).hide().attr('src', imgs[index]).fadeIn('fast');
                elem.prev('img').eq(0).remove();
            }
        }
        
        if (window.location.hash != '' && window.location.hash != '#') {
            var _str = window.location.hash;
            var _parts = _str.split('-');
            $(this).find('a[href*=' + _parts[0] + '-' + _parts[1] + ']').click();
            var _item = lst.find('a[href*=' + _str + ']');

            if (_item.is(':hidden')) {
                while (_item.is(':hidden')) {
                    animateNext();
                }
            }
            _item.click();
        }
        
        return $(this);
    }
    
    function clone(obj){
        if(obj == null || typeof(obj) != 'object')
            return obj;

        var newObj = {};
        for(var key in obj)
            newObj[key] = clone(obj[key]);
        return newObj;
    }
    
})(jQuery);