jQuery(document).ready(function(){

jQuery('#slideNav ul li:first').addClass('active');
jQuery('#slideNav ul li').click(function(){
	var 
	slideData = jQuery(this).find('.data').html();
	slideURL = jQuery(this).find('a').attr('href');
	slideAlt = jQuery(this).find('a').attr('title');
		
	
	if (jQuery(this).is(".active"))
		{
		return false;
		}
	else
		{
		jQuery("#slide img").fadeOut(500);
		jQuery('#caption').animate({'right': '190px'}, 500, function(){
			jQuery('#caption').html(slideData);
			jQuery("#slide img").attr({ src: slideURL , alt: slideAlt});
			jQuery('#caption').delay(500).animate({'right': '0px'}, 500, function(){
				jQuery("#slide img").fadeIn(500);
						
					
				});
			});		
		}
	
	jQuery('#slideNav ul li').removeClass('active');
	jQuery(this).addClass('active');
	
	jQuery('#slideNav ul li a img').attr({ src: 'http://www.tagarchitects.net/LIVE_SITE/wp-content/themes/monuMinimal/images/slideButton.png' });
	jQuery('img', this).attr({ src: 'http://www.tagarchitects.net/LIVE_SITE/wp-content/themes/monuMinimal/images/slideButton_active.png' });
	
	return false;

	});//close slideNav li click function



 


}); //close doc ready
jQuery(function() {
    setInterval( "slideSwitch()", 8000 );
});

function slideSwitch() {
	
	var
	activeslide = jQuery('.active');
	nextslidetest = activeslide.next();
	if (nextslidetest.length == 0 ) 
		{  
		nextslide = jQuery('#slideNav ul li:first');
		}
	else 
		{	
		nextslide = activeslide.next(); 
		}
	slideData = nextslide.find('.data').html();
	slideURL = nextslide.find('a').attr('href');
	slideAlt = nextslide.find('a').attr('title');
	
	jQuery("#slide img").fadeOut(500);
		jQuery('#caption').animate({'right': '190px'}, 500, function(){
			jQuery('#caption').html(slideData);
			jQuery("#slide img").attr({ src: slideURL , alt: slideAlt});
			jQuery('#caption').delay(500).animate({'right': '0px'}, 500, function(){
				jQuery("#slide img").fadeIn(500);
						
					
				});
			});		
		
	
	activeslide.removeClass('active');
	nextslide.addClass('active');
	
	activeslide.find('img').attr({ src: 'http://www.tagarchitects.net/LIVE_SITE/wp-content/themes/monuMinimal/images/slideButton.png' });
	nextslide.find('img').attr({ src: 'http://www.tagarchitects.net/LIVE_SITE/wp-content/themes/monuMinimal/images/slideButton_active.png' });

	
	}