jQuery(function() {

var kaikki = $('#workNavigation a[name=_kaikki]');
var integroidut = $('#workNavigation a[name=_integroidut]');
var mainonta = $('#workNavigation a[name=_mainonta]');
var digi = $('#workNavigation a[name=_digi]');
var viestinta = $('#workNavigation a[name=_viestinta]');
var suora = $('#workNavigation a[name=_suora]');
var promo = $('#workNavigation a[name=_promo]');
var tuotanto = $('#workNavigation a[name=_tuotanto]');

kaikki.click(
		function() {
			$('.active', $(this).parent().parent()).removeClass('active');
			$(this).addClass('active');
			$('.tyot-wrap').animate({width: "show", paddingLeft: "7px", paddingRight: "7px"}, {queue:true, duration:500});		
});
integroidut.click(
		function() {
			$('.active', $(this).parent().parent()).removeClass('active');
			$(this).addClass('active');
			/*$('.integroidut').show(500);			
			$('.tyot-wrap').not('.integroidut').hide(250);*/
			$('.integroidut').animate({width: "show", paddingLeft: "7px", paddingRight: "7px"}, {queue:true, duration:500});
			$('.tyot-wrap').not('.integroidut').animate({width: "hide", paddingLeft: "0px", paddingRight: "0px"}, {queue:true, duration:150});
});
mainonta.click(
		function() {
			$('.active', $(this).parent().parent()).removeClass('active');
			$(this).addClass('active');
			$('.mainonta').animate({width: "show", paddingLeft: "7px", paddingRight: "7px"}, {queue:true, duration:500});
			$('.tyot-wrap').not('.mainonta').animate({width: "hide", paddingLeft: "0px", paddingRight: "0px"}, {queue:true, duration:150});
});
digi.click(
		function() {
			$('.active', $(this).parent().parent()).removeClass('active');
			$(this).addClass('active');
			$('.digi').animate({width: "show", paddingLeft: "7px", paddingRight: "7px"}, {queue:true, duration:500});
			$('.tyot-wrap').not('.digi').animate({width: "hide", paddingLeft: "0px", paddingRight: "0px"}, {queue:true, duration:150});
});
viestinta.click(
		function() {
			$('.active', $(this).parent().parent()).removeClass('active');
			$(this).addClass('active');
			$('.viestinta').animate({width: "show", paddingLeft: "7px", paddingRight: "7px"}, {queue:true, duration:500});
			$('.tyot-wrap').not('.viestinta').animate({width: "hide", paddingLeft: "0px", paddingRight: "0px"}, {queue:true, duration:150});
});
suora.click(
		function() {
			$('.active', $(this).parent().parent()).removeClass('active');
			$(this).addClass('active');
			$('.suora').animate({width: "show", paddingLeft: "7px", paddingRight: "7px"}, {queue:true, duration:500});
			$('.tyot-wrap').not('.suora').animate({width: "hide", paddingLeft: "0px", paddingRight: "0px"}, {queue:true, duration:150});
});
promo.click(
		function() {
			$('.active', $(this).parent().parent()).removeClass('active');
			$(this).addClass('active');
			$('.promo').animate({width: "show", paddingLeft: "7px", paddingRight: "7px"}, {queue:true, duration:500});
			$('.tyot-wrap').not('.promo').animate({width: "hide", paddingLeft: "0px", paddingRight: "0px"}, {queue:true, duration:150});
});
tuotanto.click(
		function() {
			$('.active', $(this).parent().parent()).removeClass('active');
			$(this).addClass('active');
			$('.tuotanto').animate({width: "show", paddingLeft: "7px", paddingRight: "7px"}, {queue:true, duration:500});
			$('.tyot-wrap').not('.tuotanto').animate({width: "hide", paddingLeft: "0px", paddingRight: "0px"}, {queue:true, duration:150});
});

switch(window.location.hash) {
	case "#integroidut":
		integroidut.trigger("click");
		break
	case "#mainonta":
		mainonta.trigger("click");
		break
	case "#digi":
		digi.trigger("click");
		break
	case "#viestinta":
		viestinta.trigger("click");
		break
	case "#suora":
		suora.trigger("click");
		break
	case "#promo":
		promo.trigger("click");
		break
	case "#tuotanto":
		tuotanto.trigger("click");
		break
	default:
		kaikki.trigger("click");
}

});