google.load("language", "1");

$(document).ready(function() {
    $('.translate').click(function() {
        if ($('#translate').length == 0) {
            OpenTranslate(this);
        } else {
            $('#translate').remove();
        }
        return false;
    });
});

function OpenTranslate(translateAnchor) {
    var Google_translate_bild = "/webdav/images/Mallbilder/Google/google-translate.png";
	var form = '<form action=""><select tabindex="1"><option value="-1">Select language</option>';
	var element = '<div id="translate" class="window"><div class="translate_header"><span id="translate-title">Translate</span><a tabindex="4" href="#" class="close">Stäng</a></div><div id="google-translate"><img src="'+Google_translate_bild+'" alt="Google Translate" />';
    var options='';
    for(var lang in google.language.Languages) {
        if(lang !== "UNKNOWN" && google.language.isTranslatable(google.language.Languages[lang])){
            options=options+'<option value="'+google.language.Languages[lang]+'">'+ lang.toLowerCase().replace("_", " ")+'</option>';
		
        }
    }
    var formInfo = '<input tabindex="2" type="button" class="input-button" value="OK"></form><p id="explanationtext">Use Google to translate this website. We take no responsibility for the accuracy of the translation.</p>';
	$('#boxes').append(element + form + options + '</select>' + formInfo + '</div></div><div id="mask"></div><div id="mask2"></div>');
	
	// Sätt fokus på select-elementet
	$('#boxes select').focus();
	
	// loopa tab-ordningen inuti translate-rutan
	$('#translate .close').blur(function() {
	    // Sätt fokus på select-elementet
		$('#boxes select').focus();
	});
	
    $('.input-button').click(function(){
      var lang= $('#translate select').val();
		if(lang!="-1"){
		    var url = "http://translate.google.com/translate?hl=" + lang + "&tl=" + lang + "&sl=sv&u=" + escape(document.location.href);
			//var url="http://translate.google.com/translate?hl="+lang+"&tl="+lang+"&sl=sv&u=http%3a%2f%2fwww.regiongavleborg.se";
			window.location.href =url;
		}
	});
	
	       
	var maskHeight = $(document).height();
	var maskWidth = $(window).width();
	////Sätt heigth och width på mask och mask2 för att fylla hela skärmen
	$('#mask').css({ 'width': maskWidth, 'height': maskHeight, 'opacity': '0.3' });
	$('#mask2').css({ 'width': maskWidth, 'height': maskHeight });
	$('#translate').css({ 'display': 'block' });
		
		//övergångseffekt
		$('#mask2').fadeOut(400);	
		$('#mask2').fadeTo("slow",0.5);	
    	
	
		//Hämta fönstrets height och width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Placera "popupfönstret" i mitten
		
		$("#translate").css('top',  winH/2-$("#translate").height()/2);
		$("#translate").css('left', winW/2-$("#translate").width()/2);

		//övergångseffekt
		$("#translate").fadeIn(1000);
		$('html, body').scrollTop(0);
	
		//Om man klickar på "Stäng"
		$('.window .close').click(function (e) {
		
		$('#mask').remove();
		$('#mask2').remove();
		$('.window').remove();
		$('.translate').focus();
	});		
		
	$('#translate').click(function(e) {
        e.stopPropagation();
    });
}