
// Fade image loader
$(function () {
	$('.fadeload').hide();//hide all the images on the page
});

var i = 0;//initialize
var int=0;//Internet Explorer Fix
$(function() {//The load event will only fire if the entire page or document is fully loaded
	var int = setInterval("doThis(i)",150);//500 is the fade in speed in milliseconds
});

function doThis() {
		var images = $('img.fadeload').length;//count the number of images on the page
		if (i >= images) {// Loop the images
			clearInterval(int);//When it reaches the last image the loop ends
		}
		$('img:hidden.fadeload').eq(0).fadeIn(40);//fades in the hidden images one by one
		i++;//add 1 to the count
}

// Smooth Scroll
$(function(){
 
    $('a[href*=#]').click(function() {
 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        && location.hostname == this.hostname) {
 
            var $target = $(this.hash);
 
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
 
            if ($target.length) {
 
                var targetOffset = $target.offset().top;
 
                $('html,body').animate({scrollTop: targetOffset}, 600);
 
                return false;
 
            }
 
        }
 
    });
 
});



// Images fade animation
$(function(){
	$(".fadeload").hover(function(){
		$(this).stop().animate({opacity: "0.2"}, 350);
	},
	function(){
		$(this).stop().animate({opacity: "1"}, 125);
	});
});

// Go Top button animation
$(function(){
	$("#gotop a").hover(function(){
		$(this).stop().animate({top: "-20px" , height: "30px"}, {duration:125 , easing : "easeInCubic"});
	},
	function(){
		$(this).stop().animate({top: "-10px" , height: "20px"}, {duration:600 , easing : "easeOutBounce"});
	});
});


// Themifier animation
$(function(){
	$("#custom_theme").css("display","none");	   
	$("#themifier").click(function(){
		$("#custom_theme").fadeToggle("fast", "linear");
		$(this).toggleClass("close_panel", 80);
	});
});

$(function(){
	$('.hidden').css("display", "none");
	$(".toggler a").click(function() {
		$(this).parent().children('.hidden').slideToggle("slow");
	});
});


$(function(){						   
	$("#top_menu ul ul").css({display: "none"});
	$('#top_menu ul li').hover(function(){
		$('ul', this).slideDown(140);
	},
	function(){
		$('ul', this).slideUp(125);
	});
});

// Flickr fade animation
$(function(){
	$(".flickr_gallery img").hover(function(){
		$(this).stop().animate({opacity: "0.5"});
	},function(){
		$(this).stop().animate({opacity: "1"});
	});
});

// Portfolio Grid
$(function(){
	$(".grid .infos").css("opacity","0");
	$(".grid li").hover(function(){
		$(this).find(".infos").stop().animate({opacity: "1", top: "0px"});
		$(this).find(".thumbnail_item").stop().animate({opacity: "0.5"}, 350);
	},function(){
		$(this).find(".infos").stop().animate({opacity: "0", top: "265px"});
		$(this).find(".thumbnail_item").stop().animate({opacity: "1"}, 350);
	});
	
});

// Portfolio LIST
$(function(){
	$(".list .zoom").css("opacity","0");
	$(".list .zoom").hover(function(){
		$(this).stop().animate({opacity: "1"});
	},function(){
		$(this).stop().animate({opacity: "0"});
	});
	
});

// Captcha system
$(function(){
$("#errorcaptcha").css({opacity: "0"});
$("#check").keyup(function () {
		var rep = $(this).val();
		var n1 = document.getElementById('num1').innerHTML;
		var n2 = document.getElementById('num2').innerHTML;
		var n3 = parseInt(n1) + parseInt(n2);
      		if( n3 == rep ){
			$("#submitter").prepend('<input type="submit" name="submittt" id="submittt" value="Send Now" />').animate({opacity: "1"},{duration:350});
			$("#errorcaptcha").text(" ").animate({opacity: "0"},{duration:1});
		}
		else {
			$("#errorcaptcha").text("Not good!").animate({opacity: "1"},{duration:350});
			$("#submitter").prepend('').animate({opacity: "0"},{duration:1}).empty();
		}
    });
});

