$(document).ready(function() {
/* GOOGLE plus */
window.___gcfg = {lang: 'sv'};
(function() 
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();
/* GOOGLE plus END */
	
	var animateLock = false;
	$.validator.addMethod("telefon", function(value, element)
	{
		return this.optional(element) || /^[0-9 +-]{4,12}$/.test(value);
	}, "t.ex. 1234-12345");
	
	jQuery.expr[':'].focus = function( elem ) {
  		return elem === document.activeElement && ( elem.type || elem.href );
	};
	
	$('.form form ul li input').each(function(){
		if($(this).attr('id') == 'foretag'){
			$(this).attr('minlength', '3');
		}
		if($(this).attr('id') == 'epost_1'){
			$(this).addClass('required email');
		}
		if($(this).attr('id') == 'telefon'){
			$(this).addClass('required telefon');
		}
	});
	
	var url = 'http://' + window.location.hostname + '/';
	var currLoc = window.location.href;
	
	if(currLoc != url){
		var newUrl = currLoc.replace(url, '');
		goTo(newUrl);
	};
	
	$('.CGBlogSummary').each( function(){
		$(this).mouseover(function(){
			$(this).stop().animate({bottom: '-50px'}, 300);
		}).mouseout(function(){
			$(this).stop().animate({bottom: '-140px'}, 300);
		});
		
	});
	
	$(window).hashchange( function(){
		goTo(location.hash);
	});
	
	$('#next').children('a').attr('href', $('li.selected').next('li').children('a').attr('href'));
	
	$('li.panel a').click(function () {
		if(!animateLock){
		setActive($(this).parent('li'));
		
		var currID = $(this).attr('id');
		
		goTo($(this).attr('href'));
        
        checkId(currID);
        }
	});
	


	$(window).resize(function () {
		resizePanel();
	});
	
	/* Navigering med tangenterna */
	$(document).keydown(function (e) {
		navBtn(e);
	});
	
	$("#map_canvas").gMap({latitude: 56.668601,
	                longitude: 16.350879,
	                maptype: G_NORMAL_MAP,
					controls: false,
					scrollwheel: false,
					zoomControl: false,
					markers: [{ latitude: 56.668601,
	                              longitude: 16.350879,
	                              html: "Smålandsgatan 26C, Kalmar"
	                               }],
	              	icon: { image: 'uploads/images/likeit_archor.png',
	              		iconsize: [102, 57],
	              		iconanchor: [51,65]
	              	},
	                zoom: 15
	  });
	
	/* Formulär validering */
	$("#mdc34fmoduleform_1").validate({
	    rules: {
	    	'mdc34ffbrp__47': {
	    		required: true,
	    		minlength: 2
	    	},
	    	'mdc34ffbrp__48': {
	    		minlength: 3
	    	},
	    	'mdc34ffbrp__49': {
	    		required: true,
	    		minlength: 5,
	    		telefon: true
	    	},
	    	'mdc34ffbrp__50[]': {
	    		required: true,
	    		email: true
	    	},
	    	'mdc34ffbrp__51': {
	    		required: true,
	    		minlength: 10
	    	}
	    },
	    messages: {
	    	'mdc34ffbrp__47': "Minst 2 tecken",
	    	'mdc34ffbrp__48': "Minst 3 tecken",
	    	'mdc34ffbrp__50[]': {
	    		required: "obligatorisk fält",
	    		email: "Epost adressen är inte rätt"
	    	},
	    	'mdc34ffbrp__49': {
	    		required: "obligatorisk fält",
	    		minlength: 'Telefon får minst innehåla 5 tecken',
	    		digits: 'Telefon får endast innehålla siffror',
	    		number: 'Telefon får endast innehålla siffror'
	    	},
	    	'mdc34ffbrp__51': {
	    		minlength: 'Minst 10 tecken'
	    	}
	    }
	});
		
});

function resizePanel() {

	width = $(window).width();
	height = $(window).height();

	mask_width = width * $('.item').length;
		
	$('#debug').html(width  + ' ' + height + ' ' + mask_width);
		
	$('#wrapper, .item').css({width: width, height: height});
	$('#mask').css({width: mask_width, height: height});
	$('#wrapper').scrollTo(location.hash, 0);
		
}

function setActive(li){
	$('li.panel').removeClass('selected');
	
	li.addClass('selected');
	
	if(li.children('a').attr('id') != 'start'){
		$('#back').show(100);
	}
	else{
		$('#back').hide(100);
	}
	
	$('#back').children('a').attr('href', $('li.selected').prev('li').children('a').attr('href'));
	$('#next').children('a').attr('href', $('li.selected').next('li').children('a').attr('href'));
	
	if(li.children('a').attr('id') == 'blogg'){
		$('#next').hide(100);
	}
	else{
		$('#next').show(100);
	}
}

function goTo(link){
	$('#wrapper').stop(true, false).scrollTo(link, 1000);
	var linkId = link.replace('#','');
	if(linkId == 'blogg'){
		$('#wrapper #mask #blogg').css({backgroundImage: 'url(uploads/images/bloggBg.png)'});
	}
	$('li.panel a').each( function(){
		if($(this).attr('id') == linkId){
			setActive($(this).parent('li'));
		}
	});
}

function navBtn(e){
	if($("input, textarea").is(":focus")) return;
	var key= e;
	
	if (key.keyCode == 39){
		var next_link = $('li.selected').next('li').children('a').attr('href');
		if(next_link){
			window.location = next_link;
		}
	}
	if (key.keyCode == 37){
		var prev_link = $('li.selected').prev('li').children('a').attr('href');
		if(prev_link){
			window.location = prev_link;
		}
	}
	if (key.keyCode == 49){
		var start_link = '#start';
		if(start_link){
			window.location = start_link;
		}
	}
	if (key.keyCode == 50){
		var tjanster_link = '#tjanster';
		if(tjanster_link){
			window.location = tjanster_link;
		}
	}
	if (key.keyCode == 51){
		var blogg_link = '#blogg';
		if(blogg_link){
			window.location = blogg_link;
		}
	}
	/*
	if (key.keyCode == 52){
		var kontakt_link = '#kontakt';
		if(kontakt_link){
			window.location = kontakt_link;
		}
	}
	*/
}

function leftarrowCss(){
	$('#back').children('a').css({backgroundPosition: 'left bottom'})
}

function checkId(currID){
	    if (currID == "start")
            document.getElementsByTagName('title')[0].text = "Like IT - Välkommen";

        if (currID == "tjanster")
            document.getElementsByTagName('title')[0].text = "Like IT - Vad vi kan erbjuda er";

        if (currID == "blogg")
            document.getElementsByTagName('title')[0].text = "Like IT - Blogg";
		/*
        if (currID == "kontakt")
            document.getElementsByTagName('title')[0].text = "Like IT - Kontakt";
        */
}