$(document).ready(function() {
	
	// kuvan suurennos, avaus
	$('a#kohde-photo-zoom').click(function(event) {
		event.preventDefault();
		
		var photo_src = $(this).attr('href');
		$('div#magn-photo').html('<img src="' + photo_src +'" alt="" />');
		
		var photo_caption = $(this).attr('title');
		$('div#magn-caption').text(photo_caption);
		
		var win_w = $(window).width();
		var win_h = $(window).height();
		/*var magn_w = $('div#magn-window').width();
		var magn_h = $('div#magn-window').height();*/
		var magn_w = 620;
		var magn_h = 567;
		
		var magn_x = parseInt((win_w - magn_w) / 2);
		var magn_y = $(window).scrollTop() + parseInt((win_h - magn_h) / 2);
								
		fadeInBg();
		$('div#magn-window').css({left: magn_x + 'px'});
		$('div#magn-window').css({top: magn_y + 'px'});
		//var img_w = $('div#magn-photo img').width();
		//$('div#magn-photo-navi').css({'width': '100px'});// ie fix
		// kuvan suurennos, navin leveyden korjaus ie:lle
	
		$('div#magn-window').css({display: 'block'});
	});
	
	// kuvan suurennos, sulkeminen
	$('div#magn-close a').click(function() {
		$('div#magn-bg').css({display: 'none'});
		$('div#magn-window').css({display: 'none'});
		clearInterval(big_interval);
	});
	
	// kuvan suurennos, sulkeminen taustakuvasta
	$('div#magn-bg').live('click', function() {
		$('div#magn-bg').css({display: 'none'});
		$('div#magn-window').css({display: 'none'});
		clearInterval(big_interval);
	});
	
	// thumbin klikkaus
	$('div.kohde-thumbs-group a').live("click", function(event){
		event.preventDefault();			
		
		var photo_src = $(this).attr('href');
		var photo_big_src = image_path + $(this).attr('id') + '_big.jpg';
		var photo_caption = $(this).attr('title');
		
		$('div.asunto-img-medium').css('display', 'none');
		$('div.asunto-img-medium img').attr('src', photo_src);
		$('div.asunto-img-medium a').attr('title', photo_caption);
		$('div.asunto-img-medium a').attr('href', photo_big_src);			
		loadMediumPhotoCss();
		$('div.asunto-img-medium').fadeIn();
		/*$('div.asunto-img-medium').fadeOut('fast', function() {
			$('div.asunto-img-medium img').attr('src', photo_src);
			$('div.asunto-img-medium a').attr('title', photo_caption);
			$('div.asunto-img-medium a').attr('href', photo_big_src);			
			
			loadMediumPhotoCss();
			$(this).fadeIn();
		});*/
		
		photo_current_index = ((thumb_page - 1) * 18) + $('div.kohde-thumbs-group a').index(this);
		
		$(this).parent().find('a').removeClass('selected');
		$(this).addClass('selected');
	});
	
	// seuraava kuva
	$('a#photo-navi-next').click(function(event) {
		event.preventDefault();	
		
		loadNextMedPhoto();
	});
	
	// edellinen kuva
	$('a#photo-navi-prev').click(function(event) {
		event.preventDefault();	
		
		if (photo_current_index > 0)
			photo_current_index--;
		else
			photo_current_index = photo_max_index;
		
		var photo_src = image_path + photos[photo_current_index] + '_medium.jpg';
		var photo_big_src = image_path + photos[photo_current_index] + '_big.jpg';
		var photo_caption = captions[photo_current_index];
		
		$('div.asunto-img-medium').css('display', 'none');
		$('div.asunto-img-medium img').attr('src', photo_src);
		$('div.asunto-img-medium a').attr('title', photo_caption);
		$('div.asunto-img-medium a').attr('href', photo_big_src);	
		loadMediumPhotoCss();
		$('div.asunto-img-medium').fadeIn();
		/*$('div.asunto-img-medium').fadeOut('fast', function() {
			$('div.asunto-img-medium img').attr('src', photo_src);
			$('div.asunto-img-medium a').attr('title', photo_caption);
			$('div.asunto-img-medium a').attr('href', photo_big_src);	
			loadMediumPhotoCss();
			$(this).fadeIn();
		});*/
		
		$('div.kohde-thumbs-group a').removeClass('selected');
		$('div.kohde-thumbs-group a:nth-child('+(photo_current_index + 1)+')').addClass('selected');
	});
	
	// suurennos, seuraava kuva
	$('a#magn-navi-next').click(function(event) {
		event.preventDefault();	
		
		loadNextBigPhoto();
	});
	
	// suurennos, edellinen kuva
	$('a#magn-navi-prev').click(function(event) {
		event.preventDefault();	
		
		if (photo_big_current_index > 0)
			photo_big_current_index--;
		else
			photo_big_current_index = photo_max_index;
		
		var photo_src = image_path + photos[photo_big_current_index] + '_big.jpg';
		$('div#magn-photo').css('display', 'none');
		$('div#magn-photo').html('<img src="' + photo_src +'" alt="" />');
		$('div#magn-photo').fadeIn('normal');
		
		var photo_caption = captions[photo_big_current_index];
		$('div#magn-caption').text(photo_caption);
		
		var win_w = $(window).width();
		var win_h = $(window).height();
		var magn_w = 620;
		var magn_h = 567;
		
		var magn_x = parseInt((win_w - magn_w) / 2);
		var magn_y = $(window).scrollTop() + parseInt((win_h - magn_h) / 2);
								
		
		//$('div#magn-window').css({left: magn_x + 'px'});
		//$('div#magn-window').css({top: magn_y + 'px'});
		$('div#magn-window').css({display: 'block'});
	});
	
	// medium player
	var med_interval = 0;
	$('a#photo-navi-play').click(function(event) {
		event.preventDefault();
		
		med_interval = setInterval('loadNextMedPhoto()', 2000);
	});
	
	$('a#photo-navi-pause').click(function(event) {
		event.preventDefault();
		
		clearInterval(med_interval);
	});
	
	// big player
	var big_interval = 0;
	$('a#magn-navi-play').click(function(event) {
		event.preventDefault();
		
		big_interval = setInterval('loadNextBigPhoto()', 2000);
	});
	
	$('a#magn-navi-pause').click(function(event) {
		event.preventDefault();
		
		clearInterval(big_interval);
	});
	
	// thumb group prev
	var infobox_w = 450;
	var speed = 900;
	var moving = false;
	
	// thumb group next
	$('a#photo-navi-bot-next').click(function(event) {
		event.preventDefault();
		
		if (moving == false)
		{
			moving = true;	
			$("div#kohde-thumbs").animate({"left": "-"+infobox_w+"px"}, speed, 'easeOutQuart', function() {																	
				$(this).css('left', '0').children(':first').remove().appendTo(this);
				moving = false;
			});
			if (thumb_page < thumb_max_page)
				thumb_page++;
			else
				thumb_page = 1;
		}
	});
	
	// thumb group prev
	$('a#photo-navi-bot-prev').click(function(event) {
		event.preventDefault();
		
		if (moving == false)
		{		
			moving = true;
			$("div#kohde-thumbs").children(':last').remove().prependTo("div#kohde-thumbs");
			$("div#kohde-thumbs").css('left', "-"+infobox_w+"px");
	
			$("div#kohde-thumbs").animate({"left": 0}, speed, 'easeOutQuart', function() {																	
				$(this).css('left', '0');
				moving = false;
			});
			if (thumb_page > 1)
				thumb_page--;
			else
				thumb_page = thumb_max_page;
		}
	});
	
	// hakusivu kuvien automaattinen kelaus
	var loadSearchNextPhoto_timer = 0;
	$('a.asunto-katso').live('mouseover', function() {							   
		var elm = $(this).parent().find('div.asunto-img-wrap-search');
		loadSearchNextPhoto_timer = setInterval(function (a) {
			elm.css({left: '0', display: 'none'}).children(':first').remove().appendTo(elm);			
			elm.fadeIn();
		}, 2000, elm);
	});
	
	$('a.asunto-katso').live('mouseout', function() {							   
		clearInterval(loadSearchNextPhoto_timer);
	});
	
	
	$(document).keyup(function(e) {
		if ($('div#magn-window').is(':visible'))
		{
			// big size next
			if ($('a#magn-navi-next').length)
				if (e.which == 39)
					$('a#magn-navi-next').click();
			
			// big size prev
			if ($('a#magn-navi-prev').length)
				if (e.which == 37)
					$('a#magn-navi-prev').click();					
		}
	});
	
	// etusivun etuovi banner
	$('div#home-info-etuovi a').mouseover(function() {
		$('div#home-info-etuovi').css('background', '#c5003c');										   
	});
	
	$('div#home-info-etuovi a').mouseout(function() {
		$('div#home-info-etuovi').css('background', '#C0003B url(img/ui/bg_infobox_etuovi.jpg) bottom left repeat-x');										   
	});
	
	// etusivun jätä ostotarjous banner
	$('div#home-info-jata a').mouseover(function() {
		$('div#home-info-jata').css('background', '#ffffff');										   
	});
	
	$('div#home-info-jata a').mouseout(function() {
		$('div#home-info-jata').css('background', '#eeeeee');										   
	});
	
	// etusivun pikalinkit
	$('div.home-link a').mouseover(function() {
		$(this).css('background', '#ffffff');										   
	});
	
	$('div.home-link a').mouseout(function() {
		$(this).css('background', 'url(img/ui/bg_homelink.jpg) repeat-x');										   
	});

});