$(function() {	
		$("a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'light_square'}); 
});


// GALLERY SLIDESHOW
$(function()
{
	var gallery = function()
	{
		setTimeout(function(){
			$('#from_the_gallery li:first').animate({marginTop: '-160px'}, 800, function()
			{
				$(this).detach().appendTo('#from_the_gallery ul').removeAttr('style');	
			});
			gallery();
		}, 4000);
	};
	gallery();
});

// GALLERY FILTER

$(function(){

	$("#the_gallery a").css("opacity","0");
	
	
	$(".filter .all").click(function(){
		
		// Reinitialization of all elements
		$("#the_gallery li").stop().animate({opacity: '1'});
		$("#the_gallery li").find("a").css("top","0px");
		
		
	});
	
	if((document.all)&&(navigator.appVersion.indexOf("MSIE 7.")!=-1)){
		
		$(".filter a").click(function(){
		
		$(".filter a").removeClass("current");
		$(this).addClass("current");

		// Get the title attribut
		thisItem = $(this).attr('rel');
		
			if(thisItem == "all") {
					
					// Opacity 0.3 on all elements
					$("#the_gallery li").stop().animate({width: '160px'});
					$("#the_gallery li").find("a").css("top","0px");
					
					// Opacity 1 on all elements with li parent has attribut of the filter in class
					$('#the_gallery li.'+thisItem).stop().animate({width: '160px'});
					$('#the_gallery li.'+thisItem).find("a").css("top","0px");
					
					} else {
		
					// Opacity 0.3 on all elements
					$("#the_gallery li").stop().animate({width: '0px'});
					$("#the_gallery li").find("a").css("top","160px");
					
					// Opacity 1 on all elements with li parent has attribut of the filter in class
					$('#the_gallery li.'+thisItem).stop().animate({width: '160px'});
					$('#the_gallery li.'+thisItem).find("a").css("top","0px");
			}
		
		
	});
		
	} else {
	
	$(".filter a").click(function(){
		
		$(".filter a").removeClass("current");
		$(this).addClass("current");

		// Get the title attribut
		thisItem = $(this).attr('rel');
		
			if(thisItem == "all") {
					
					// Opacity 0.3 on all elements
					$("#the_gallery li").stop().animate({opacity: '1'});
					$("#the_gallery li").find("a").css("top","0px" , "visibility","visible");
					
					// Opacity 1 on all elements with li parent has attribut of the filter in class
					$('#the_gallery li.'+thisItem).stop().animate({opacity: '1'});
					$('#the_gallery li.'+thisItem).find("a").css("top","0px" , "visibility","visible");
					
					} else {
		
					// Opacity 0.3 on all elements
					$("#the_gallery li").stop().animate({opacity: '0.3'});
					$("#the_gallery li").find("a").css("top","160px");
					
					// Opacity 1 on all elements with li parent has attribut of the filter in class
					$('#the_gallery li.'+thisItem).stop().animate({opacity: '1'});
					$('#the_gallery li.'+thisItem).find("a").css("top","0px");
			}
		
		
	});
	}
	
	
	
		$("#the_gallery li").hover(function(){
				$(this).find("a").stop().animate({opacity: '0.8'});
		},function(){
				$(this).find("a").stop().animate({opacity: '0'});
		});

});

// PORTFOLIO
$(function() {	
		$(".item_infos").css("right","-340px");
		
		$(".item_big").hover(function(){
				$(this).find(".item_infos").stop().animate({right: '0px'},{ duration:340, easing: 'easeOutCirc'});
		},function(){
				$(this).find(".item_infos").stop().animate({right: '-340px'},{ duration:300, easing: 'easeOutCirc'});
		});
});

$(function() {	
		$(".preview").hover(function(){
				$(this).find("a").stop().animate({opacity: '0.7'}).show();
		},function(){
				$(this).find("a").stop().animate({opacity: '0'}).show();
		});
});
