$(document).ready(function() {
    $("#toggler-container a").click(function() {
        $("#toggler-container a").removeClass("selected");
        $(this).addClass("selected");
        var currentId = $(this).attr("id").replace("listItem_", "");        
        $("#expandPanelImage").attr("src", $("#hidden_" + currentId).attr("value"));
        $(".box-extra-info-expand").removeClass("display-block").addClass("display-none");        
        $("#container_" + currentId).removeClass("display-none").addClass("display-block"); ;
        if (currentId === "2") {
            $("#container_day_by_day > div").removeClass("display-block").addClass("display-none");
            $("#day_1_container").removeClass("display-none").addClass("display-block");
        }
    });
    $("a.day_link").click(function() {
        window.location.hash = 'box-anchor';        
        $("#toggler-container a").removeClass("selected");
        $("#listItem_2").addClass("selected");
        $(".box-extra-info-expand").removeClass("display-block").addClass("display-none");
        $("#container_2").removeClass("display-none").addClass("display-block");

        $("#container_day_by_day > div").removeClass("display-block").addClass("display-none");
        $("#day_" + $(this).attr("id").replace("day_", "") + "_container").removeClass("display-none").addClass("display-block");
        return false;
    });
    $("a.forward_bottom").click(function() {        
        $("#container_day_by_day > div").removeClass("display-block").addClass("display-none");
        $("#day_" + $(this).attr("id").replace("next_", "") + "_container").removeClass("display-none").addClass("display-block");
        return false;
    });
    $("a.back_bottom").click(function() {        
        $("#container_day_by_day > div").removeClass("display-block").addClass("display-none");
        $("#day_" + $(this).attr("id").replace("prev_", "") + "_container").removeClass("display-none").addClass("display-block");
        return false;
    });
    $("a.close-expand-panel-JS").click(function() {
        var currentId = $(this).attr("id").replace("close_", "");
        $("#container_" + currentId).removeClass("display-block").addClass("display-none");
        $("#listItem_" + currentId).removeClass("selected");        
        return false;
    });
});
function addOpenCityIntroTextTema(){
    $("a#texts-text-link-tema").click(function() {
        if ($(this).attr("id") == "texts-text-link-tema") {
            $(this).text(($(this).text() == oTUIStrings.strReadMoreCity) ? oTUIStrings.strReadLessCity : oTUIStrings.strReadMoreCity);
        }

        if ($(this).attr("class") == "more-text-JS") {
            $("div#texts-text-ingress").removeClass("display-block").addClass("display-none");
            $(this).removeClass("more-text-JS").addClass("more-text-JS-hide").toggleClass("selected");
            $("div#texts-text-container").fadeIn("slow");
        }
        else {
            $("div#texts-text-ingress").removeClass("display-none").addClass("display-block");
            $(this).removeClass("more-text-JS-hide").addClass("more-text-JS").toggleClass("selected");
            $("div#texts-text-container").fadeOut("slow");
        }
        return false;
    });
}
function addHelpInfoCenterEvents() {
    $("a.help-info-center").click(function(event) {
        event.returnValue = false;
        event.preventDefault();
        var strURL = this.getAttribute("href");
        var content = showInfoLayer(null, null, 450, 200, ["TEXTFONTCLASS", "'overlib-text-font-class overlib-height-200'"]);
        getXML(strURL, content);
    });
    $("a.help-info-center-large").click(function(event) {
        event.returnValue = false;
        event.preventDefault();
        var strURL = this.getAttribute("href");
        var content = showInfoLayer(null, null, 500, 200, ["TEXTFONTCLASS", "'overlib-text-font-class overlib-height-200'"]);
        getXML(strURL, content);
    });    
}

