$(document).ready(function(){

	// PRELOAD CSS IMAGES
	$('#loadInfo').slideDown();
	$.preloadCssImages();
	$(window).load(function(){
		$('#loadInfo').fadeOut('slow');
		$('#paljastaVisu').animate({top: "+=100"}, 'slow');
	});
		
		
	// VISUAALINEN VERSIO KEHIIN
	$('.paljastaVisu').click(function(){ 
		$('#container').animate({top: "0"}, 400);
	});


	// REFERENSSIT KEHIIN
	$('#ref_link').click(function(){
		$('#slogan').hide();
		$('#ref_link').hide();
		$('#slide_holder').agile_carousel({
			next_prev_buttons: "yes",
			number_slides_visible: "3",
			slide_buttons: "yes",
			//slide_captions: "false",
			slide_captions: "esitteet | esitteet | esitteet | esitteet | esitteet | esitteet | esitteet / julisteet | esitteet / julisteet | esitteet / julisteet | web-sivut | web-sivut | web-sivut | web-sivut | web-sivut | web-sivut | logot | logot | logot",
			timer_on: "no",
			slide_directory: "slides",
			transition_duration: 1500
		});
		$('#slide_holder').show();
	});
	
	
	// SLIDER
	$('.boxgrid.captionfull').hover(function(){
		$(".cover", this).stop().animate({top:'6px'},{queue:false,duration:200});
	}, function() {
		$(".cover", this).stop().animate({top:'-187px'},{queue:false,duration:200});
	});
	
	
	// REFERENSSIT KEHIIN
	function hide_refs() { // Referenssien piilotus
		$('#r1').fadeOut('slow');
		$('#r2').fadeOut('slow');
		$('#r3').fadeOut('slow');
		$('#r4').fadeOut('slow');
		$('#r5').fadeOut('slow');
		$('#r6').fadeOut('slow');
		$('#r7').fadeOut('slow');
		$('#r8').fadeOut('slow');
		$('#r9').fadeOut('slow');
		$('#r10').fadeOut('slow');
		$('#r11').fadeOut('slow');
		$('#r12').fadeOut('slow');
		$('#r13').fadeOut('slow');
		$('#r14').fadeOut('slow');
		$('#r15').fadeOut('slow');
		$('#r16').fadeOut('slow');
		$('#r17').fadeOut('slow');
		$('#r18').fadeOut('slow');
	}
	function show_ref(position, ref) { // Valitun referenssin näyttäminen
		hide_refs();
		$(ref).fadeIn('slow');
		$('#ref_pointer').animate({left: position}, 300);
	}
	
	$('.ref_pic_link').click(function(){ $('#ref_pics').fadeIn('slow'); });
	
	$('.r1').click(function(){ show_ref('130px', '#r1').stop(); });
	$('.r2').click(function(){ show_ref('340px', '#r2').stop(); });
	$('.r3').click(function(){ show_ref('550px', '#r3').stop(); });
	$('.r4').click(function(){ show_ref('130px', '#r4').stop(); });
	$('.r5').click(function(){ show_ref('340px', '#r5').stop(); });
	$('.r6').click(function(){ show_ref('550px', '#r6').stop(); });
	$('.r7').click(function(){ show_ref('130px', '#r7').stop(); });
	$('.r8').click(function(){ show_ref('340px', '#r8').stop(); });
	$('.r9').click(function(){ show_ref('550px', '#r9').stop(); });
	$('.r10').click(function(){ show_ref('130px', '#r10').stop(); });
	$('.r11').click(function(){ show_ref('340px', '#r11').stop(); });
	$('.r12').click(function(){ show_ref('550px', '#r12').stop(); });
	$('.r13').click(function(){ show_ref('130px', '#r13').stop(); });
	$('.r14').click(function(){ show_ref('340px', '#r14').stop(); });
	$('.r15').click(function(){ show_ref('550px', '#r15').stop(); });
	$('.r16').click(function(){ show_ref('130px', '#r16').stop(); });
	$('.r17').click(function(){ show_ref('340px', '#r17').stop(); });
	$('.r18').click(function(){ show_ref('550px', '#r18').stop(); });
	
	// REFERENSSIEN PIILOTUSTA
	$('#ref_close').click(function(){ hide_refs(); $('#ref_pics').fadeOut('slow'); });
	$('#prev_button').click(function(){ hide_refs(); $('#ref_pics').fadeOut('slow'); });
	$('#next_button').click(function(){ hide_refs(); $('#ref_pics').fadeOut('slow'); });
	$('ul#slide_buttons li').click(function(){ hide_refs(); $('#ref_pics').fadeOut('slow'); });
	
});