// JavaScript Document

//Denna jQ byter linjefärg

$(document).ready(function(){
						   
//  $('html').mousemove(function(){
//	$('#showHideAllContent').fadeIn(2000);								
//	});

  <!-- Knapp1 show/hidefunktion -->
  $("#knapp1").click(function () {
	<!-- text -->
	$("#text_verksamhet").show();
	$("#text_portfolj").hide();
	$("#text_vanner").hide();
	$("#text_kontakt").hide();
	<!-- bannerHeadText -->
	$("#bannerHead_table").text("mångsidig");
	$('#svart_contentHolder').css({'border-top-color' : 'cyan'});	//knappLinjefärg
  });

  <!-- Knapp2 - All contents show/hidefunktion -->
  $("#knapp2").click(function () {
	$("#showHideAllContent").hide();
	$("#portfolio_outer").show();
	$('#svart_contentHolder').css({'border-top-color' : 'magenta'});	//knappLinjefärg
  });

  <!-- Länken i portföljtexten show/hidefunktion -->
  $("#portfolio_visaIgen").click(function(){
	$("#showHideAllContent").hide();
	$("#portfolio_outer").show();
  });

  <!-- Portfolions show/hidefunktion -->				<!-- går det att effktivisera med den nedan? borde funka att ha samma id men det gör det inte nu? -->
  $("#portfolio_kryssknapp").click(function () {
	<!-- text -->
	$("#portfolio_outer").hide();
	$("#showHideAllContent").show(500);
	$("#text_verksamhet").hide();
	$("#text_portfolj").show();
	$("#text_vanner").hide();
	$("#text_kontakt").hide();
	<!-- bannerHeadText -->
	$("#bannerHead_table").text("användbar");
  });

  <!-- PortfolionsKryssknapp show/hidefunktion -->
  $("#portfolio_background").click(function () {
	<!-- text -->
	$("#portfolio_outer").hide();
	$("#showHideAllContent").show(500);
	$("#text_verksamhet").hide();
	$("#text_portfolj").show();
	$("#text_vanner").hide();
	$("#text_kontakt").hide();
	<!-- bannerHeadText -->
	$("#bannerHead_table").text("användbar");
  });
  
  <!-- Knapp3 show/hidefunktion -->
  $("#knapp3").click(function () {
	<!-- text -->
	$("#text_verksamhet").hide();
	$("#text_portfolj").hide();
	$("#text_vanner").show();
	$("#text_kontakt").hide();
	<!-- bannerHeadText -->
	$("#bannerHead_table").text("stil..."); 
	$('#svart_contentHolder').css({'border-top-color' : 'yellow'});	//knappLinjefärg
  });

  <!-- Knapp4 show/hidefunktion -->
  $("#knapp4").click(function () {
	<!-- text -->
	$("#text_verksamhet").hide();
	$("#text_portfolj").hide();
	$("#text_vanner").hide();
	$("#text_kontakt").show();
	<!-- bannerHeadText -->
	$("#bannerHead_table").text("...säker");
	$('#svart_contentHolder').css({'border-top-color' : 'white'});	//knappLinjefärg
  });

});