function showInfoLayer(caption, content, strWidth, strHeight, options) {
    var 
		cont = content ? content : "",
		capt = caption ? caption : "<div id=\'overlib-print\' style=\'float: right; font-weight: normal; cursor: pointer;\'>" + oTUIStrings.strCaptionPrint + "</div>" + oTUIStrings.strHelpInfo,
		width = strWidth ? strWidth : DONOTHING,
		height = strHeight ? strHeight : 100;

    var call = 'overlib(cont, NOFOLLOW, CAPTION, capt, CLOSETEXT, oTUIStrings.strCaptionClose, WIDTH, width, HEIGHT, height, STICKY, DRAGGABLE, DRAGCAP, CLOSECLICK, HAUTO, VAUTO, BGCLASS, \'overlib-table\', FGCLASS, \'overlib-text-cell\', CGCLASS, \'overlib-caption\', TEXTFONTCLASS, \'overlib-text-font-class float-container\', CAPTIONFONTCLASS, \'overlib-caption-font float-container\', CLOSEFONTCLASS, \'overlib-close-font\'';
    if (options) {
        for (command in options) { call += ', ' + options[command].toString(); }
    }
    call += ' );';
    eval(call);
    if (!caption) {
        $("div#overlib-print").click(function() {
            printHTML($("div.overlib-text-font-class")[0].innerHTML);
        });
    }
    return $("div.overlib-text-font-class")[0];
}

function displayHelpInfoCenterIframe(topPos, oElm, width, height) {
    var strURL = oElm.getAttribute("href");
    var content = showInfoLayer(null, null, width, height, ["TEXTFONTCLASS", "'overlib-text-font-class overlib-height-200'"]);
    getXML(strURL, content);
}

function hideElemenstBelowInfoLayer() {
    if ($.browser.msie && $.browser.version <= 6) {
        var arrAllHideBelowInfoLayer = getElementsByClassName(document, "select", "hide-below-info-layer");
        for (var j = 0; j < arrAllHideBelowInfoLayer.length; j++) {
            arrAllHideBelowInfoLayer[j].className = arrAllHideBelowInfoLayer[j].className.replace(/visibility-hidden/gi, '') + ' visibility-hidden';
        } 
    } 
}

function showElementsBelowInfoLayer() {
    if ($.browser.msie && $.browser.version <= 6) {
        var arrAllHideBelowInfoLayer = etElementsByClassName(document, "select", "hide-below-info-layer");
        for (var j = 0; j < arrAllHideBelowInfoLayer.length; j++) {
            arrAllHideBelowInfoLayer[j].className = arrAllHideBelowInfoLayer[j].className.replace(/visibility-hidden/gi, '');
        } 
    } 
}

var oDragObj;
var intOffsetX;
var intOffsetY;
var intContainerOffsetLeft;
var intContainerOffsetTop;
function initDrag(oEvent, oElm) {
    if (!document.getElementById("page")) {
        return;
    }

    var oEvent = (typeof oEvent != "undefined") ? oEvent : event;
    oDragObj = oElm.parentNode;
    intOffsetX = (oEvent.layerX) ? oEvent.layerX : oEvent.offsetX;
    intOffsetY = (oEvent.layerY) ? oEvent.layerY : oEvent.offsetY;
    intContainerOffsetLeft = document.getElementById("page").offsetLeft;
    intContainerOffsetTop = document.getElementById("page").offsetTop;
    if (oEvent.preventDefault) { oEvent.preventDefault(); }
    oElm.ondragstart = function() { event.returnValue = false; }
    document.onselectstart = function() { event.returnValue = false; }
}
var intScrollLeft = 0;
var intScrollTop = 0;

var oBodyElmForIE;
document.onmousemove = function(oEvent) {
    if (oDragObj) {
        intScrollLeft = (window.pageXOffset) ? window.scrollX : oBodyElmForIE.scrollLeft;
        intScrollTop = (window.pageYOffset) ? window.scrollY : oBodyElmForIE.scrollTop;
        var oEvent = (typeof oEvent != "undefined") ? oEvent : event;
        oDragObj.style.left = (oEvent.clientX - (intOffsetX + intContainerOffsetLeft)) + intScrollLeft + "px";
        oDragObj.style.top = (oEvent.clientY - (intOffsetY + intContainerOffsetTop)) + intScrollTop + "px";
        if (oEvent.preventDefault) { oEvent.preventDefault(); }
    } 
}
document.onmouseup = function() {
    oDragObj = null;
    document.onselectstart = function() { event.returnValue = true; }
}