(function($){
	$(document).ready(function(){
	//////////////////////////////////////////////////////////////////////////////////////////////////////////////						   
		// -------------------------------------------------------------------------------------------------------
		// Cycle - slider jQuery plugin 
		// -------------------------------------------------------------------------------------------------------
		
		$('#slideshow-index ul').cycle({
			timeout: 5000,// milliseconds between slide transitions (0 to disable auto advance)
			fx: 'fade',// choose your transition type, ex: fade, scrollUp, shuffle, etc...            
			pager: '#index-slideshow-pager',// selector for element to use as pager container
			delay: 0, // additional delay (in ms) for first transition (hint: can be negative)
			speed: 1000,  // speed of the transition (any valid fx speed value) 
			pause: true,// true to enable "pause on hover"
			cleartypeNoBg: true,// set to true to disable extra cleartype fixing (leave false to force background color setting on slides)
			pauseOnPagerHover: 0 // true to pause when hovering over pager link
		});
		
		$('#slideshow-portfolio ul').cycle({
			timeout: 5000,// milliseconds between slide transitions (0 to disable auto advance)
			fx: 'fade',// choose your transition type, ex: fade, scrollUp, shuffle, etc...            
			pager: '#portfolio-slideshow-pager',// selector for element to use as pager container
			delay: 0, // additional delay (in ms) for first transition (hint: can be negative)
			speed: 1000,  // speed of the transition (any valid fx speed value) 
			pause: true,// true to enable "pause on hover"
			cleartypeNoBg: true,// set to true to disable extra cleartype fixing (leave false to force background color setting on slides)
			pauseOnPagerHover: 0 // true to pause when hovering over pager link
		});

		
		// -------------------------------------------------------------------------------------------------------
		// pretyPhoto - jQuery lightbox plugin
		// -------------------------------------------------------------------------------------------------------
		
			$('a[name=modal]').click(function(e) {
		//Cancel the link behavior
		e.preventDefault();
		
		//Get the A tag
		var id = $(this).attr('href');
	
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
	});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});			
	
});


})(window.jQuery);

// non jQuery plugins below