var img_w = 830; // about page reference image width
var img_speed = 900; // about page reference image speed

var cli_w = 350; 
var cli_speed = 900;

var work_w = 830;
var work_speed = 500;

var ct = 0;
	
var client_interval = '';
var min_x = 0;

var about_next_moving = 0;
var about_prev_moving = 0;

jQuery.easing.easeOutQuart = function (x, t, b, c, d) { 
    return -c * ((t=t/d-1)*t*t*t - 1) + b; 
}; 

$(document).ready(function() {
	
	// about page reference navi
	
	ct_about = $('div#about-ref-links').children().size();
	//if (ct_about > 1)
		//$("a#next-ref").fadeIn();
	//$("a#next-ref").css({display: 'block'});
	var min_x_about = (ct_about-1) * img_w;
	
	$("a#next-ref").click(function(event){
		event.preventDefault();
		$("a#prev-ref").css({display: 'block'});
		var le = parseInt($("div#about-ref-links").css('left'));
		if (le > -min_x_about && about_next_moving == 0)
		{	
			$("div#about-ref-links").animate({"left": "-="+img_w+"px"}, img_speed, 'easeOutQuart', function() {																 				about_next_moving = 0;
				le = parseInt($("div#about-ref-links").css('left'));
				if (le == -min_x_about)
				{
					$("div#about-ref-links").css({left: 0})
					//$("a#next-ref").css({display: 'none'});
					//alert(min_x_about +':' + le);		
				}
			});
		}
		about_next_moving = 1;
	});
	
	$("a#prev-ref").click(function(event){
		event.preventDefault();
		var le = parseInt($("div#about-ref-links").css('left'));
		$("a#next-ref").css({display: 'block'});
		if (le < 0 && about_prev_moving == 0)
		{
			$("div#about-ref-links").animate({"left": "+="+img_w+"px"}, img_speed, 'easeOutQuart', function() {																 				about_prev_moving = 0;
				le = parseInt($("div#about-ref-links").css('left'));
				if (le == 0)
					$("a#prev-ref").css({display: 'none'});
			});
		}
		about_prev_moving = 1;
	});
		
	// about page clients navi	 
	
	$("a#next-cli").click(function(event){
		event.preventDefault();
		//alert($("a#prev-cli:visible").length);
		if (!$("a#prev-cli:visible").length)
			$("a#prev-cli").fadeIn();
		clearInterval(client_interval);
		var ct = $('div#about-clients-links').children().size(); // how many links there is in the about gallery
		var min_x = (ct-1) * cli_w;
		var le = parseInt($("div#about-clients-links").css('left'));
		if (le > -min_x && about_next_moving == 0)
			$("div#about-clients-links").animate({"left": "-="+cli_w+"px"}, cli_speed, 'easeOutQuart', function() {
				about_next_moving = 0;
				le = parseInt($("div#about-clients-links").css('left'));
				if (le == -min_x)
				{
					$("div#about-clients-links").css({left: 0})
					//$('a#next-cli').css({display: 'none'});	
				}
			});
		about_next_moving = 1;
	});
	
	$("a#prev-cli").click(function(event){
		event.preventDefault();
		clearInterval(client_interval);
		if (!$("a#next-cli:visible").length)
			$("a#next-cli").fadeIn();
		var le = parseInt($("div#about-clients-links").css('left'));
		if (le < 0 && about_prev_moving == 0)
			$("div#about-clients-links").animate({"left": "+="+cli_w+"px"}, cli_speed, 'easeOutQuart', function() {
				about_next_moving = 0;
				le = parseInt($("div#about-clients-links").css('left'));
				if (le == 0)
					$('a#prev-cli').css({display: 'none'});																					
			});
		about_next_moving = 1;
	});
	
	// about page clients automatic
	
	client_interval = setInterval("animateClients()", 5000);
	
	// about page services navi
	
	$('li#sm-digi a').click(function(event){
		event.preventDefault();
		$('div.ser-desc').fadeOut();
		$('div#ser-desc-digi').fadeIn();
	});
	
	$('li#sm-prin a').click(function(event){
		event.preventDefault();
		$('div.ser-desc').fadeOut();
		$('div#ser-desc-prin').fadeIn();
	});
	
	$('li#sm-pr a').click(function(event){
		event.preventDefault();
		$('div.ser-desc').fadeOut();
		$('div#ser-desc-pr').fadeIn();
	});
	
	// work thumbs 
	
	$('div.client-thumb').mouseover(function(event){
		$(this).find('a.thumb').css({ backgroundPosition: '0 -120px' });
	});
	
	$('div.client-thumb').mouseout(function(event){
		$(this).find('a.thumb').css({ backgroundPosition: '0 0' });
	});
	
	var chosen_work = 0;
	
	$('div.client-thumb').click(function(event){
		event.preventDefault();
		chosen_work = this.id;
		$("a#prev-work").css({display: 'none'});
		$('div.client-thumb-group').fadeOut(work_speed, function() {
			$("div#work-ref-links").css({left: 0});
		});
		
		$('div#client-big-holder').show();
		
		$('div#client-big-holder').append('<div class="loader"><div class="loader-mask"><div class="loader-bar">&nbsp;</div></div>');	
		
		$('div.loader-bar').animate({ left: '0' }, 2000, 
			function() {
				$('div.loader').fadeOut();	
			}
		);

		if ($('body#workeng').length == 1)
		{
			workitemurl = '../work_item.php';
			v_lang = 'en';
		}
		else
		{
			workitemurl = 'work_item.php';
			v_lang = 'fi';
		}
		
		$.post(workitemurl, {id: chosen_work, lang: v_lang},  function(data) {
			//$('div.client-big-group').hide();
			//$('div.client-big-group-wrap').append('<div class="loader"><div class="loader-mask"><div class="loader-bar">&nbsp;</div></div>');														
			$('div.loader').fadeOut();
			$('div#client-big-holder').html(data);
			$('div#cbg-' + chosen_work).fadeIn();
		});
		
		$('a#work-clients').fadeOut();
		$('a#work-backtoworks').fadeIn(work_speed, function() {
			var ct = $('div#cbg-' + chosen_work).children().size();	
			min_x = (ct-1) * work_w;
		});
		$("a#next-work").css({display: 'block'});
		
		detail_open = true;
	});
	
	
	$('a#work-clients').click(function(event){
		event.preventDefault();
		$("div#work-ref-links").css({left: 0});
		$('a#work-backtoworks').css({top: '610px'});
		$('div.client-thumb-group').fadeOut(work_speed, function() {
			$('div#work-ref-mask').css({height: '540px'});
			$('div#clients').fadeIn();
		});
		$(this).fadeOut();
		$('a#work-backtoworks').fadeIn();
		$("a#prev-work").fadeOut();
		$("a#next-work").fadeOut();
	});
	
	var work_ref_links_left = 0; // töiden thumbien vasen, jos on vaihdettu sivua, palataan oikealle sivulle
	var detail_open = false; // onko työnäyte avattuna
	
	$('a#work-backtoworks').click(function(event){
		event.preventDefault();
		$('div#work-ref-mask').css({height: '415px'});
		$('a#work-backtoworks').css({top: '506px'});
		$('div#cbg-' + chosen_work).css({display: 'none'});
		$('div.client-thumb-group').fadeIn();
		$(this).fadeOut();
		$('a#work-clients').fadeIn();
		ct = $('div#work-ref-links').children().size() - 1;
		min_x = (ct-1) * work_w;
		//$("div#work-ref-links").css({"left": 0});
		$("div#work-ref-links").css({"left": work_ref_links_left});
		$("div#clients").css({display: 'none'});
		showWorkThumbNavi();
		
		$('div#client-big-holder').hide();
		detail_open = false;
		//alert(work_ref_links_left);
		if (work_ref_links_left < 0)
			$("a#prev-work").show();
			
		var le = parseInt($("div#work-ref-links").css('left'));
		if (le == -min_x)
			$("a#next-work").css({display: 'none'});	
	});
	
	ct = $('div#work-ref-links').children().size() - 1; // number of client-thumb-group elements -1 (client-big-group-wrap)
	if (ct > 1)
		$("a#next-work").css({display: 'block'});
	min_x = (ct-1) * work_w;
	
	$("a#next-work").click(function(event){
		event.preventDefault();
		$("a#prev-work").css({display: 'block'});
		var le = parseInt($("div#work-ref-links").css('left'));
		if (le > -min_x)
			$("div#work-ref-links").animate({"left": "-="+work_w+"px"}, work_speed, function() {																 				
				if (detail_open == false)
					work_ref_links_left = parseInt($("div#work-ref-links").css('left'));
				le = parseInt($("div#work-ref-links").css('left'));
				if (le == -min_x)
					$("a#next-work").css({display: 'none'});
			});
	});
	
	$("a#prev-work").click(function(event){
		event.preventDefault();
		var le = parseInt($("div#work-ref-links").css('left'));
		$("a#next-work").css({display: 'block'});
		if (le < 0)
			$("div#work-ref-links").animate({"left": "+="+work_w+"px"}, work_speed, function() {																 	
				if (detail_open == false)
					work_ref_links_left = parseInt($("div#work-ref-links").css('left'));
				le = parseInt($("div#work-ref-links").css('left'));
				if (le == 0)
					$("a#prev-work").css({display: 'none'});
			});
			
	});
	
	// center popup
	var winWidth = $(window).width(); 
	var winHeight = $(window).height(); 
	var popup_x = parseInt((winWidth - 650)/2);
	var popup_y = parseInt((winHeight - 370)/2);
	$('div.popup').css({left: popup_x + 'px'});
	$('div.popup').css({top: popup_y + 'px'});
	
	// popup links
	$('a#popuplink-aleksinkaiku').click(function(event){
		event.preventDefault();
		$('div#popup-aleksinkaiku').fadeIn();
	});
	$('a#popuplink-vinter').click(function(event){
		event.preventDefault();
		$('div#popup-vinter').fadeIn();
	});
	$('a#popuplink-salesenergy').click(function(event){
		event.preventDefault();
		$('div#popup-salesenergy').fadeIn();
	});
	
	// flickr kuvat uuteen ikkunaan
	$('div.flickr_badge_image a').attr("target", "_blank")

});

function animateClients() {
	if (!$("a#prev-cli:visible").length)
			$("a#prev-cli").fadeIn();
	var ct = $('div#about-clients-links').children().size(); // how many links there is in the about gallery
	var min_x = (ct-1) * cli_w;
	var le = parseInt($("div#about-clients-links").css('left'));
	if (le > -min_x)
		$("div#about-clients-links").animate({"left": "-="+cli_w+"px"}, cli_speed, 'easeOutQuart', function() {
			le = parseInt($("div#about-clients-links").css('left'));
			if (le == -min_x)
			{
				//$('a#next-cli').css({display: 'none'});		
				$("div#about-clients-links").css({left: 0});
				//if (client_interval)
				//clearInterval(client_interval);
			}
		});
}

function showWorkThumbNavi() {
	$("a#prev-work").css({display: 'none'});
	if (ct > 1)
		$("a#next-work").css({display: 'block'});
	else
		$("a#next-work").css({display: 'none'});
}

function popupClose(id) {
	$('div#' + id).fadeOut();
}