/* Shows and hides menu and pop down boxes */

$(document).ready(function(){

	
		
		/* Pop_down_positions */
		var gallery_button_x = $(".menu-gallery").offset().left;
		var info_button_x = $(".menu_info").offset().left;
		var client_button_x = $(".menu_album").offset().left;
		
		/* On resize */
		$(window).bind('resize', function () { 
			gallery_button_x = $(".menu-gallery").offset().left;
			info_button_x = $(".menu_info").offset().left;
			client_button_x = $(".menu_album").offset().left;
		});
		
		
		
		
		/* Hides pop down boxes */
		$(".menu-gallery").click(function (e) 
		{
			position_pop(e,menu_template,'#popd1','.menu-gallery',gallery_button_x,info_button_x,client_button_x );
			
			$('#popd3').hide(200);
			$('#popd1').show(200);
			$('#popd2').hide(200);
		}); 
		
		$(".menu_info").click(function (e) 
		{
			position_pop(e,menu_template,'#popd2','.menu_info',gallery_button_x,info_button_x,client_button_x  );
			
			$('#popd1').hide(200);
			$('#popd3').hide(200);
			$('#popd2').show(200);        
		});
		
		
		$(".menu_album").click(function (e) 
		{
			position_pop(e,menu_template,'#popd3','.menu_album',gallery_button_x,info_button_x,client_button_x  );
			
			$('#popd1').hide(200);
			$('#popd3').show(200); 
			$('#popd2').hide(200);			
		});
		
		/* mousemove function */
		/* ------------------------------------------- */   		
		$().mousemove(function(e){		
			var h = $(window).height();		
			var mouse_border_top = h * 0.20;	

			/* hide menu and drop down boxes when mouse is under 17% */   
			if (e.pageY > mouse_border_top ){						
				var current_id = e.target.id;			
				var parrent_id = e.target.parentNode.id;			
				
				if (				
				 current_id == "popd1"
				 || parrent_id == "popd1"
				 || current_id == "popd2"
				 || parrent_id == "popd2"
				 || current_id == "popd3"
				 || parrent_id == "popd3"
				 || current_id == "popd-hover"
				 || parrent_id == "popd-hover"			
				 || current_id == "menubox"			
				 || parrent_id == "menubox"			
				 || current_id == "logo_container"					 
				 || parrent_id == "logo_container"					 
				 || parrent_id == "menu_buttons"			
				 || current_id == "menu_buttons"			
				 		
				 ) { /* do nothing */ }			
				else {				
					$('#popd1').hide(200);	
					$('#popd2').hide(200);	
					$('#popd3').hide(200);
					
					if(menu_does_showhide==1) 
					{
						$(menu_button).hide(300);
						$('.left_menu_hide').hide(200);
					}						
				}					
			};
			
			/* show menu when mouse is above 17% and in left corner*/   
			if (e.pageY < mouse_border_top && e.pageX < 500 ){

				if(menu_does_showhide==1) 
				{
					$(menu_button).show('fast');
					$('.left_menu_hide').show(200);					
				}
			};

		});/* / mousemove */		


});/* end document ready */

function position_pop(e,menu_template,popdiv,parent,gallery_button_x,info_button_x,client_button_x  )
{
	if (menu_template == 'leftRow' )
	{	
		
		var pop_top = e.pageY+16;
		//var pop_top = $(parent).height() + 30;//$(parent).offset().top ;// + 56;
		//console.warn(pop_top);
		// print("Hello World!");
		var pop_left = 0;
		
		if( popdiv == "#popd1" ) /* Gallery pop */
		{
			pop_left = gallery_button_x-10;
		}
		else if ( popdiv == "#popd2" )/* Info pop */
		{
			pop_left = info_button_x-110;
		}
		else if ( popdiv == "#popd3" )/* Client pop */
		{
			pop_left = client_button_x-220;
		}
		
		/* Om op-diven hamnar till höger om skärmen. Fixa */
		if(pop_left+220 > $(window).width() )
		{
			pop_left = $(window).width() - 245;
		}
		
		$(popdiv).css({top: pop_top +"px", left: pop_left +"px"});
		
	}
	else /* left menu */
	{	
		var pop_top = e.pageY-10;
		var pop_left = 0;
		
		
		if( popdiv == "#popd1" ) /* Gallery pop */
		{
			pop_left = gallery_button_x+70;
		}
		else if ( popdiv == "#popd2" )/* Info pop */
		{
			pop_left = info_button_x+70;
		}
		else if ( popdiv == "#popd3" )/* Client pop */
		{
			pop_left = client_button_x+70;
		}
		
		$(popdiv).css({top: pop_top +"px", left: pop_left +"px"});
	}
}