// Social Icons

$(document).ready(function() {
	// brands effect
	$('.social_icons a img ').mouseover(function() {
	        $(this).stop().animate({ opacity: "1" }, 100);
	});
	$('.social_icons a img').mouseout(function() {
	        $(this).stop().animate({ opacity: "0.6" }, 200);
	});
	
});

// Project Lsider

$("#myController").jFlow({
	slides: "#mySlides",
	controller: ".jFlowControl", // must be class, use . sign
	slideWrapper : "#jFlowSlide", // must be id, use # sign
	selectedWrapper: "jFlowSelected",  // just pure text, no sign
	width: "100%",
	height: "277px",
	duration: 400,
	prev: ".jFlowPrev3", // must be class, use . sign
	next: ".jFlowNext3" // must be class, use . sign
});

// quote slideshow

function slideSwitch() {
    var $active = $('#quote li.active');

    if ( $active.length == 0 ) $active = $('#quote li').filter(':last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#quote li').filter(':first'); 
		
    $active.animate({opacity: 1.0}, 1000).addClass('last-active').hide();
		
    $next.css({opacity: 0.0})
				.addClass('active')
				.show()
				.animate({opacity: 1.0}, 1000, function() {
    				$active.removeClass('active last-active');
    		});
}

$(function() {
	$('#quote_list  li').hide().filter(':first').show();
		setInterval( "slideSwitch()", 5000 );
});