$().ready(function() {
    
	//coda slider
	$('#coda-slider-1').codaSlider({
        dynamicArrows: false,
        dynamicTabs: false
    });


    //animated nav buttons
    $(".nav").children("li").each(function() {
        $(this).children("a").css({
            backgroundImage: "none"
        });
    });

    update_bg_onClick();

    attachNavEvents(".nav", "profile");
    attachNavEvents(".nav", "portfolio");
    attachNavEvents(".nav", "ongoing");
    attachNavEvents(".nav", "contact");


    function attachNavEvents(parent, myClass) {

        $(parent + " ." + myClass).mouseover(function() {
            $(this).append('<div class="nav-' + myClass + '"></div>');
            $("div.nav-" + myClass).css({
                display: "none"
            }).fadeIn(200);
        }).mouseout(function() {
            $("div.nav-" + myClass).fadeOut(200,
            function() {
                $(this).remove();
            });
        }).mousedown(function() {
            $("div.nav-" + myClass).attr("class", "nav-" + myClass + "-click");
        }).mouseup(function() {
            $("div.nav-" + myClass + "-click").attr("class", "nav-" + myClass);
        });
    }


    //animate background	
    function update_bg_onClick() {

        if ($('.home a').hasClass('current')) {
            $('#a-bg-home, #a-bg-contact,#a-bg-portfolio,#a-bg-ongoing').stop().animate({
                opacity: 0
            },
            1500);
            $('#a-bg-profile').stop().animate({
                opacity: 0.06
            },
            1500);
        }

        if ($('.profile a').hasClass('current')) {
            $('#a-bg-home, #a-bg-contact,#a-bg-portfolio,#a-bg-ongoing').stop().animate({
                opacity: 0
            },
            1500);
            $('#a-bg-profile').stop().animate({
                opacity: 0.04
            },
            1500);
        }

        if ($('.portfolio a').hasClass('current')) {
            $('#a-bg-home, #a-bg-contact,#a-bg-profile,#a-bg-ongoing').stop().animate({
                opacity: 0
            },
            1500);
            $('#a-bg-portfolio').stop().animate({
                opacity: 0.04
            },
            1500);

        }
        if ($('.ongoing a').hasClass('current')) {
            $('#a-bg-home, #a-bg-contact,#a-bg-profile,#a-bg-portfolio').stop().animate({
                opacity: 0
            },
            1500);
            $('#a-bg-ongoing').stop().animate({
                opacity: 0.04
            },
            1500);
        }

        if ($('.contact a').hasClass('current')) {
            $('#a-bg-home, #a-bg-portfolio,#a-bg-profile,#a-bg-ongoing').stop().animate({
                opacity: 0
            },
            1500);
            $('#a-bg-contact').stop().animate({
                opacity: 0.04
            },
            1500);
        }

    }

    $('.coda-nav-left a,.coda-nav-right a, .nav a, a.xtrig').click(function(evt) {
        update_bg_onClick();
    });


	//video
	function initVideo() {
		if( !document.createElement('video').canPlayType ) return;
		var videos = document.querySelectorAll( 'div.video' ),
			videosLength = videos.length;
		for( var i=0; i < videosLength; i++ ) {
			var root = videos[i];
				video = root.querySelector( 'video' ),
				play = document.createElement( 'button' ),
				mute = document.createElement( 'button' );
			video.controls = false;
			// Initial class name
			play.className = 'video-button video-play';
			play.innerHTML = play.title = 'Play';
			play.onclick = function() {
				if( video.paused ) {
					video.play();
					// Additional class names for container and button while playing
					root.className += ' video-on';
					play.className += ' video-play-on';
					play.innerHTML = play.title = 'Pause';
				} else {
					video.pause();
					// Remove additional class names for container and button in paused state
					root.className = root.className.replace( ' video-on', '' );
					play.className = play.className.replace( ' video-play-on', '' );
					play.innerHTML = play.title = 'Play';
				}
			}
			// Initial class name
			mute.className = 'video-button video-mute';
			mute.innerHTML = mute.title = 'Mute';
			mute.onclick = function() {
				if( video.muted ) {
					video.muted = false;
					// Remove additional class name in unmuted state
					mute.className = mute.className.replace( ' video-mute-on', '' );
					mute.innerHTML = mute.title = 'Mute';
				} else {
					video.muted = true;
					// Additional class name for button in muted state
					mute.className += ' video-mute-on';
					mute.innerHTML = mute.title = 'Unmute';
				}
			}
			root.appendChild( play );
			root.appendChild( mute );
		}
	}
	//window.onload = init;
	
	initVideo();
	
    //Portfolio Nav
    $.featureList(
    $("#tabs li a"),
    $("#output li"),
    {
        start_item: 1,
		transition_interval:5000
    }
    );

    //Ongoing Nav
    $.featureList(
    $("#tabs2 li a"),
    $("#output2 li"),
    {
        start_item: 1,
		transition_interval:20000
    }
    );

    // FancyBox for Portfolio and Ongoing Projects
    $(".inline1, .inline1-2, .inline1-3, .inline1-4, .inline1-5, .inline1-6").fancybox({

        });

    $(".inline2, .inline2-2, .inline2-3").fancybox({

        });

    $(".inline3, .inline3-2, .inline3-3, .inline3-4").fancybox({

        });
    $(".inline4, .inline4-2").fancybox({

        });

    $(".inline5, .inline5-1, .inline5-2, .inline5-3").fancybox({

        });

    $(".inline6, .inline6-1, .inline6-2, .inline6-3").fancybox({

        });


    // contact
    $("#commentForm").validate();
});