﻿$(document).ready(function(){

    // Traverse through all links with the class popup and modify the title attribute.
    $('a[class*="popup"]').each(function() {
        $(this).attr('title', jQuery.trim( $(this).attr('title') + ' (nytt fönster)'));
    });
    // Find all anchors with the class popup and add the onclick function to open the link in a new window.
    $('a[class*="popup"]').click(function() {
        window.open($(this).attr('href'));
        return false;
    });

    //Curvy corners
    $('.rounded').corner({
        tl: { radius: 9 },
        tr: { radius: 9 },
        bl: { radius: 9 },
        br: { radius: 9 },
        antiAlias: true,
        autoPad: true 
	});
	
	// Hide comment form if script is available
	$('#comment-form').hide();

    //Show comment form
    $('#comment-anchor').click(function(){ 
        $('#comment-form').slideDown('slow');
        $(this).fadeOut('normal');
        return false; 
    });
    
    //Hide comment form
    $('.commentcancel').click(function(){ 
        $('#comment-form').slideUp('slow'); 
        $('#comment-anchor').fadeIn('normal');
    });
   
    //Submit comment form with ajax
    var options = { 
        target:        '.comment-message', 
        beforeSubmit:  handleSubmit,
        success:       handleSuccess, 
        error:         handleError,
        url:           '/web/handlers/ajaxcommenthandler.ashx'
    }; 
    $('#commentform').ajaxForm(options);
    
    //Bigger links on startpage
    $('.news-teasers div').biggerlink();
    $('.event-teasers div').biggerlink();
    $('.supp-container .teaser').biggerlink();
        
    //WymEditor
    if($('.wymeditor').wymeditor != null) {
        $('.wymeditor').wymeditor({
            toolsItems: [
                {'name': 'Bold', 'title': 'Strong', 'css': 'wym_tools_strong'}, 
                {'name': 'Italic', 'title': 'Emphasis', 'css': 'wym_tools_emphasis'},
                {'name': 'InsertOrderedList', 'title': 'Ordered_List', 'css': 'wym_tools_ordered_list'},
                {'name': 'InsertUnorderedList', 'title': 'Unordered_List', 'css': 'wym_tools_unordered_list'},
                {'name': 'CreateLink', 'title': 'Link', 'css': 'wym_tools_link'},
                {'name': 'Unlink', 'title': 'Unlink', 'css': 'wym_tools_unlink'},
                {'name': 'InsertImage', 'title': 'Image', 'css': 'wym_tools_image'},
                {'name': 'Paste', 'title': 'Paste_From_Word', 'css': 'wym_tools_paste'},
                {'name': 'Undo', 'title': 'Undo', 'css': 'wym_tools_undo'},
                {'name': 'Redo', 'title': 'Redo', 'css': 'wym_tools_redo'}
            ]
        });
    }
});

// Comment form handlers
//------------------------------------------------------

//Before submit
function handleSubmit(formData, jqForm, options) { 
    $('.comment-message').html('<span class=\"loader\">Skickar kommentar...</span>');
    return true;
}
//After submit after success
function handleSuccess(responseText, statusText)  { 
    $('#commentform').slideUp('slow');
}
//Handle error
function handleError(xhr, statusText)  { 
    $('#commentform').slideDown('slow');
    $('.comment-message').html(xhr.responseText);
}
function OpenTranslate() {
   if (document.getElementById) {
        var trLink = document.getElementById("masthead");
        if(trLink) {
            var translateDiv = document.getElementById("translateDiv");
            if(!translateDiv) {
                translateDiv = document.createElement("div");
                translateDiv.id = "translateDiv";
                var image = document.createElement("img");
                image.src = "/templates/images/google_translate.png";
                image.alt = "";
                translateDiv.appendChild(image);
                var trText = document.createElement("p");
                var text = document.createTextNode("Use Google to translate the web site. We take no responsibility for the accuracy of the translation.");
                trText.appendChild(text);
                translateDiv.appendChild(trText);
                
                var trSelect = document.createElement("select");
                trSelect.id = "translateSelect";
                var trLabel = document.createElement("label");
                text = document.createTextNode("Choose language:");
                trLabel.appendChild(text);
                trLabel.htmlFor = "translateSelect";
                translateDiv.appendChild(trLabel);
                translateDiv.appendChild(trSelect);
                var index = 0;
                for(var lang in google.language.Languages) {
                  if(lang !== "UNKNOWN" && google.language.isTranslatable(google.language.Languages[lang])){
                    trSelect.options[index] = new Option(lang, google.language.Languages[lang]);
                    index++;
                  }
                }
                insertAfter(translateDiv, trLink);
                trSelect.onchange = function(){
                    var translateLink = document.getElementById("translatelink");
                    var translateUrl = translateLink.href;
                    var select = document.getElementById("translateSelect");
                    document.location.href = translateUrl.replace("hl=en","hl=" + select.options[select.selectedIndex].value);
                };
            }
            else {
                translateDiv.style.display = "block";
            }
        }
    } 
}
function insertAfter(newElement,targetElement) {	
    var parent = targetElement.parentNode; 	
    if(parent.lastchild == targetElement) {		
        parent.appendChild(newElement);		
    } else {		
        parent.insertBefore(newElement, targetElement.nextSibling);		
    }
}
function CloseTranslate(e){ 
    var target = (e && e.target) || (event && event.srcElement); 
    var translateLink = document.getElementById("translatelink");
    var translateDiv = document.getElementById("translateDiv"); 
    if (!translateDiv) {return;}
    if(target != translateDiv && target != translateLink && target.parentNode != translateDiv){
        translateDiv.style.display = "none"
    } 
}
document.onclick = CloseTranslate;