/*
 * Tooltip script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 


this.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$(".thumb-presentation a").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$(".thumb-presentation a").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};

$(function(){
	$("#expand-1").click(function() {
		$("#content-1").toggle('blind',{},500);
		$("#content-2").hide();
		$("#content-3").hide();
		return false;
	});
	$("#expand-2").click(function() {
		$("#content-2").toggle('blind',{},500);
		$("#content-1").hide();
		$("#content-3").hide();
		return false;
	});
	$("#expand-3").click(function() {
		$("#content-3").toggle('blind',{},500);
		$("#content-2").hide();
		$("#content-1").hide();
		return false;
	});
	$("#presentation-1").show();
	$("#div-thumb-presentation-1").addClass('current');
	$("#thumb-presentation-1").click(function() {
		$("#presentation-1").show();
		$("#div-thumb-presentation-1").addClass('current');
		$("#presentation-2").hide();
		$("#div-thumb-presentation-2").removeClass('current');
		$("#presentation-3").hide();
		$("#div-thumb-presentation-3").removeClass('current');
		return false;
	});
	$("#thumb-presentation-2").click(function() {
		$("#presentation-2").show();
		$("#div-thumb-presentation-2").addClass('current');
		$("#presentation-1").hide();
		$("#div-thumb-presentation-1").removeClass('current');
		$("#presentation-3").hide();
		$("#div-thumb-presentation-3").removeClass('current');
		return false;
	});
	$("#thumb-presentation-3").click(function() {
		$("#presentation-3").show();
		$("#div-thumb-presentation-3").addClass('current');
		$("#presentation-2").hide();
		$("#div-thumb-presentation-2").removeClass('current');
		$("#presentation-1").hide();
		$("#div-thumb-presentation-1").removeClass('current');
		return false;
	});
	
	tooltip();

        /* slide fader */
        var current, last;
        var container = $('#testimonials-list');
        var elements = $('#testimonials-list li');
        var numberEl = elements.length;
        var containerHeight = '220px';
        var speed = 'slow';
        var timeout = '6000';
        var sliderStart = 'yes';
        var timerFader;

        function nextEl(current, last) {
            if (sliderStart == 'yes') {
                $(elements[last]).fadeOut(speed);
                $(elements[current]).fadeIn(speed);

                if (current+1 < numberEl) {
                    current += 1;
                    last = current - 1;
                } else {
                    current = 0;
                    last = numberEl - 1;
                }

                $('#storeDataCurrent').empty().text( current );
                $('#storeDataLast').empty().text( last );

                timerFader = setTimeout(function(){
                    nextEl( current, last );
                }, timeout);
            } else {
                clearTimeout( timerFader );
            }
        }

        if (numberEl > 1) {
            container.css('position', 'relative');
            container.css('height', containerHeight);
            container.addClass('innerfade');
            container.after('<span class="aural" id="storeDataCurrent"></span><span class="aural" id="storeDataLast"></span>');
            $('#storeDataCurrent').text('1');
            $('#storeDataLast').text('0');
            for ( var i = 0; i < numberEl; i++ ) {
                $(elements[i]).css('z-index', String(numberEl-i)).css('position', 'absolute');
                $(elements[i]).hide();
            };

            nextEl(1, 0);
        }

        container.mouseover(function(){
            sliderStart = 'no';
        });
        container.mouseout(function(){
            $(elements[$('#storeDataCurrent').text()]).fadeOut(0);
            sliderStart = 'yes';
            setTimeout(function(){
                nextEl( $('#storeDataCurrent').text(), $('#storeDataLast').text() );
            }, 0);
        });

});