//////////////////////////////////////////////////////////////
//////////////  jQUERY CODE for AYSE DESIGNZ /////////////////
//////////////////////////////////////////////////////////////
//////////////   coded by DOOM-DESIGN.COM    /////////////////
//////////////////////////////////////////////////////////////


// Easing: easeOutElastic
jQuery.extend( jQuery.easing,
{
	easeInOutExpo: function (x, t, b, c, d) {
		if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
	}
});

var $container = $('#portfolio-item-container'),
	$items = $('.portfolio-item');

function removelargeaddsmall(that) {
		that.closest('.portfolio-item').addClass('small').removeClass('large');
		$('.portfolio-item .opener span').stop(false,true).slideUp(0);
		//$container.isotope('reLayout');
		
		$container.isotope({
		itemSelector: '.portfolio-item',
		layoutMode : 'masonry',
		  masonry: {
		columnWidth: 220
		},
		resizesContainer : true,
		animationEngine: 'jquery',
		animationOptions: {duration: 0}
		});
		
		
		//window.location.href = window.location.href.replace(/#.*$/, '#');
		window.location.hash = "";
	}
	function closeCurrentLargeItem() {
		var currentlargeitem = $('.large');
		removelargeaddsmall( currentlargeitem );
		
	}
	
function onAfter(curr, next, opts, fwd) {
var index = opts.currSlide;
//get the height of the current slide
var $ht = $(this).height();
//set the container's height to that of the current slide
$(this).parent().animate({height: $ht});
}



  

