$(document).ready(function(){

$('html').removeClass('no-js');
$('input[placeholder]').placeholderLabel();

//$(".tresc").preloader();

var scroll = $('#section2');

window.okno = {
	w: function() {
		return $(window).width();
	},
	h: function() {
		return $(window).height()-25;
	},
	s2: function() {
		// dlugosc section 2
		return $(window).width()-300;
	},
	s3: function() {
		// dlugosc section 1 + 2
		return $(window).width()-530;
	},

	setContent: function() {
		$("#container, #main, #top").css({height: okno.h});
		$("#container").css({width: okno.w});
		$("#section2, .viewport").css({width: okno.s2});		
		$('#section2.portfolio .tresc').imagesLoaded( function(){
			var ww = 0;
			$('#section2 .tresc img').each(function(i){
				ww += $(this).width()+10;
				$(this).fadeIn('slow');
			});
				
			if (ww > ($(window).width()-530)) {
				$("#section1 + #section2, #section1 + #section2 .viewport").css({width: okno.s3});
			} else {
				$("#section1 + #section2, #section1 + #section2 .viewport").css({width: ww+10});
			}
		});
	}
};

window.portfolio = {
	rand : function() {
		$("#portfolio article > span").each(function(index) {
			var tab = new Array(0, 140, 280, 420, 560, 700);
			var tab2 = new Array(-140, -280);
			var ranX = tab[Math.floor(Math.random()*tab.length)];
			var ranY = tab2[Math.floor(Math.random()*tab2.length)];
    		$(this).css({'background-position' : ranX+'px '+ranY+'px'});
		});
	}, 
	show : function() 
	{
		$('#content').fadeOut('fast');
		this.rand();
		$("#portfolio article > span").toggleClass('active');
		$('#portfolio').toggleClass('all-show');
	},
	hide : function(){
		$('#darck-bg').fadeOut('fast');
		
	}
};


$.address.init(function(event) {
	$('#nav a, #content a.ajax, #content a.close, .p-nav a, #portfolio article a, footer a, #top a').address();    
}).internalChange(function(event) {
	var  value = 'http://wadach.com/ajax'+event.value;
	////console.log(event.value);
    if(event.value != '/portfolio') {
    	$("#portfolio article > span").removeClass('active');
		$("#portfolio").removeClass('all-show');
    	$.ajax({
	   		method: "get",
	   		url: value,
	    	beforeSend: function(){
	    		$('#content').fadeOut('fast');
		    	$(".loader").fadeIn("fast");
		    },
	    	complete: function(){
	    		$('#section2').imagesLoaded( function(){
		    		var scroll = $('#section2');
					scroll.prepend('<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>');
					scroll.tinyscrollbar({ axis: 'x'});
			    	$(".loader").fadeOut("slow");
					$('#content').hide().css({top: '50%'}).fadeIn();
		    	});
		    },

	    	success: function(html){
	    		$('#content').html(html);
				if (value.match(/\/api\//)) {
	    			$('#content').prepend('<a href="/portfolio" class="close"></a>');
				} else {
					$('#content').prepend('<span class="close"></span>');
				}
				
				$('#content').css({top: '9000px'}).fadeIn();	
	    		okno.setContent();
				initScript();
	    	}
	    });
	  
    } else {
    	portfolio.show();
    }  
});

var p_scroll = $('#portfolio');
     $(window).bind({
		load: function() {
			okno.setContent();
			scroll.prepend('<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>');
			scroll.tinyscrollbar({ axis: 'x'});
			
			p_scroll.prepend('<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>');
			p_scroll.tinyscrollbar();
		},
		resize : function() {
			okno.setContent();
			$('#section2').tinyscrollbar_update(); 
			p_scroll.tinyscrollbar_update();
		}
	});	  

//alert(okno.w);


portfolio.rand();

$('.nav-eye').click(function(){
	portfolio.show();
});

$('.close').click(function(){
	$('#content').fadeOut('fast');
});


$('#nav').click(function(){
	$(this).toggleClass('hidde');
});

$('#portfolio article img').click(function(){
	//$(this).toggleClass('no-bg');
	$(this).parent().toggleClass('active');
});


	
var initScript = function() {
	$('.close').click(function(){
		$('#content').fadeOut('fast');
	});

	$(".fb").each(function(i,e){
		var el;

		if($(this).find("a").size())
			el = $(this).find("a");
		else 
			el = $(this);

		el.attr('rel', 'gallery'+i).fancybox({
			titlePosition: 'inside',
			overlayColor: '#000',
			overlayOpacity: 0.9,
			padding: 0
		});
	});
		$("#contact_form").submit(function() {
		     	var email = $("[name=email]").val();
		        var temat = $("[name=name]").val(); 
				var phone = $("[name=phone]").val(); 
		 		var tresc = $("[name=message]").val();
				//console.log(tresc);
				$.ajax({
				   type: "POST",
				   url: "/lib/send.php",
				   data: "email="+email+"&name="+temat+"&message="+tresc+"&phone="+phone,
				   success: function(msg){
					$("[name=email]").val('');
			       	$("[name=name]").val(''); 
					$("[name=phone]").val(''); 
			 		$("[name=message]").val('');
				    $('#contact_form').prepend(msg);
					return true;
				   }
				 });
				return false;
		    });
			$('.p-next, .p-prev').hover(
				function() {
					$(this).next('div').fadeIn('fast');
				},
				function() {
					$(this).next('div').fadeOut('fast');
				}
			);
}	
	
	
function randArticle() {
		$('#portfolio article').removeClass('active');
		for (var i=0; i < 2; i++) {
			var rand = Math.round(Math.random()*$('#portfolio article').length, 2);	
			$('#portfolio article').eq(rand-1).addClass('active');
		};
}
/*
$('#portfolio article').imagesLoaded(function(){
	setInterval(function(){
		if (!$('#portfolio').hasClass('all-show')) {
			randArticle();
		}
	}, 12000);
});
*/
initScript();

	

		$('.social > div').append('<g:plusone size="medium" count="false"></g:plusone>');

// end ready()
});