$(document).ready(function() {

	$('.red').hide();
	$('.orange').hide();
	$('.green').hide();
	$('.blue').hide();
	$('.links').hide();
	$('.with_you').css({right: "-500px", opacity: "0"});
	$('.creative').css({left: "-500px", opacity: "0"});
	$('.tworzenie_www').hide();
	$('.d_').hide();
	
	$(window).one("load",function(){
		$('.with_you').animate({right: "687px", opacity: "1"}, {duration: 1500, queue: false});
		$('.creative').animate({left: "98px", opacity: "1"}, {duration: 1500, queue: false});
		$('.tworzenie_www').fadeIn(2000);
		$('.d_').show("slow");
	})
	.each(function(){
		if(this.complete || (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6))
			$(this).trigger("load");
	});
	

	function transformation() {
		$('.d_').hide(500);
		$('.tworzenie_www').stop().fadeOut(300);
		$('.tworzenie_www').delay(300).animate({top: "86px", left: "630px"}, {duration: 0, queue: true}).fadeIn(500);
		$('.with_you').animate({top: "8px"}, {duration: 400, queue: false});
		$('.creative').animate({top: "24px"}, {duration: 400, queue: false});
		$('.internet').animate({top: "80px"}, {duration: 400, queue: false});
		$('.links').fadeIn(300);
		$('.with_you').delay(400).animate({left: "8px"}, {duration: 400, queue: true});
		$('.creative').delay(400).animate({left: "8px"}, {duration: 400, queue: true});
		$('.internet').delay(400).animate({left: "80px"}, {duration: 300, queue: true});
		$('.links').fadeIn(300);
		$('.l').hide().delay(500).fadeIn(300);
		$('.r').hide().delay(800).fadeIn(300);
        	$('.orange').css({width: "0px", opacity: "0"}).hide();
        	$('.green').css({width: "0px", opacity: "0"}).hide();
        	$('.blue').css({width: "0px", opacity: "0"}).hide();
        	$('.red').css({width: "0px", opacity: "0"}).hide();
	}

	$('.onas').click(function(e) {
		transformation();
		$('.red').css({width: "0px", opacity: "1"}).animate({width: "920px"}, {duration:800, queue:false});
		return false;
	});
	$('.portfolio').click(function(e) {
		transformation();
		$('.orange').css({width: "0px", opacity: "1"}).animate({width: "920px"}, {duration:800, queue:false});
		return false;
	});
	$('.cennik').click(function(e) {
		transformation();
		$('.green').css({width: "0px", opacity: "1"}).animate({width: "920px"}, {duration:800, queue:false});
		return false;
	});
	$('.kontakt').click(function(e) {
		transformation();
		$('.blue').css({width: "0px", opacity: "1"}).animate({width: "920px"}, {duration:800, queue:false});
		return false;
	});

	function linkClick() {
	        $('.r').fadeOut(100);
        	$('.l').delay(100).fadeOut(150);
        	$('.orange').delay(100).animate({width: "0px", opacity: "0"}, {duration:300, queue:true}).hide(0);
        	$('.green').delay(100).animate({width: "0px", opacity: "0"}, {duration:300, queue:true}).hide(0);
        	$('.blue').delay(100).animate({width: "0px", opacity: "0"}, {duration:300, queue:true}).hide(0);
        	$('.red').delay(100).animate({width: "0px", opacity: "0"}, {duration:300, queue:true}).hide(0);
	}

    $('#a1').click(function() {
        linkClick();
        $('.red').delay(100).queue(function () {$(this).css({width: "0px", opacity: "1"});$(this).dequeue();}).animate({width: "920px"}, {duration:800, queue:true});
        $('.red > .l').hide().delay(1000).fadeIn(300);
        $('.red > .r').hide().delay(1300).fadeIn(300);
        return false;
    });
    $('#a2').click(function() {
        linkClick();
        $('.orange').delay(100).queue(function () {$(this).css({width: "0px", opacity: "1"});$(this).dequeue();}).animate({width: "920px"}, {duration:800, queue:true});
        $('.orange > .l').hide().delay(1000).fadeIn(300);
        $('.orange > .r').hide().delay(1300).fadeIn(300);
        return false;
    });
    $('#a3').click(function() {
        linkClick();
        $('.green').delay(100).queue(function () {$(this).css({width: "0px", opacity: "1"});$(this).dequeue();}).animate({width: "920px"}, {duration:800, queue:true});
        $('.green > .l').hide().delay(1000).fadeIn(300);
        $('.green > .r').hide().delay(1300).fadeIn(300);
        return false;
    });
    $('#a4').click(function() {
        linkClick();
        $('.blue').delay(100).queue(function () {$(this).css({width: "0px", opacity: "1"});$(this).dequeue();}).animate({width: "920px"}, {duration:800, queue:true});
        $('.blue > .l').hide().delay(1000).fadeIn(300);
        $('.blue > .r').hide().delay(1300).fadeIn(300);
        return false;
    });

});


$(function () {
	if ($.browser.msie && $.browser.version < 7) return;
	
	$('#nav li')
    .removeClass('hl')
    .find('a')
    .append('<span class="hover" />').each(function () {
       var $span = $('> span.hover', this).css('opacity', 0);
       $(this).hover(function () {
         // on hover
         $span.stop().fadeTo(400, 1);
       }, function () {
         // off hover
         $span.stop().fadeTo(600, 0);
       });
    });
	        
});