// Let's go
(function($){

	// BLOG Categories open
	var categoriescontainer = $('#categories-container');
	categoriescontainer.hide();
	
	var categoriestitle = $('#title-categories');
	categoriestitle.toggle( function() {
		categoriescontainer.slideDown(800,'easeInOutExpo');
	}, function() {
		categoriescontainer.slideUp(800,'easeInOutExpo');
	});




	// Contact Form Placeholder Code
	$.extend($.support,{placeholder:!!("placeholder" in document.createElement("input"))});$.fn.addPlaceholder=function(options){var settings={"class":"placeholder",allowspaces:false,dopass:true,dotextarea:true,checkafill:false};return this.each(function(){if($.support.placeholder){return false}$.extend(settings,options);if(!(this.tagName.toLowerCase()=="input"||(settings.dotextarea&&this.tagName.toLowerCase()=="textarea"))){return true}var $this=$(this),ph=this.getAttribute("placeholder"),ispass=$this.is("input[type=password]");if(!ph){return true}if(settings.dopass&&ispass){passPlacehold($this,ph)}else{if(!ispass){inputPlacehold($this,ph)}}});function inputPlacehold(el,ph){if(valueEmpty(el.val())){el.val(ph);el.addClass(settings["class"])}el.focusin(function(){if(el.hasClass(settings["class"])){el.removeClass(settings["class"]);el.val("")}});el.focusout(function(){if(valueEmpty(el.val())){el.val(ph);el.addClass(settings["class"])}})}function passPlacehold(el,ph){el.addClass(settings["class"]);var span=$("<span/>",{"class":el.attr("class")+" "+settings["class"],text:ph,css:{border:"none",cursor:"text",background:"transparent",position:"absolute",top:el.position().top,left:el.position().left,lineHeight:el.height()+3+"px",paddingLeft:parseFloat(el.css("paddingLeft"))+2+"px"}}).insertAfter(el);el.focusin(function(){if(el.hasClass(settings["class"])){span.hide();el.removeClass(settings["class"])}});el.focusout(function(){if(valueEmpty(el.val())){span.show();el.addClass(settings["class"])}});if(settings.checkafill){(function checkPass(){if(!valueEmpty(el.val())&&el.hasClass(settings["class"])){el.focusin()}setTimeout(checkPass,250)})()}}function valueEmpty(value){return settings.allowspaces?value==="":$.trim(value)===""}};
	$('#contactform input, #contactform textarea').addPlaceholder();

	$('#contactform .secq').each( function() {

		var oldhtml = $(this).html();
		$(this).html( oldhtml+" = " );

	});


	// Insert Navigation divider lines
	$('nav a:not(nav a:last-child), #filter-options a:not(#filter-options a:last-child)').each( function() { $('<div class="navdivider"></div>').insertAfter(this); });

	
	// LOGO HOVER
	$('#logo').hover( function() {
		$(this).children('#logo-link').stop().animate({marginTop: '0px'}, 155);
	}, function() {
		$(this).children('#logo-link').stop().animate({marginTop: '-10px'}, 155);
	}); 
	
	// Navigation and Social Links HOVER
	$('nav a, #social-links a, #filter-options a').each( function() {

		$(this).append('<span></span>');
		var spans = $(this).children('span');
		spans.hide();
		var orgbackground = $(this).css("background-image");
		spans.css("background-image", orgbackground );
		
		// Hover
		$(this).hover( function() {
		
			spans.stop(true,true).fadeIn(200);
				
		}, function() {
		
			spans.stop(true,true).fadeOut(200);
		
		});
	});
		

	// Hover over BOX IMAGES (like "Read My Blog")
	$('.box-image-link, .box-largeimagelink').each( function() {
	
		$(this).hover( function() {
			$(this).children('img').stop().animate({opacity: 0.7}, 50).animate({opacity: 1}, 700);
		}, function() {
		});
	});
	
	
	
	$('#slideshow-container').slides({
		generateNextPrev: true,
		generatePagination: false,
		play: 6000,
		autoHeight: false,
		effect: 'fade',
		crossfade: true,
		next: 'nivo-nextNav',
		prev: 'nivo-prevNav'

	});
	
	$('#slideshow-container .nivo-nextNav, #slideshow-container .nivo-prevNav, #product-images .nivo-nextNav, #product-images .nivo-prevNav').each( function() {
	
		var thisarrow = $(this);
		
		thisarrow.hide();
		
		$('#slideshow-container, #product-images').hover( function() {
			thisarrow.show();
		}, function() {
			thisarrow.hide();
		});
	
	});
	

	// TWITTER Plugin
	if( jQuery().tweet ) {
		$(".tweet").tweet({
				avatar_size: 0,
				count: 3,
				username: "aysedesignz"
		});
	}
	
if( jQuery().prettyPhoto ) {

	var generatePrettyPhoto = function(selector) {
	$(selector).prettyPhoto({
			animation_speed: 'fast', /* fast/slow/normal */
			slideshow: false, /* false OR interval time in ms */
			autoplay_slideshow: false, /* true/false */
			opacity: 0.75, /* Value between 0 and 1 */
			show_title: false, /* true/false */
			allow_resize: true, /* Resize the photos bigger than viewport. true/false */
			default_width: 720,
			default_height: 500,
			counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
			theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
			hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
			wmode: 'opaque', /* Set the flash wmode attribute */
			autoplay: false, /* Automatically start videos: True/False */
			modal: false, /* If set to true, only the close button will close the window */
			overlay_gallery: false, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
			keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */
			deeplinking: false,
			iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no" class="prettyphoto-iframe"></iframe>',
			/*social_tools: false, *//* html or false to disable */
			social_tools: '<div class="pp_social"><div class="twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div class="lightbox-fb-share"></div><div class="facebook"><iframe src="http://www.facebook.com/plugins/like.php?locale=en_US&href='+location.href+'&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div></div>', /* html or false to disable */
			markup: '<div class="pp_pic_holder"> \
						<div class="ppt">&nbsp;</div> \
						<div class="pp_top"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
						<div class="pp_content_container"> \
							<div class="pp_left"> \
							<div class="pp_right"> \
								<div class="pp_content"> \
									<div class="pp_loaderIcon"></div> \
									<div class="pp_fade"> \
										<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
										<div class="pp_hoverContainer"> \
											<a class="pp_next" href="#">next</a> \
											<a class="pp_previous" href="#">previous</a> \
										</div> \
										<div id="pp_full_res"></div> \
										<div class="pp_details"> \
											<div class="pp_nav"> \
												<a href="#" class="pp_arrow_previous"><span></span> Previous Project</a> \
												\
												<a href="#" class="pp_arrow_next">Next Project <span></span></a> \
											</div> \
											<p class="pp_description"></p> \
											{pp_social} \
											<a class="pp_close" href="#">Close</a> \
										</div> \
									</div> \
								</div> \
							</div> \
							</div> \
						</div> \
						<div class="pp_bottom"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
					</div> \
					<div class="pp_overlay"></div>'
		});
		
	}
	generatePrettyPhoto("a[rel^='prettyPhoto']");
}

	
	// Portfolio Items

	var showspans = function() {
	$("#portfolio-item-container .portfolio-item .opener").each( function() {
		//$(this).find("span").css({bottom: '-50px'});
		var childspan = $(this).find("span");
		childspan.hide();
		$(this).hover(	function() {
			childspan.stop(false,true).slideDown(200);
		}, function() {
			childspan.stop(false,true).slideUp(200);
		});
	});
	}
	showspans();
	
	

	
if( jQuery().isotope ) {

	// PORTFOLIO NEW
	
	// When user clicks another filter
	$('#filter-options a').click(function(){

	  var selector = $(this).attr('data-filter');
	  
	  
	  // If you don't click on the already opened filter, close any open items
	  if( $('a.current-filter').attr('data-filter') != selector ) {
		closeCurrentLargeItem();
	  }
	  
	  	var $this = $(this);

		// don't proceed if already selected
		if ( !$this.hasClass('current-filter') ) {
		  $('#filter-options').find('.current-filter').removeClass('current-filter');
		  $this.addClass('current-filter');
		}
	  
	  $container.isotope({
	  itemSelector: '.portfolio-item',
	  filter: selector,
	  animationEngine: 'jquery',
	  animationOptions: {duration: 1000},
	  layoutMode : 'masonry',
		masonry: {
		columnWidth: 220
		},
		resizesContainer : true
	  });
	  $container.isotope({
		itemSelector: '.portfolio-item',
		layoutMode : 'masonry',
		  masonry: {
		columnWidth: 220
		},
		resizesContainer : true,
		animationEngine: 'jquery',
		animationOptions: {duration: 0}
	});
	return false;
	 
	});
	

	// If hashtag is set, open the portfolio item
	
	var $nohashatall = true;
	
	if(window.location.hash && window.location.hash.match(/#(\w+)/)[1].substr(0,9) == 'portfolio' ) {
	
		$nohashatall = false;
	
		var currentid = window.location.hash.replace(/#/, '');
		
		//alert(currentid);
		
		//var portfolioID = $(currentid);
		var portfolioID = $('[data-itemid="'+currentid+'"]');
		
		var $previousLargeItem = $('.portfolio-item').filter('.large');
		$previousLargeItem.removeClass('large').addClass('small');
		$('.portfolio-item .opener span').stop(false,true).slideUp(0);
		portfolioID.removeClass('small').addClass('large');
		
		if( portfolioID.hasClass('p-cat-print') ) {
			$container.isotope('reLayout');
		} else {
		
			var classes = portfolioID.attr("className").split(" ");
			for (var i = 0; i < classes.length; i++){
					if ( classes[i].substr(0,5) == "p-cat" ){
							var foundcategory = "."+classes[i];
							
							break;
					}
			}
			
			$('#filter-options').find('.current-filter').removeClass('current-filter');
			$('#filter-options').find('[data-filter="'+ foundcategory + '"]').addClass('current-filter');
			
			$container.isotope({
			itemSelector: '.portfolio-item',
			filter: foundcategory,
			animationEngine: 'jquery',
			animationOptions: {duration: 1000},
			layoutMode : 'masonry',
			masonry: {
			columnWidth: 220
			},
			resizesContainer : true
			});
			$container.isotope({
			itemSelector: '.portfolio-item',
			filter: foundcategory,
			layoutMode : 'masonry',
			  masonry: {
			columnWidth: 220
			},
			resizesContainer : true,
			animationEngine: 'jquery',
			animationOptions: {duration: 0}
			});
		
		}
	
		
	
	} 
	
	if( $nohashatall == true || window.location.hash.match(/#(\w+)/)[1].substr(0,9) != 'portfolio' ) {
		$container.isotope({
			filter: '.p-cat-print',
			itemSelector: '.portfolio-item',
			layoutMode : 'masonry',
			  masonry: {
			columnWidth: 220
			},
			resizesContainer : true,
			animationEngine: 'jquery',
			animationOptions: {duration: 0}
		});
	}
	

	
	
	
	
	


	// ENLARGE AN ITEM
	
	$('.portfolio-item').click( function(){
		var $this = $(this);
		
		
		
		if ( $this.hasClass('small') ) {
		var $previousLargeItem = $('.portfolio-item').filter('.large');
		
		$previousLargeItem.removeClass('large').addClass('small');
		$('.portfolio-item .opener span').stop(false,true).slideUp(0);
		$this.removeClass('small').addClass('large');
		$container.isotope('reLayout');
		}
		
		var $thishashtag = $this.attr('data-itemid');
		
		window.location.hash = $thishashtag;
		
		$container.isotope({
		itemSelector: '.portfolio-item',
		layoutMode : 'masonry',
		  masonry: {
		columnWidth: 220
		},
		resizesContainer : true,
		animationEngine: 'jquery',
		animationOptions: {duration: 0}
		});
	});
	

	
		// CLOSE-Button on every project
	$('div.portfolioitem-close').live('click', function() {
	
	removelargeaddsmall( $(this) ); 
	
	} );
	

	
	// Slideshow for every project
	//$(".projectslideshow").sudoSlider({           
	//vertical:true,
	//continuous:true
	//});
	
	$('.projectinfo').each( function() {
	
	var nextbuttonid = '#'+$(this).children('.nivo-nextNav').attr('id');
	var prevbuttonid = '#'+$(this).children('.nivo-prevNav').attr('id');
	
	$(this).children('.projectslideshow').cycle({
    timeout: 0,
	next: nextbuttonid,
	prev: prevbuttonid
	});
	
	});
	
	
	//// Store Product Slideshow
	$('#product-images .productslideshow').cycle({
    timeout: 0,
	next: '.productslideshow',
	prev: null,
	width: 300,
	height: 360,
	fit: true,
	pager: '#productslideshow-pager',
	containerResize: 0
	});
	

	
	
	
	$('a.fb-send-button').click( function(e) {
	
		e.preventDefault();
		
		window.open(this.href, "FacebookShare", "width=640, height=400");
		return false;
	
	});
	
	
	// INSTAGRAM Feed for the blog
	
	if( jQuery().instagram ) {
		$("#instagramfeed").instagram('getStream', {
			count: 9,
			user: 536374,
			callback: function() {
				$.each($('#instagramfeed img'), function() {
				var $this = $(this);
				var largeUrl = $this.data('instagramLink');
				
				$this.click(function() {
					window.open(largeUrl); 
				});
				
				});
			}
		});
	}
	

}

})(this.jQuery);


window.log = function(){
  log.history = log.history || [];   
  log.history.push(arguments);
  if(this.console){
    console.log( Array.prototype.slice.call(arguments) );
  }
};
(function(doc){
  var write = doc.write;
  doc.write = function(q){ 
    log('document.write(): ',arguments); 
    if (/docwriteregexwhitelist/.test(q)) write.apply(doc,arguments);  
  };
})(document);