function loadNextMedPhoto() {
	if (photo_current_index < photo_max_index)
		photo_current_index++;
	else
		photo_current_index = 0;

	var photo_src = image_path + photos[photo_current_index] + '_medium.jpg';
	var photo_big_src = image_path + photos[photo_current_index] + '_big.jpg';
	var photo_caption = captions[photo_current_index];
	
	$('div.asunto-img-medium').css('display', 'none');
	$('div.asunto-img-medium img').attr('src', photo_src);
	$('div.asunto-img-medium a').attr('title', photo_caption);
	$('div.asunto-img-medium a').attr('href', photo_big_src);
	loadMediumPhotoCss();
	$('div.asunto-img-medium').fadeIn();
		
	/*$('div.asunto-img-medium').fadeOut('fast', function() {
		$('div.asunto-img-medium img').attr('src', photo_src);
		$('div.asunto-img-medium a').attr('title', photo_caption);
		$('div.asunto-img-medium a').attr('href', photo_big_src);
		loadMediumPhotoCss();
		$(this).fadeIn();
	});*/
	
	$('div.kohde-thumbs-group a').removeClass('selected');
	$('div.kohde-thumbs-group a:nth-child('+(photo_current_index + 1)+')').addClass('selected');
}

function loadNextBigPhoto() {
	if (photo_big_current_index < photo_max_index)
		photo_big_current_index++;
	else	
		photo_big_current_index = 0;
	
	var photo_src = image_path + photos[photo_big_current_index] + '_big.jpg';
	$('div#magn-photo').css('display', 'none');
	$('div#magn-photo').html('<img src="' + photo_src +'" alt="" />');
	$('div#magn-photo').fadeIn('normal');
	
	var photo_caption = captions[photo_big_current_index];
	$('div#magn-caption').text(photo_caption);
	
	var win_w = $(window).width();
	var win_h = $(window).height();
	var magn_w = 620;
	var magn_h = 567;
	
	var magn_x = parseInt((win_w - magn_w) / 2);
	var magn_y = $(window).scrollTop() + parseInt((win_h - magn_h) / 2);
							
	//$('div#magn-window').css({left: magn_x + 'px'});
	//$('div#magn-window').css({top: magn_y + 'px'});
	$('div#magn-window').css({display: 'block'});
}

