$(document).ready(function() {

    var secnav = "start";
    var start = false;

    function preLoad() {
        var navImage1 = new Image(230,188);
        var navImage2 = new Image(230,188);

        navImage1.src = "http://www.silverstreaked.net/images/sidebar_logo.png";
        navImage2.src = "http://www.silverstreaked.net/images/sidebar_logo2.png";

        staticNav(); //Execute function on load
        calcOffset();
    }

    /* Following function COURTESY OF http://designm.ag/tutorials/sticky-sidenav-layout/ Tutorial by Soh Tanaka (http://www.sohtanaka.com) */
 
    function staticNav() {
        var sidenavHeight = $("#nav").height(); //Get height of sidenav
        var winHeight = $(window).height(); //Get height of viewport
        var browserIE6 = (navigator.userAgent.indexOf("MSIE 6")>=0) ? true : false; //Check for IE6

        if (browserIE6) { //if IE6...
            $("#nav").css({'position' : 'absolute'});  //reset the sidenav to be absolute
        } else { //if not IE6...
            $("#nav").css({'position' : 'fixed'}); //reset the sidenav to be fixed
        }

        if (sidenavHeight > winHeight) { //If sidenav is taller than viewport...
            $("#nav").css({'position' : 'static'}); //switch the fixed positioning to static. Say good bye to sticky nav!
        }
    }

    function calcOffset() {
        var offset = $(window).scrollTop();

        $("#navlogo").css({'backgroundImage' : 'url("http://www.silverstreaked.net/images/sidebar_logo2.png")'});

        if (offset >= 36) {
            $("#navlogo").css({'backgroundImage' : 'url("http://www.silverstreaked.net/images/sidebar_logo2.png")'});
            secnav = "scroll";
            start = true;
            doSecondNav(secnav);

        } else if (offset < 36) {
            $("#navlogo").css({'backgroundImage' : 'url("http://www.silverstreaked.net/images/sidebar_logo.png")'});
            secnav = "back";
            doSecondNav(secnav);
        }
    }

    function doSecondNav(state) {

        if(!start && state == "back") {
          $("#secondnav").css({'display' : 'none'});
        } else if (start && state == "scroll") {
          $("#navquote").fadeOut(0);
          $("#secondnav").fadeIn(300);
        } else if (start && state == "back") {

          $("#secondnav").fadeOut(150, function() {
              $("#navquote").fadeIn(150);
          });
        }
    }

    function expandContent() {
        var winHigh = $(window).height(); //Get height of viewport
        $(".wrapper").css({'minHeight' : winHigh});

    }

        $("a.single_image").fancybox({
            'titlePosition': 'inside',
            'padding': 5,
            'cyclic':true
        }); 

        $("a.flashgallery").fancybox({
            'type':'swf',
            'titlePosition': 'inside',
            'hideOnContentClick':false
        });

        $("a.boulders").fancybox({
            'type':'swf',
            'titlePosition': 'inside',
            'hideOnContentClick':false,
            'height': 400,
            'width': 550
        });

        $("a.nescafe").fancybox({
            'type':'swf',
            'titlePosition': 'inside',
            'hideOnContentClick':false,
            'height': 455,
            'width': 650
        });

        $("a.stt").fancybox({
            'type':'swf',
            'titlePosition': 'inside',
            'hideOnContentClick':false,
            'height': 360,
            'width': 650
        });

        $(".touchtable").click(function() {
	    $.fancybox({
		'padding': 0,
                'titlePosition' : 'inside',
		'autoScale': false,
		'transitionIn' : 'none',
		'transitionOut'	: 'none',
		'title'	: this.title,
		'width'	: 680,
		'height': 495,
		'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
		'type' : 'swf',
		'swf' : {
	   	'wmode' : 'transparent',
		'allowfullscreen': 'true'
			}
	    });

	return false;
        });

	$('#rotate').galleryView({
		show_panels: false,
		frame_width: 100,
		frame_height: 100,
		pause_on_hover: true,
                filmstrip_size: 6,
                nav_theme: 'dark',
                border: 'none',
                transition_speed: 1200,
                show_captions: true,
                frame_gap: 12
	});

    preLoad();
    
    expandContent();

    /*staticNav(); Execute function on load*/
    /*calcOffset();*/


    $(window).resize(function () { //Each time the viewport is adjusted/resized, execute the function
        staticNav();
    });

    $(window).scroll(function () {
        calcOffset();
    });

    $(".trigger").click(function() {
        $(".slider").toggle("fast");
        $(this).toggleClass("active");
        return false;
    });

});