/* Declare a namespace for the site */
var Site = window.Site || {};

var cur = 0;

var alreadyloaded = false;
var portloaded = false;

function clrswitch(a){
	
	for(i=1;i<4;i++){
		if(i!=a){
			var b = "#m"+i;	
			$(b).css({backgroundPosition: '0px 0px'});
		}else{
			var b = "#m"+a;	
			$(b).css({backgroundPosition: '-172px 0px'});
		}
	}
	return 0;
	
};

function pausevids(){
	
	for(i=1;i<8;i++){
		
			var v = "#v"+i;	
			$(v).trigger('pause');
		
	}
	return 0;
};


/* Create a closure to maintain scope of the '$'
   and remain compatible with other frameworks.  */
(function($) {
	
	//same as $(document).ready();
	$(function() {
		
	
		
		$("#m1").hover(
		
		function () {
			if(cur!=1){
    		$(this).css({backgroundPosition: '-86px 0px'});	
    		}
    	}, 
  		function () {
  			if(cur!=1){
    		$(this).css({backgroundPosition: '0px 0px'});
    		}
  		}
  		
  		);
  			
  		$("#m2").hover(
  		
		function () {
			if(cur!=2){
    		$(this).css({backgroundPosition: '-86px 0px'});	
    		}
    	}, 
  		function () {
    		if(cur!=2){
    		$(this).css({backgroundPosition: '0px 0px'});
  			}
  		}
  		
  		);
  		
  		$("#m3").hover(
  		
		function () {
			if(cur!=3){
    		$(this).css({backgroundPosition: '-86px 0px'});	
    		}
    	}, 
  		function () {
  			if(cur!=3){
    		$(this).css({backgroundPosition: '0px 0px'});
  			}
  		}
  		
  		);	
  		
  		$("#goport").hover(
  		
		function () {
			if(cur!=3){
    		$(this).css({backgroundPosition: '-533px 0px'});	
    		}
    	}, 
  		function () {
  			if(cur!=3){
    		$(this).css({backgroundPosition: '0px 0px'});
  			}
  		}
  		
  		);	
		
		cur = 1;

		$('#m1').click(function() {
			clrswitch(1);
				
				if(cur==2){
					
					pausevids();
										
					$('#what').fadeOut(200, function() {
      					$('#aport').fadeOut(200, function() {
      						$('#where').fadeOut(100, function() {});
      						$('#who').fadeIn(1300, function() {});
      						$('#blue').fadeIn(1300, function(){});
      					
      					});      					      					      					
      					
      			
      				});
      				
      				
      				
				}else{
					$('#where').fadeOut(200, function() {
      			
      					$('#what').fadeOut(100, function() {});
      					$('#who').fadeIn(1300, function() {});
      					$('#blue').fadeIn(1300, function(){});
      			
      				});
      				
				}		
				
      			cur = 1;
			
    	});
    	
    	$('#m2').click(function() {
      		clrswitch(2);
				
				if(cur==1){
					$('#blue').fadeOut(200, function(){});
					$('#who').fadeOut(200, function() {
						
			
						$('#where').fadeOut(100, function() {});
						
						
						$('#what').fadeIn(1300, function() {
							
							
						});
						
							if(alreadyloaded==false){
																	
									VideoJS.DOMReady(function(){
	       								var myPlayers = VideoJS.setup(['v1','v2']);
	    							});
												
									alreadyloaded=true;
							};
						
						
						
				
					});
				}else{
					
					$('#blue').fadeOut(200, function(){});
					$('#where').fadeOut(200, function() {
      					
      					$('#aport').fadeOut(200, function() {
      						$('#who').fadeOut(100, function() {});
      					      					
      						$('#what').fadeIn(1300, function() {
						
							
						});
      					
      					if(alreadyloaded==false){
								
								VideoJS.DOMReady(function(){
       								var myPlayers = VideoJS.setup(['v1','v2']);
    							});
								alreadyloaded=true;
							};
      					
      					
      					});
      			
      				});
				
				}
	
      			cur = 2;
			
    	});
    	
    	$('#goport').click(function() {
    	
    		pausevids();
    		$('#what').fadeOut(200, function() {
    			$('#aport').fadeIn(1300, function() {
					
					

				});
				
				if(portloaded==false){
						VideoJS.DOMReady(function(){
       						var myPlayers = VideoJS.setup(['v3','v5','v7']);
       						
    					});
    					portloaded=true;
					};	
				
			});
    	
    	});
    	
    	
    	
    	$('#m3').click(function() {
    	
      		clrswitch(3);
      			
      			
      			
      			if(cur==1){
      			$('#blue').fadeOut(200, function(){});
      				$('#who').fadeOut(200, function() {
				
					
						$('#what').fadeOut(100, function() {});
						$('#where').fadeIn(1000, function() {});
						
						
					});
      			}else{
      			
      			pausevids();
      			
      			$('#blue').fadeOut(200, function(){});
      				$('#what').fadeOut(200, function() {
      					$('#aport').fadeOut(200, function() {
      					
      					$('#who').fadeOut(100, function() {});
      					$('#where').fadeIn(1000, function() {});
      					
      					});
   
      					
      			
      				});
      			
      			}

      			cur = 3;
			
    	});
    	
    	
    	clrswitch(1);
		
		$('#blue').fadeIn(500, function(){$('#who').fadeIn(1000, function() {
	
		});});
    	
    	

	});


	$(window).bind("load", function() {
		
		
	
	});
	
})(jQuery);