/*
 * 	easyAccordion 0.1 - jQuery plugin
 *	written by Andrea Cima Serniotti	
 *	http://www.madeincima.eu
 *
 *	Copyright (c) 2010 Andrea Cima Serniotti (http://www.madeincima.eu)
 *	Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
 *	Built for jQuery library http://jquery.com
 */

(function(jQuery) {
    jQuery.fn.easyAccordion = function(options) {

        var defaults = {
            slideNum: true,
            autoStart: false,
            slideInterval: 3000
        };

        this.each(function() {

            var settings = jQuery.extend(defaults, options);
            jQuery(this).find('dl').addClass('easy-accordion');


            // -------- Set the variables ------------------------------------------------------------------------------

            jQuery.fn.setVariables = function() {
                dlWidth = jQuery(this).width();
                dlHeight = jQuery(this).height();
                dtWidth = jQuery(this).find('dt').outerHeight();
                if (jQuery.browser.msie) {
                    dtWidth = $(this).find('dt').outerWidth();
                }
                dtHeight = dlHeight - (jQuery(this).find('dt').outerWidth() - jQuery(this).find('dt').width());
                slideTotal = jQuery(this).find('dt').size();
                ddWidth = dlWidth - (dtWidth * slideTotal) - (jQuery(this).find('dd').outerWidth(true) - jQuery(this).find('dd').width()) + dtWidth;
                ddHeight = dlHeight - (jQuery(this).find('dd').outerHeight(true) - jQuery(this).find('dd').height());
            };
            jQuery(this).setVariables();


            // -------- Fix some weird cross-browser issues due to the CSS rotation -------------------------------------

            if (jQuery.browser.safari) {
                var dtTop = (dlHeight - dtWidth) / 2;
                var dtOffset = -dtTop;
                /* Safari and Chrome */
            }
            if (jQuery.browser.mozilla) {
                var dtTop = dlHeight - 20;
                var dtOffset = - 19;
                /* FF */
            }
            if (jQuery.browser.msie) {
                var dtTop = 0;
                var dtOffset = 0;
                /* IE */
            }


            // -------- Getting things ready ------------------------------------------------------------------------------

            var f = 1;
            jQuery(this).find('dt').each(function() {
                jQuery(this).css({'width':dtHeight,'top':dtTop,'margin-left':dtOffset});
                if (settings.slideNum == true) {
                    if (jQuery.browser.msie) {
                        var slideNumLeft = parseInt(jQuery(this).find('.slide-number').css('left')) - 14;
                        jQuery(this).find('.slide-number').css({'left': slideNumLeft})
                        if (jQuery.browser.version == 6.0 || jQuery.browser.version == 7.0) {
                            jQuery(this).find('.slide-number').css({'bottom':'auto'});
                        }
                        if (jQuery.browser.version == 8.0) {
                            var slideNumTop = jQuery(this).find('.slide-number').css('bottom');
                            var slideNumTopVal = parseInt(slideNumTop) + parseInt(jQuery(this).css('padding-top')) - 12;
                            jQuery(this).find('.slide-number').css({'bottom': slideNumTopVal});
                        }
                    } else {
                        var slideNumTop = jQuery(this).find('.slide-number').css('bottom');
                        var slideNumTopVal = parseInt(slideNumTop) + parseInt(jQuery(this).css('padding-top'));
                        jQuery(this).find('.slide-number').css({'bottom': slideNumTopVal});
                    }
                }
                f ++;
            });

            if (jQuery(this).find('.active').size()) {
                jQuery(this).find('.active').next('dd').addClass('active');
            } else {
                jQuery(this).find('dt:first').addClass('active').next('dd').addClass('active');
            }

//            jQuery(this).find('dt:first').css({'left':'0'}).next().css({'left':dtWidth});
            jQuery(this).find('dt:first').css({'left':'0'}).next().css({'left':0});
            jQuery(this).find('dd').css({'width':ddWidth,'height':ddHeight});


            // -------- Functions ------------------------------------------------------------------------------

            jQuery.fn.findActiveSlide = function() {
                var i = 1;
                this.find('dt').each(function() {
                    if (jQuery(this).hasClass('active')) {
                        activeID = i; // Active slide
                    } else if (jQuery(this).hasClass('no-more-active')) {
                        noMoreActiveID = i; // No more active slide
                    }
                    i ++;
                });
            };

            jQuery.fn.calculateSlidePos = function() {
                var u = 2;
                jQuery(this).find('dt').not(':first').each(function() {
                    var activeDtPos = dtWidth * activeID;
                    if (u <= activeID) {
                        // Slide to left
                        var leftDtPos = dtWidth * (u - 1); // tab
                        jQuery(this).animate({'left': leftDtPos}); // dt - tab
                        if (u < activeID) { // If the item sits to the left of the active element
                            jQuery(this).next().animate({'left':leftDtPos + dtWidth}); //dd
                        } else { // If the item is the active one
                            jQuery(this).next().animate({'left':activeDtPos - dtWidth}); //dd
                        }
                    } else {
                        // Slide to right
                        var rightDtPos = dlWidth - (dtWidth * (slideTotal - u + 1));
                        jQuery(this).animate({'left': rightDtPos}); // dt tab
                        var rightDdPos = rightDtPos + dtWidth;
                        jQuery(this).next().animate({'left':rightDdPos}); // dd slide
                    }
                    u ++;
                });

            };

            jQuery.fn.activateSlide = function() {
                this.parent('dl').setVariables();
                this.parent('dl').find('dd').css({'display':'block'});
                this.parent('dl').find('dd.plus').removeClass('plus');

                this.parent('dl').find('.no-more-active').removeClass('no-more-active');
                this.parent('dl').find('.active').removeClass('active').addClass('no-more-active');
                this.addClass('active').next().addClass('active');
                this.parent('dl').findActiveSlide();
//              first "if" - iefix
                if (typeof noMoreActiveID != "undefined") {
                    if (activeID < noMoreActiveID) {
                        this.parent('dl').find('dd.no-more-active').addClass('plus');
                    }
                }
                this.parent('dl').calculateSlidePos();

            };

            jQuery.fn.rotateSlides = function(slideInterval, timerInstance) {
                var accordianInstance = jQuery(this);
                timerInstance.value = setTimeout(function() {
                    accordianInstance.rotateSlides(slideInterval, timerInstance);
                }, slideInterval);
                jQuery(this).findActiveSlide();
                var totalSlides = jQuery(this).find('dt').size();
                var activeSlide = activeID;
                var newSlide = activeSlide + 1;
                if (newSlide > totalSlides) newSlide = 1;
                jQuery(this).find('dt:eq(' + (newSlide - 1) + ')').activateSlide(); // activate the new slide
            }


            // -------- Let's do it! ------------------------------------------------------------------------------

            function trackerObject() {
                this.value = null
            }

            var timerInstance = new trackerObject();

            jQuery(this).findActiveSlide();
            jQuery(this).calculateSlidePos();

            jQuery(this).find('dt').not('active').click(function() {
                jQuery(this).activateSlide();
                clearTimeout(timerInstance.value);
            });

            if (!(jQuery.browser.msie && jQuery.browser.version == 6.0)) {
                jQuery('dt').hover(function() {
                    jQuery(this).addClass('hover');
                }, function() {
                    jQuery(this).removeClass('hover');
                });
            }
        });
    };
})(jQuery);