// JavaScript Document
function WorkNav()
{
	var brandGreen = '#7d9434';
	var brandRed = '#9d251f';
	var brandYellow = '#9d251f';
	var brandGrey = '#efeeee';
	
	var currSection = "sites";
	
	var showingNav = false;
	
	var speedIn = 650;
	var speedOut = 400;
	
	WorkNav.prototype.init = function()
	{
		$('#id_workNav_bkrd').css('position', 'absolute');
		$('#id_workNav_bkrd').css('border-color', brandGreen);
		$('#id_workNav_bkrd').css('border-style', 'solid');
		$('#id_workNav_bkrd').css('border-width', '5px');
		$('#id_workNav_bkrd').css('background-color', brandGrey);
		$('#id_workNav_bkrd').css('width','390px');
		$('#id_workNav_bkrd').css('height','auto');
		$('#id_workNav_bkrd').css('left', '320px');
		$('#id_workNav_bkrd').css('top', '110px');
		$('#id_workNav_bkrd').css('padding', '4px');
		$('#id_workNav_bkrd').css('z-index', '2');
		
		// SHADOW
		
		

		$('#id_workNav_bkrd').fadeOut(0, fadeOutComplete);
		$('#id_workNav_shadow').fadeOut(0);
	}
	
	function fadeOutComplete()
	{
		
	}
	
	function fadeInComplete()
	{
		
	}
	
	WorkNav.prototype.updateWorkNav = function()
	{
		if(!showingNav)
		{
			$('#id_workNav_bkrd').fadeIn(speedIn, fadeInComplete);
			$('#id_workNav_shadow').fadeIn(speedIn);
			showingNav=true;
			extras.hideNav();
		} else 
		{
			$('#id_workNav_bkrd').fadeOut(speedOut, fadeOutComplete);
			$('#id_workNav_shadow').fadeOut(speedOut);
			showingNav=false;
		}
	}
	
	WorkNav.prototype.hideNav = function()
	{
		$('#id_workNav_bkrd').fadeOut(speedOut, fadeOutComplete);
		$('#id_workNav_shadow').fadeOut(speedOut);
		showingNav=false;
	}
	
	// WORK NAV SITES ------------------------------------------------------------------------------------------------------------
	
	WorkNav.prototype.renderSites = function()
	{
		$('<div id="id_navContainer" class="class_navContainer"></div>').appendTo('#id_workNav_bkrd');
		for(var i=0;i<workSitesArray.length; i++)
		{
			$('<div ' + 'id="workContainer' + i +'" class="class_workContainer"></div>').appendTo('#id_navContainer');
					
			var num = i+1;
			
			$('<div ' + 'id="work' + i +'" class="class_workNav"></div>').appendTo('#workContainer'+i);
			if(num<10)
			{
				$('<div class="class_workNavNum">(No: 00'+num+')</div>').appendTo('#workContainer'+i);
			} else 
			{
				$('<div class="class_workNavNum">(No: 0'+num+')</div>').appendTo('#workContainer'+i);
			}
			$("#work"+i).html('<a href="#" id="workNavItem">'+workSitesArray[i].title+'</a>');
			
			
			var mysource  ="sites,"+i;
			$("#workContainer"+i).bind('click', {msg: mysource}, function(event)
			{
				//dispatchWork(event.data.msg);
				updateWork(event.data.msg);
			});
		}
		
		updateShadow();
	}
	
	// WORK NAV ADVERTISING ------------------------------------------------------------------------------------------------------------
	
	WorkNav.prototype.renderAdvertising = function()
	{
		$('<div id="id_navContainer" class="class_navContainer"></div>').appendTo('#id_workNav_bkrd');
		for(var i=0;i<workAdvertisingArray.length; i++)
		{
			$('<div ' + 'id="workContainer' + i +'" class="class_workContainer"></div>').appendTo('#id_navContainer');
					
			var num = i+1;
			
			$('<div ' + 'id="work' + i +'" class="class_workNav"></div>').appendTo('#workContainer'+i);
			if(num<10)
			{
				$('<div class="class_workNavNum">(No: 00'+num+')</div>').appendTo('#workContainer'+i);
			} else 
			{
				$('<div class="class_workNavNum">(No: 0'+num+')</div>').appendTo('#workContainer'+i);
			}
			$("#work"+i).html('<a href="#" id="workNavItem">'+workAdvertisingArray[i].title+'</div>');
			
			
			var mysource ="advertising,"+i;
			$("#workContainer"+i).bind('click', {msg: mysource}, function(event)
			{
				//alert(event.data.msg);
				updateWork(event.data.msg);
			});
		}
		
		updateShadow();
	}
	
	// WORK NAV DIVERSIONS ------------------------------------------------------------------------------------------------------------
	
	WorkNav.prototype.renderDiversions = function()
	{
		$('<div id="id_navContainer" class="class_navContainer"></div>').appendTo('#id_workNav_bkrd');
		for(var i=0;i<workDiversionsArray.length; i++)
		{
			$('<div ' + 'id="workContainer' + i +'" class="class_workContainer"></div>').appendTo('#id_navContainer');
					
			var num = i+1;
			
			$('<div ' + 'id="work' + i +'" class="class_workNav"></div>').appendTo('#workContainer'+i);
			if(num<10)
			{
				$('<div class="class_workNavNum">(No: 00'+num+')</div>').appendTo('#workContainer'+i);
			} else 
			{
				$('<div class="class_workNavNum">(No: 0'+num+')</div>').appendTo('#workContainer'+i);
			}
			$("#work"+i).html('<a href="#" id="workNavItem">'+workDiversionsArray[i].title+'</div>');
			
			
			var mysource ="diversions,"+i;
			$("#workContainer"+i).bind('click', {msg: mysource}, function(event)
			{
				//alert(event.data.msg);
				updateWork(event.data.msg);
			});
		}
		
		updateShadow();
	}
	
	// WORK NAV GAMES ------------------------------------------------------------------------------------------------------------
	
	WorkNav.prototype.renderGames = function()
	{
		$('<div id="id_navContainer" class="class_navContainer"></div>').appendTo('#id_workNav_bkrd');
		for(var i=0;i<workGamesArray.length; i++)
		{
			$('<div ' + 'id="workContainer' + i +'" class="class_workContainer"></div>').appendTo('#id_navContainer');
					
			var num = i+1;
			
			$('<div ' + 'id="work' + i +'" class="class_workNav"></div>').appendTo('#workContainer'+i);
			if(num<10)
			{
				$('<div class="class_workNavNum">(No: 00'+num+')</div>').appendTo('#workContainer'+i);
			} else 
			{
				$('<div class="class_workNavNum">(No: 0'+num+')</div>').appendTo('#workContainer'+i);
			}
			$("#work"+i).html('<a href="#" id="workNavItem">'+workGamesArray[i].title+'</div>');
			
			
			var mysource ="games,"+i;
			$("#workContainer"+i).bind('click', {msg: mysource}, function(event)
			{
				//alert(event.data.msg);
				updateWork(event.data.msg);
			});
		}
		
		updateShadow();
	}
	
	// WORK NAV FEATURES ------------------------------------------------------------------------------------------------------------
	
	WorkNav.prototype.renderFeatures = function()
	{
		$('<div id="id_navContainer" class="class_navContainer"></div>').appendTo('#id_workNav_bkrd');
		for(var i=0;i<workFeaturesArray.length; i++)
		{
			$('<div ' + 'id="workContainer' + i +'" class="class_workContainer"></div>').appendTo('#id_navContainer');
					
			var num = i+1;
			
			$('<div ' + 'id="work' + i +'" class="class_workNav"></div>').appendTo('#workContainer'+i);
			if(num<10)
			{
				$('<div class="class_workNavNum">(No: 00'+num+')</div>').appendTo('#workContainer'+i);
			} else 
			{
				$('<div class="class_workNavNum">(No: 0'+num+')</div>').appendTo('#workContainer'+i);
			}
			$("#work"+i).html('<a href="#" id="workNavItem">'+workFeaturesArray[i].title+'</div>');
			
			
			var mysource ="features,"+i;
			$("#workContainer"+i).bind('click', {msg: mysource}, function(event)
			{
				//alert(event.data.msg);
				updateWork(event.data.msg);
			});
		}
		
		updateShadow();
	}
	
	WorkNav.prototype.switchNav = function(_nextSection)
	{
		if(_nextSection!=currSection)
		{
			$('#id_navContainer').remove();
			
			switch(_nextSection)
			{
				case "sites":
					workNav.renderSites();
					break;
				case "advertising":
					workNav.renderAdvertising();
					break;
				case "diversions":
					workNav.renderDiversions();
					break;
				case "games":
					workNav.renderGames();
					break;
				case "features":
					workNav.renderFeatures();
					break;
			}
			
			currSection = _nextSection;
		}
		
		
		// UPDATING SHAODW
	}
	
	updateShadow = function()
	{
		$('#id_workNav_shadow').css('position', 'absolute');
		$('#id_workNav_shadow').css('left', '333px');
		$('#id_workNav_shadow').css('top', '125px');
		$('#id_workNav_shadow').css('z-index', '1');
		
		$('#id_workNav_shadow').css('width', $('#id_workNav_bkrd').width()+10);
		$('#id_workNav_shadow').css('height', $('#id_workNav_bkrd').height()+10);
	}
}