function loadMediumPhotoCss() {
	if (size[photo_current_index] == 'p') // pystykuva
	{
		$('div.asunto-img-medium').removeClass('vaaka-medium');
		$('div.asunto-img-medium').addClass('pysty-medium');
		$('div.asunto-img-medium-holder-vaaka').addClass('asunto-img-medium-holder-pysty');
		$('div.asunto-img-medium-holder-vaaka').removeClass('asunto-img-medium-holder-vaaka');
	}
	else // vaakakuva
	{
		$('div.asunto-img-medium').removeClass('pysty-medium');
		$('div.asunto-img-medium').addClass('vaaka-medium');
		$('div.asunto-img-medium-holder-pysty').addClass('asunto-img-medium-holder-vaaka');
		$('div.asunto-img-medium-holder-pysty').removeClass('asunto-img-medium-holder-pysty');
	}
}

function fadeInBg() {
	$('body').append('<div id="magn-bg"></div>');	
	$('#magn-bg').css({
		opacity: '0.7',
		display: 'none',
		width: $(document).width(),
		height:	$(document).height()
	}).fadeIn();
}

(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

jQuery.easing.easeOutQuart = function (x, t, b, c, d) { 
    return -c * ((t=t/d-1)*t*t*t - 1) + b; 
}; 
