$(document).ready(function() {

	var myUrls=new Array("http://www.fleurtationsweddings.com","http://www.weddings.stephthedesigner.com", "http://www.homerstrykercenter.com", "http://www.sportsmedicineoregon.com", "http://www.aboutstryker.com");

	
//web calls

			$("a.fancy_web1").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[0] + '">' + title : '' + '</a>') + '</span>';
				}
			});


            $("a.fancy_web2").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[1] + '">' + title : '' + '</a>') + '</span>';
				}
			}); 
			
			$("a.fancy_web3").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[2] + '">' + title : '' + '</a>') + '</span>';
				}
			});
			
			$("a.fancy_web4").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[3] + '">' + title : '' + '</a>') + '</span>';
				}
			});
            
            $("a.fancy_web5").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[4] + '">' + title : '' + '</a>') + '</span>';
				}
			});
			

// print calls

		$("a.fancy_print").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + title : '' + '</a>') + '</span>';
				}
			});



	


  // get the action filter option item on page load
  var $filterType = $('#filterOptions li.active a').attr('class');
	
  // get and assign the ourHolder element to the
	// $holder varible for use later
	var $holder = $('ul.image-grid');
	
  // clone all items within the pre-assigned $holder element
  var $data = $holder.clone();

  // attempt to call Quicksand when a filter option
	// item is clicked
	$('#filterOptions li a').click(function(e) {
		// reset the active class on all the buttons
		$('#filterOptions li').removeClass('active');
		
		// assign the class of the clicked filter option
		// element to our $filterType variable
		var $filterType = $(this).attr('class');
		$(this).parent().addClass('active');
		
		if ($filterType == 'all') {
			// assign all li items to the $filteredData var when
			// the 'All' filter option is clicked
			var $filteredData = $data.find('li');
		} 
		else {
			// find all li elements that have our required $filterType
			// values for the data-type element
			var $filteredData = $data.find('li[data-type=' + $filterType + ']');
		}
		
		// Urls for fancybox function
		
		
		$holder.quicksand($filteredData, 1000, function()  {
			
			
			$('a.fancy_web1').fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[0] + '">' + title : '' + '</a>') + '</span>';
				}
			});
			
			$("a.fancy_web2").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[1] + '">' + title : '' + '</a>') + '</span>';
				}
			});
			
			$("a.fancy_web3").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[2] + '">' + title : '' + '</a>') + '</span>';
				}
			});
			
				$("a.fancy_web4").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[3] + '">' + title : '' + '</a>') + '</span>';
				}
			});
				
			$("a.fancy_web5").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[4] + '">' + title : '' + '</a>') + '</span>';
				}
			});
			
			$("a.fancy_web6").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[5] + '">' + title : '' + '</a>') + '</span>';
				}
			});
			
			$("a.fancy_web7").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[6] + '">' + title : '' + '</a>') + '</span>';
				}
			});
			
			$("a.fancy_web8").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + '<a target="_blank" href="' + myUrls[7] + '">' + title : '' + '</a>') + '</span>';
				}
			});
			
			$("a.fancy_print").fancybox({
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'		: 'outside',
				'overlayColor'		: '#000',
				'overlayOpacity'	: 0.9,
				'titleFormat'		: function(title) {
					return '<span id="fancybox-title-outside">' + (title.length ? ' &nbsp; ' + title : '' + '</a>') + '</span>';
				}
			});
			
		
			
		
		  });
		
		return false;
	});
});
