$(document).ready(function(){

	
	//palvelut osion vaihto
	$('#palvelut_box_navi').hide();
	$('#palvelut_box_navi2').hide();
	
	$('#palvelut_box').hide();
	$('#palvelut_box2').hide();
	
	$(".show_pk").click(function () {
    	
		$('.palvelut').hide();
		$('#palvelut_box_navi2').hide();
		$('#palvelut_box2').hide();
		$('#palvelut_box').show();
		$("#palvelut_box_navi").show("slow");
	
    });
	
	$(".show_ka").click(function () {
    	
		$('.palvelut').hide();
		$('#palvelut_box_navi').hide();
		$('#palvelut_box').hide();
		$('#palvelut_box2').show();
		$("#palvelut_box_navi2").show("slow");
	
    });
	
	//Hinnastot
	$('#hinnasto_pk').hide();
	$('#hinnasto_ka').hide();
	
	$(".show_pk_hinnasto").click(function () {
    	
		$('#hinnasto_ka').hide();
		$("#hinnasto_pk").show("slow");
	
    });
	
	$(".show_ka_hinnasto").click(function () {
    	
		$('#hinnasto_pk').hide();
		$("#hinnasto_ka").show("slow");
	
    });
	
	//jFlow
	$("#navi").jFlow({
		slides: "#content",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		width: "800px",
		height: "365px",
		duration: 400, //400
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
	
	
	//navikaatio hoverit
	$('img#nav1').hover(function() {
		$(this).attr("src","img/navi/etusivu_h.png");
			}, function() {
		$(this).attr("src","img/navi/etusivu.png");
	});
	
	$('img#nav2').hover(function() {
		$(this).attr("src","img/navi/palvelut_h.png");
			}, function() {
		$(this).attr("src","img/navi/palvelut.png");
	});
	
	$('img#nav3').hover(function() {
		$(this).attr("src","img/navi/hinnat_h.png");
			}, function() {
		$(this).attr("src","img/navi/hinnat.png");
	});
	
	$('img#nav4').hover(function() {
		$(this).attr("src","img/navi/henkilokunta_h.png");
			}, function() {
		$(this).attr("src","img/navi/henkilokunta.png");
	});
	
	$('img#nav5').hover(function() {
		$(this).attr("src","img/navi/kuvia_h.png");
			}, function() {
		$(this).attr("src","img/navi/kuvia.png");
	});
	
	$('img#nav6').hover(function() {
		$(this).attr("src","img/navi/linkit_h.png");
			}, function() {
		$(this).attr("src","img/navi/linkit.png");
	});
	
	$('img#nav7').hover(function() {
		$(this).attr("src","img/navi/yhteystiedot_h.png");
			}, function() {
		$(this).attr("src","img/navi/yhteystiedot.png");
	});
	
	$('img#nav8').hover(function() {
		$(this).attr("src","img/navi/ajanvaraus_h.png");
			}, function() {
		$(this).attr("src","img/navi/ajanvaraus.png");
	});

	
	
	//hinnasto & esittely
	/*
	var active_box = '';
	$('.boxtext_enabled').click(
		function() {
			
			active_box = this.id;
						
			$('#box_text_'+active_box).css('position', 'absolute') ;
			$('#box_text_'+active_box).css('top', '0' );
			$('#box_text_'+active_box).css('left', '0' ); 
			$('#box_text_'+active_box).css('width', ($(document).width())+'px');
			$('#box_text_'+active_box).css('height', ($(document).height())+'px'); 
				
			$('embed, object, select').css({ 'visibility' : 'hidden' });										
			$('#box_text_'+active_box).fadeIn("slow");					
		}
	);			

	function closeBox() {					
		$('embed, object, select').css({ 'visibility' : 'visible' });					
		$('#box_text_'+active_box).fadeOut("slow");							
	}


	$('.boxtext_close').click( function() { closeBox() } );	
			
	$('.boxes').hide();
	*/
	
	
	//CYCLE
	$('#palvelut_box').cycle({
		timeout: 0,
    	speed:   300,
		pager:  '#palvelut_box_navi',
		//pagerEvent: 'mouseover',
		pagerEvent: 'click',
		pauseOnPagerHover: true,
		pagerAnchorBuilder: function(idx, slide) {
        	return '#palvelut_box_navi li:eq(' + (idx) + ') a';
        }
	});
	
	$('#palvelut_box2').cycle({
		timeout: 0, 
    	speed:   300, 		
		pager:  '#palvelut_box_navi2',
		//pagerEvent: 'mouseover',
		pagerEvent: 'click',
		pauseOnPagerHover: true,
		pagerAnchorBuilder: function(idx, slide) {
        	return '#palvelut_box_navi2 li:eq(' + (idx) + ') a';
        }
	});
	

});