/*
 * 	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,
	    firstSlide: 0
	};
			
	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());
		    //ddHeight = dlHeight - (jQuery(this).find('dd').outerHeight(true)-jQuery(this).find('dd').height());
		    ddHeight = jQuery(this).find('dd').outerHeight(true);
		};
		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 = -20; /* 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){
			    jQuery('<span class="slide-number">'+0+f+'</span>').appendTo(this);
			    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 = f + 1;
		    });
				
		if(jQuery(this).find('.active').size()) {
		    jQuery(this).find('.active').next('dd').addClass('active');
		} else {
		    if(settings.firstSlide > -1)
			jQuery(this).find('dt:eq(' + settings.firstSlide  + ')').addClass('active').next('dd').addClass('active');
		    changeBg(-1);
		    //$(".bgContainer div").animate({"background-position" : (settings.firstSlide * -1421)}, 400);
		    $("#menu_footer").find("a:eq(" + settings.firstSlide  + ")").addClass("underline");
		    
	        }
		
		jQuery(this).find('dt:first').css({'left':'0'}).next().css({'left':dtWidth});
		jQuery(this).find('dd').css({'width':ddWidth,'height':ddHeight});

		
		// -------- Functions ------------------------------------------------------------------------------
		
		jQuery.fn.findActiveSlide = function() {
		    var i = 1;
		    noMoreActiveID = -1;
		    activeID = 0;
		    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 = i + 1;
			});
		};
			
		jQuery.fn.calculateSlidePos = function() {
		    //var u = 2;
		    var u = 1;
		    
		    //jQuery(this).find('dt').not(':first').each(function(){
		    jQuery(this).find('dt').each(function(){
			    var activeDtPos = dtWidth*activeID;
			    if(u <= activeID){
				var leftDtPos = dtWidth*(u-1);
				jQuery(this).animate({'left': leftDtPos});
				if(u < activeID){ // If the item sits to the left of the active element
				    jQuery(this).next().css({'left':leftDtPos+dtWidth, 'width':ddWidth});
				} else { // If the item is the active one
				    jQuery(this).next().animate({'left':activeDtPos, 'width':ddWidth}, 400);
				}
			    } else {
				var rightDtPos = dlWidth-(dtWidth*(slideTotal-u+1));
				
				if(activeID == 0)
				{
				    rightDtPos = (dlWidth / 2)-(dtWidth*(slideTotal - u - 1));
				}
				var rightDdPos = rightDtPos+dtWidth;


				jQuery(this).animate({'left': rightDtPos});
				jQuery(this).next().animate({'left':rightDdPos, 'width': 0})
				
			    }
			    u = u + 1;
			});
		    setTimeout( function() {
			    jQuery('.easy-accordion').find('dd').not('.active').each(function(){
				    jQuery(this).css({'display':'none'});
				});
			}, 400);
		};

		function changeBg(num)
		{
		    //split
                    //$('.bgContainer div').css('background-position', (num * -1421) + 'px');

		    //slide
		    $(".bgContainer div").animate({"background-position" : ((num + 1) * -1421)}, 400);
		    //return;
		    
		}

		$.fn.activateSlide = function() {
		    var ida = 1;
		    var id = 0;
		    this.parent('dl').find("dt").each(function(){
			    if(!$(this).is(".clicked"))
				ida += 1;
			    else
				id = ida;
			});

		    $(this).activateSlideid(id - 1);

		}

		jQuery.fn.activateSlideid = function(id_) {
		    this.parent('dl').findActiveSlide();
		    if(activeID - 1 == id_)
		    {
			return false;
		    }

		    if(activeID == 0)
			this.next().css({'width': '0px'});

		    $('#menu_footer').find("a:eq(" + (id_) + ")").addClass("underline");
		    $('#menu_footer').find("a:eq(" + (activeID - 1)  + ")").removeClass("underline");


		    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');
		    if(id_ != -1)
		    {
			this.addClass('active').next().addClass('active');
		    }
		    
		    this.parent('dl').findActiveSlide();
		    if(activeID < noMoreActiveID){
			this.parent('dl').find('dd.no-more-active').addClass('plus');
		    }
		    this.parent('dl').calculateSlidePos();

                    changeBg(id_);
		    
                    return false;

		};
	
		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
		}


		jQuery.fn.changeSlide = function(num) {
		    jQuery("#menu").find('dt:eq(' + num + ')').activateSlideid(num);
		}


		// -------- Let's do it! ------------------------------------------------------------------------------
		
		function trackerObject() {this.value = null}
		//return false;
		var timerInstance = new trackerObject();
		jQuery(this).findActiveSlide();
		jQuery(this).calculateSlidePos();
		if (settings.autoStart == true){
		    var accordianInstance = jQuery(this);
		    var interval = parseInt(settings.slideInterval);
		    timerInstance.value = setTimeout(function(){
			    accordianInstance.rotateSlides(interval, timerInstance);
			}, interval);
		}
//		jQuery(this).find('dt').not('active').click(function(){
//			$(this).addClass("clicked");
//			jQuery(this).activateSlide();
//			$(this).removeClass("clicked");
//			clearTimeout(timerInstance.value);
//		    });

		$(this).find('dt').click(function(){
		    if($(this).hasClass('active'))
			jQuery(this).activateSlideid(-1);
		    else
		    {
			$(this).addClass("clicked");
			jQuery(this).activateSlide();
			$(this).removeClass("clicked");
			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);



//$(document).ready(function()
//{
//    $('#menu').easyAccordion({slideNum: false, firstSlide: -1});
//});