$(function(){
	var menuAnim = false;

    $("#menu_trigger").click(function(event){
       event.preventDefault();
       $('nav').slideToggle();
       var wrap = $('#nav_wrapper');
       if (wrap.position().left < 0)
       {
           wrap.animate({
                  left:0
              }, 500);
              $("#menu_trigger").animate({
                  marginTop:"10px",
                  marginBottom:"0px",
                  marginLeft:"50px"
              }, 500, function(){
                  $(this).removeClass('small');
              });
       } else {
           wrap.animate({
                  left:-100
              }, 500);
            $("#menu_trigger").animate({
                marginTop:"5px",
                marginBottom:"5px",
                marginLeft:"100px"
            }, 500, function(){
                $(this).addClass('small');
            });
       }
    });
	
	preloadImages();
   activateTicker();
   setInterval("changeTick()",7000);
   
    $(window).resize(function(){
        resizeWin();
    });
    
    //$("video").VideoJS({ playerFallbackOrder: ["flash", "html5", "links"] });
    
    function resizeWin() {
    	activateTicker();
    
        var mid = $('.mid_box');
       
        if(mid.size() > 0)
        {                   
            if(mid.offset().top < 80)
            {
                clearHeader(true);
            } else {
                clearHeader(false)
            }
            if (mid.offset().left < 170)
            {
            	clearMenu(true);
            } else {
            	clearMenu(false);
            }
        }
        
        var hdr = $('header');
        var trg = $('#menu_trigger');
        if (hdr.hasClass('noBG') && trg.hasClass('small'))
        {
        	hdr.addClass('widelogo');
       	} else {
       		hdr.removeClass('widelogo');
       	}
        
        var h = $(window).height();
        $('#project_big_image > img:first').css("height", h+"px");
        
    }
    resizeWin();
    
    function clearHeader(toClear) {
        if(toClear){
            $('header').addClass('noBG');
        } else {
            $('header').removeClass('noBG');
        }
    }
    
    function clearMenu(toClear) {
    	
        var wrap = $('#nav_wrapper');
        var trig = $('#menu_trigger');
        var nav = $('nav');
        if(toClear == true)
        {
        	
        	if(wrap.position().left < 0)
        	{
        		return;
        	} else {
        		wrap.animate({
        			left:-100
        		},100);
        		trig.animate({
                  marginTop:"5px",
                  marginBottom:"5px",
                  marginLeft:"100px"
              	}, 100);
              	nav.slideUp('fast');
              	trig.addClass('small');
        	}
        } else {
        	if(wrap.position().left == 0)
        	{
        		return;
        	} else {
        		wrap.animate({
        			left:0
        		},100);
        		trig.animate({
                  marginTop:"10px",
                  marginBottom:"0px",
                  marginLeft:"50px"
              	}, 100);
              	nav.slideDown('fast');
              	trig.removeClass('small');
        	}
        }
    }
    
    function activateTicker(){
    	
    	formatList();
    	
    	var ticks = $('#ticker').find('li');
    	
    	ticks.parent('ul').css('left',0);
    	
    }
    
    
    
    function formatList(){
    	var tw = $('#ticker').width();
    	$('#ticker').find('li').css('width', tw+'px');
    	
    }
    
    
    function preloadImages() {
    	var one = new Image();
    	one.src = '/wp-content/themes/harbor/images/small_left_arrow_yellow.png';
    	var two = new Image();
    	two.src = '/wp-content/themes/harbor/images/med_left_arrow_yellow.png';
    	var three = new Image();
    	three.src = '/wp-content/themes/harbor/images/med_right_arrow_yellow.png';
    	var four = new Image();
    	four.src = '/wp-content/themes/harbor/images/med_arrow_yellow.png';
    	
    }
    
});

function changeTick() 
{
    var liW = $('#ticker').find('li:first').width();
    var ulL = $('#ticker').find('ul:first').position().left;
    var ulW = $('#ticker').find('ul:first').find('li').size() * liW;
    if((ulL * -1) >= ulW)
    {
    	$('#ticker > ul:first').fadeOut(function(){
    		$(this).css('left', 0);
    		$(this).fadeIn();
    	});
    } else {
    	$('#ticker > ul:first').animate({
    	left:ulL - liW
    }, 3000);
    }
    	
}