var dragElement = false;
var xDif = 0;
var yDif = 0;

function mouse_down(event, elementName) {
    var leftDim = document.getElementById(elementName).offsetLeft;
    var topDim = document.getElementById(elementName).offsetTop;
    dragElement = true;
    xDif = event.clientX - leftDim;
    yDif = event.clientY - topDim;
}

function dragWin(event, elementName) {
    if (dragElement == true) {
        document.getElementById(elementName).style.left = event.clientX - xDif + 'px';
        document.getElementById(elementName).style.top = event.clientY - yDif + 'px';
    }
}

function mouse_up(event, elementName) {
    dragElement = false;
    document.getElementById(elementName).style.left = event.clientX - xDif + 'px';
    document.getElementById(elementName).style.top = event.clientY - yDif + 'px';
} 

$.ajaxSetup({
    cache: false
});

function selectLanguage(lang) {
    var displayStyle = $("#PopupWindow").css("display");
    var displayLang = $("#SelectedLanguage").val();
    

    //if display is none
    if (displayStyle == "none") {
        //and language is different then show popup and load the guide
        if (lang != displayLang) {
            changeLanguage(lang, true);
        }
        //show popup
        showPopupGuide();
    }
    else { //if visible
        if (lang == displayLang) { //and language is the same
            //close window
            closePopupGuide();
        }
        else { //but language is different change languages
            changeLanguage(lang, false);
        }
    }

    $("#SelectedLanguage").val(lang);
}

function showPopupGuide() {
    $("#PopupWindow").fadeIn('slow');
}
function closePopupGuide() {
    $("#PopupWindow").fadeOut('fast');
}

function changeLanguage(lang, clear) {
    if (clear == true) {
        $("#result").html("<img src='Images/Design/Background/ajax-loader-big.gif' alt='Loading..' />"); //clear previous language guide
    }
    $("#result").load("LanguageGuideIdentifier.aspx?lang=" + lang);
}