//
// ------------   Modifica  01/01/2011 S-G  -   Inizio
//
var myAbsolutePath = "/PommierFurgocar/"
var myAbsolutePath_SkinFile = myAbsolutePath + "App_Themes/SkinFile/"
//
// Scrivo dentro al dom
//
document.write("<div id='JQuery_Autocomplete_Wait' class='autocompleteWait' align='center'></div>")
//
// Menu - Sostituisce un' immagine quando ci si passa sopra ...
//
function SwapMenu(myObyect){
    var myId = myObyect.id
    var myClassName = $("#" + myId).attr("class")
    if (myClassName.search("_Out") > 0){
        ResetMenu()
        ResetSubMenu()
    }
    else if (myClassName.search("_Selected") > 0){
        ResetMenu()
        ResetSubMenu()
    }
    $("#Sub" + myId).css("left", $("#" + myId).position().left)
    $("#Sub" + myId).css("top", $("#" + myId).position().top + $("#" + myId).outerHeight() + 5)
    $("#Sub" + myId).slideDown("slow")
}
//
// Menu - Sostituisce una riga quando ci si passa sopra ...
//
function SwapSubMenu(myObyect){
    var myId = myObyect.id
    var myClassName = $("#" + myId).attr("class")
    if (myClassName.search("_In") > 0){
        $("#" + myId).attr("class", myClassName.replace("_In", "_Out"))
    }
    else if (myClassName.search("_Out") > 0){
        $("#" + myId).attr("class", myClassName.replace("_Out", "_In"))
    }
}
function ResetMenu(){
    $(".Menu_In").attr("class", "Menu_Out")
}
function ResetSubMenu(){
    ResetMenu()
    $(".SubMenu").css("left", "0px")
    $(".SubMenu").css("top", "-200px")
    $(".SubMenu").hide()
}
//
// Aggiorna le dimensioni della maschera UpdatePanel ...
//
function UpdatePanel(){
    var myWindowTop = $(window).scrollTop()
    var myWindowWidth = $(window).width()
    var myWindowHeight = $(window).height()
    $("#UpdatePanel_1").css({ "top": myWindowTop + "px" })
    $("#UpdatePanel_1").css({ "width": myWindowWidth + "px" })
    $("#UpdatePanel_1").css({ "height": myWindowHeight + "px" })
    $("#UpdatePanel_2").css({ "top": myWindowTop + "px" })
    $("#UpdatePanel_2").css({ "width": myWindowWidth + "px" })
    $("#UpdatePanel_2").css({ "height": myWindowHeight + "px" })
    $("#JQuerj_Extruder").css({ "top": myWindowTop + "px" })
    $("#JQuerj_Extruder").css({ "height": myWindowHeight + "px" })
    $("#JQuerj_ExtruderFlap").css({ "top": myWindowTop + 50 + "px" })
}
$(document).ready(function(){
    UpdatePanel()
})
$(window).scroll(function(){
    UpdatePanel()
})
$(window).resize(function(){
    UpdatePanel()
})
//
// Apre un PopUp ...
//
function OpenPopUp(myUrl) {
    var myWindowWidth = $(window).width() / 2
    var myWindowHeight = $(window).height() / 2
    window.open(myUrl, "", "toolbar=no, menubar=no, scrollbars=yes, status=yes, resizable=yes, width=" + myWindowWidth + ", height=" + myWindowHeight + ", left=0, top=0")
}
//
// Animare le pagine ...
//
var myAnimate
//$("#My_Page").css({ "position": "relative", "background-color": "transparent", "left": "-99999px" })
window.onload = function () {
//jQuery(window).bind("load", function () {
    //$("#My_Page").css({ "position": "relative", "background-color": "transparent", "left": "-99999px" })
    AnimatePage(window.location.href, document.referrer)
    var myElement = $("#My_Page")
    var myElementPosition = myElement.position()
    var myWindowWidth = $(window).width()
    if (myAnimate == "false") {
        $("#My_Page").css({ "left": "0", "display": "none" })
    }
    else {
        $("#My_Page").css({ "left": "-" + myWindowWidth + "px" })
    }
    $(document).ready(function () {
        if (myAnimate == "false") {
            $("#My_Page").fadeIn("slow")
        }
        else {
            $("#My_Page").animate({ "left": "0" }, "slow")
        }
    })
}
function AnimatePage(myUrl, myPreviousUrl) {
    var myArray
    myArray = myUrl.split("/")
    myUrl = myArray[myArray.length - 1]
    myArray = myUrl.split(".aspx")
    myUrl = myArray[0]
    myArray = myPreviousUrl.split("/")
    myPreviousUrl = myArray[myArray.length - 1]
    myArray = myPreviousUrl.split(".aspx")
    myPreviousUrl = myArray[0]
    if (myUrl == myPreviousUrl) {
        myAnimate = "false"
    }
    else {
        myAnimate = "true"
    }
}
function AnimatePageGoLink(myHref) {
    location.href = myHref
}
//
// JQuerj ...
//
function JQuerj(){
    //
    // JQuerj - Grafica ...
    //
    $(".My_Mobile_Container").each(function (i, myElement) {
        $("#My_Header").hide()
        //$("#My_Menu").hide()
        $("#My_SiteMapPath").hide()
        $("#Stampa").css({ "margin": "0" })
    })
    var myElement = $("#My_Page")
    var myElementPosition = myElement.position()
    var myWindowWidth = $(window).width()
    $("*[href^='" + myAbsolutePath + "']").click(function () {
        myHref = $(this).attr("href")
        AnimatePage(myHref, window.location.href)
        if (myAnimate == "false") {
            if (myHref.search("#") == -1) {
                $("#My_Page").fadeOut("slow")
                setTimeout("AnimatePageGoLink('" + myHref + "')", 500)
                return false
            }
        }
        else {
            if (myHref.search("#") == -1) {
                $("#My_Page").animate({ "left": "-=" + myWindowWidth + "px" }, "slow")
                setTimeout("AnimatePageGoLink('" + myHref + "')", 500)
                return false
            }
        }
    })
    $("a[href^='../']").each(function (i, myElement) {
        var myRel = $(myElement).attr("rel")
        if (myRel == "ToolTip") {
            $(myElement).mouseover(function () {
                VisibleToolTip($(myElement).attr("href"), $(myElement).html())
            }).mouseout(function () {
                HiddenToolTip()
            })
        }
        var myHref = $(myElement).attr("href")
        while (myHref.indexOf("../") > -1) {
            myHref = myHref.replace("../", "")
        }

        myHref = myHref.replace(/%20/g, "%%2200")

        $(myElement).attr("href", myAbsolutePath + "Link.aspx?File=" + myAbsolutePath + myHref)
    })
    $("img[src!='']").each(function (i, myElement) {
        if ($(myElement).attr("src").search("/ST/") > 0) {
            $(myElement).addClass("frame")
        }
    })
    $("fieldset.form").each(function (i, myElement) {
        if ($(myElement).parents("div.tabs").length == 0) {
            $("fieldset.form").wrap("<div class='form ui-state-default'></div>")
        }
    })
    $("fieldset.noform").each(function (i, myElement) {
        if ($(myElement).parents("div.tabs").length == 0) {
            $("fieldset.noform").wrap("<div class='form ui-state-default'></div>")
        }
    })
    $("tr.Repeater_ItemStyle:odd").addClass("Repeater_OddStyle")
    $("tr.GridView_ItemStyle:odd").addClass("GridView_OddStyle")
    //$(".data:input").datepicker({ dateFormat: "dd/mm/yy", minDate: "+1d" })
    $(".data:input").datepicker({ dateFormat: "dd/mm/yy" })
    $(".myButton").button()
    $(".myBttonSet").buttonset()
    $(".myButtonBack").button({
        icons: { primary: "ui-icon-arrowthick-1-w" },
        label: "Back"
    })
    $(".myButtonSave").button({
        icons: { primary: "ui-icon-check" },
        label: "Save"
    })
    $("div.tabs").tabs()
    $("div.Image_Details").overlay()
    $("table.Table_Base").dataTable({ "bJQueryUI": true, "bPaginate": false, "bLengthChange": false, "bFilter": false, "bSort": false, "bInfo": false, "bAutoWidth": false })
    $("table.Table_Sort").dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers" })
    $("th span").each(function (i, myElement) {
        var myElement_Id = $(myElement).attr("id")
        if (myElement_Id.search("CPH_") == 0) {
            $(myElement).replaceWith($(myElement).html())
        }
    })
    //
    // JQuerj - ToolTip ...
    //
    $(".ToolTip").each(function (i, myElement) {
        var myTag = $(myElement)[0].tagName
        var myRel = $(myElement).attr("rel")
        var myText = ""
        if (myTag == "A") {
            myText = $(myElement).text()
        }
        if (myTag == "TR") {
            myText = $(myElement).attr("title")
            $(myElement).attr("title", "")
        }
        $(myElement).mouseover(function () {
            VisibleToolTip(myRel, myText)
        }).mouseout(function () {
            HiddenToolTip()
        })
    })
    //
    // JQuerj - Autocomplete ...
    //
    if ($("#CPH_1_Label_Autocomplete").length > 0) {
        $("#JQuery_Autocomplete_Body").hide()
        var myAutocomplete_Length = 3
        var myAutocomplete_DB = ""
        var myAutocomplete_SQL = ""
        $("#JQuery_Autocomplete_Body ul > li").each(function (i, myElement) {
            var myElement_Id = $(myElement).attr("id")
            if (myElement_Id == "Length") {
                myAutocomplete_Length = $(myElement).html()
            }
            if (myElement_Id == "DB") {
                myAutocomplete_DB = $(myElement).html()
            }
            if (myElement_Id == "SQL") {
                myAutocomplete_SQL = $(myElement).html()
            }
        })
        var myHtml = $("#CPH_1_Label_Autocomplete").html()
        $("#CPH_1_Label_Autocomplete").html(myHtml.replace("#", myAutocomplete_Length))
        $("#JQuery_Autocomplete_Body ul").hide()
        $("#CPH_1_JQuery_Autocomplete").bind("textchange", function (e) {
            if ($(this).val().length > myAutocomplete_Length) {
                var myPosition = $(this).position()
                var myWidth = $(this).width()
                $("#JQuery_Autocomplete_Wait").css({ "left": (myPosition.left + myWidth + 20) + "px", "top": (myPosition.top - 17) + "px" })
                $.ajax({
                    tipe: "POST",
                    url: myAbsolutePath + "JQuery/Page_Autocomplete.aspx",
                    data: ({ Autocomplete: $(this).val(), DB: myAutocomplete_DB, SQL: myAutocomplete_SQL }),
                    cache: false,
                    beforeSend: function () {
                        $("#JQuery_Autocomplete_Result").empty()
                        $("#JQuery_Autocomplete_Wait").show()
                    },
                    success: function (data) {
                        var myResult = ""
                        if (data.search("<End>") > 0) {
                            myResult = (data).substring(0, data.search("<End>"))
                        }
                        $("#JQuery_Autocomplete_Result").append(myResult)
                        $("#JQuery_Autocomplete_Body").slideDown("slow")
                        $("#JQuery_Autocomplete_Wait").hide()
                    },
                    error: function(){
                    }
                })
            }
        })
    }
    //
    // JQuerj - Charts ...
    //
    if(document.getElementById("JQuery_ChartsLine")){
        Highcharts.visualize = function (myChartsTable, myChartsOptions) {
            var myText = $("caption", myChartsTable).text()
            myChartsOptions.title.text = myText
            myChartsOptions.xAxis.categories = []
            $("thead th", myChartsTable).each(function (i) {
                myChartsOptions.xAxis.categories.push(this.innerHTML)
            })
            myChartsOptions.series = []
            $("tbody th", myChartsTable).each(function (i) {
                myChartsOptions.xAxis.categories.push(this.innerHTML)
                myChartsOptions.series[i] = {
                    name: this.innerHTML,
                    data: []
                }
            })
            $("tbody tr", myChartsTable).each(function (i) {
                var myTr = this
                $("td", myTr).each(function (j) {
                    myChartsOptions.series[i].data.push(parseFloat(this.innerHTML))
                })
            })
            var chart = new Highcharts.Chart(myChartsOptions)
        }
        var myChartsTable = document.getElementById("JQuery_ChartsLine")
		var myChartsOptions = {
			chart: {
				renderTo: "JQuerj_ChartsContainer",
				defaultSeriesType: "line",
				marginRight: 25,
				marginBottom: 80
			},
			title: {
				text: ""
			},
			xAxis: {
			},
			yAxis: {
				title: {
				    text: ""
				}
			},
			tooltip: {
				formatter: function () {
				    return "<b>" + this.series.name + "</b><br/>" + this.y
				}
			}
		}
        Highcharts.visualize(myChartsTable, myChartsOptions)
    }
    //
    // JQuerj - Validator ...
    //
    if ($("fieldset.form").length > 0) {
        $("#validator").validator({ lang: $("#TextBox_Localize").attr("value"), inputEvent: "keyup" })
        $("fieldset label").each(function (i, myElement) {
            myHTML = $(myElement).get(0).innerHTML
            if (myHTML.length < 3) {
                $(myElement).addClass("required")
            }
        })
        $("fieldset select.Label option").each(function (i, myElement) {
            mySelected = $(myElement).attr("selected")
            myValue = $(myElement).attr("value")
            if (mySelected == true) {
                if (myValue == 0) {
                    $(myElement).attr("value", "")
                }
            }
        })
        $("fieldset input").each(function (i, myElement) {
            myId = $(myElement).attr("id")
            myInput = 0
            if (myId.search("CPH_1_") == 0) {
                myId = myId.replace("CPH_1_", "")
                myInput = 1
            }
            if (myId.search("CPH_2_") == 0) {
                myId = myId.replace("CPH_2_", "")
                myInput = 1
            }
            if (myInput > 0) {
                if ($("#" + myId).length > 0) {
                    $("#" + myId).attr("value", $(myElement).attr("value"))
                    $("#" + myId).css("background-color", $(myElement).css("background-color"))
                    if ($(myElement).attr("disabled") == true) {
                        $("#" + myId).attr("required", false)
                        $("#" + myId).attr("disabled", "disabled")
                        $("#" + myId).css("background-color", "#CCCCCC")
                    }
                    $(myElement).css("position", "absolute")
                    $(myElement).css("visibility", "hidden")
                }
            }
        })
        $("fieldset input").bind("change", function (event) {
            myId = $(this).attr("id")
            myValue = $(this).attr("value")
            if ($("#CPH_1_" + myId).length > 0) {
                $("#CPH_1_" + myId).attr("value", myValue)
            }
            if ($("#CPH_2_" + myId).length > 0) {
                $("#CPH_2_" + myId).attr("value", myValue)
            }
        })
        $.tools.validator.fn("[myValidator-Array]", function (input) {
            myId = input.attr("id")
            myValue = input.val()
            if ($("#CPH_1_" + myId).length > 0) {
                myValidator = $("#CPH_1_" + myId).attr("value")
            }
            if ($("#CPH_2_" + myId).length > 0) {
                myValidator = $("#CPH_2_" + myId).attr("value")
            }
            myArray_1 = myValue.split(";")
            myArray_2 = myValidator.split(";")
            return myArray_1.length == myArray_2.length ? true : [myValidator]
        })
        $.tools.validator.localize("it", {
            '*': 'Si prega di correggere il valore !!!',
            ':email': 'Si prega di inserire un indirizzo E-MAIL corretto !!!',
            ':number': 'Si prega di inserire un valore numerico !!!',
            ':url': 'Si prega di inserire un URL valido !!!',
            '[max]': 'Si prega di inserire un valore inferiore a, (   $1   ) !!!',
            '[min]': 'Si prega di inserire un valore maggiore di, (   $1   ) !!!',
            '[required]': 'Si prega di compilare questo campo obbligatorio !!!',
            '[myValidator-Array]': 'Si prega di rispettare la formattazione, (   $1   ) !!!'
        })
        $.tools.validator.localize("en", {
            '*': 'Please correct this value !!!',
            ':email': 'Please enter a correct E-MAIL adres !!!',
            ':number': 'Please enter a numeric value !!!',
            ':url': 'Please enter a valid URL !!!',
            '[max]': 'Please enter a value smaller than, (   $1   ) !!!',
            '[min]': 'Please enter a value larger than, (   $1   ) !!!',
            '[required]': 'Please complete this mandatory field !!!',
            '[myValidator-Array]': 'Please respect the formatting, (   $1   ) !!!'
        })
        $.tools.validator.localize("fr", {
            '*': 'Je vous en prie corriger cette valeur !!!',
            ':email': 'Je vous en prie entrer une adresse E-MAIL correcte !!!',
            ':number': 'Je vous en prie entrer une valeur numérique !!!',
            ':url': 'Je vous en prie entrer une URL valide !!!',
            '[max]': 'Je vous en prie entrer une valeur inférieure à, (   $1   ) !!!',
            '[min]': 'Je vous en prie entrer une valeur supérieure à, (   $1   ) !!!',
            '[required]': 'Je vous en prie remplir ce champ obligatoire !!!',
            '[myValidator-Array]': 'Je vous en prie respecter la mise en forme, (   $1   ) !!!'
        })
    }
}
//
// JQuerj iPod_Menu ...
//
function JQuery_iPod_Menu(myId) {
    var myElement = "#" + myId + " ul"
    var myElement_Id = $(myElement).attr("id")
    var myElement_Title = $(myElement).attr("title")
    $("#" + myElement_Id).addClass("iPod")
    var myText = ""
    myText += "<div class='iPod_box'>"
    myText += "<div id='" + myId + "-iPod_header' class='iPod_header'></div>"
    myText += "<div id='" + myId + "-iPod_accordion'>"
    myText += "<h3><a>" + myElement_Title + "</a></h3>"
    myText += "<div id='" + myId + "-iPod_body' class='iPod_body'></div>"
    myText += "</div></div>"
    $("#" + myId).append(myText)
    JQuery_iPodMenu_Body(myElement_Id, myId)
    var myQueryString = unescape(location.search.substr(1))
    if (myQueryString.search("UniqueId=") == 0) {
        myQueryString = myQueryString.replace("UniqueId=", "")
        var myElement_Id = $("#" + myQueryString).parent().attr("id")
        JQuery_iPodMenu_Empty(myElement_Id, myId)
    }
}
function JQuery_iPodMenu_Body(myId, myRel) {
    $("#" + myId + " > li").each(function (i, myElement) {
        var myElement_Id = $(myElement).attr("id")
        var myElement_Title = $(myElement).attr("title")
        var myQuery = "#" + myElement_Id + " > ul"
        if ($(myQuery).length > 0) {
            var myQuery_Id = $(myQuery).attr("id")
            var myQuery_Title = $(myQuery).attr("title")
            JQuery_iPodMenu_Button("ul", $(myQuery).attr("id"), myRel, $(myQuery).attr("title"))
        }
        else {
            JQuery_iPodMenu_Button("li", myElement_Id, myRel, myElement_Title)
        }
    })
    $(".iPod_content_ul").button({ icons: { primary: "ui-icon-gear", secondary: "ui-icon-triangle-1-e"} })
    $(".iPod_content_li").button({ icons: { primary: "ui-icon-gear"} })
    $(".iPod_content_ul").click(function () { JQuery_iPodMenu_Click(this) })
    $(".iPod_content_li").click
    var myElement_Id = $("#" + myId).attr("id")
    var myElement_Title = $("#" + myId).attr("title")
    $("#" + myRel + "-iPod_accordion h3 a").eq(0).html(myElement_Title)
    $("#" + myRel + "-iPod_accordion").accordion({
        effect: "buind",
        event: "click",
        autoHeight: true,
        navigation: true
    })
}
function JQuery_iPodMenu_Header(myId, myRel) {
    JQuery_iPodMenu_Parent(myId, myRel)
    $(".iPod_menu_a").click(function () { JQuery_iPodMenu_Click(this) })
}
function JQuery_iPodMenu_Parent(myId, myRel) {
    var myElement = "#" + myId
    var myElement_Id = $(myElement).parent().attr("id")
    var myElement_Title = $(myElement).parent().attr("title")
    var myElement_Class = $(myElement).parent().attr("class")
    if (myElement_Title != "") {
        JQuery_iPodMenu_Button("a", myElement_Id, myRel, myElement_Title)
    }
    if (myElement_Class != "iPod") {
        JQuery_iPodMenu_Parent(myElement_Id, myRel)
    }
}
function JQuery_iPodMenu_Button(myT, myId, myRel, myTitle) {
    if (myT == "ul") {
        $("#" + myRel + "-iPod_body").append("<div rel='" + myRel + "' class='iPod_content_ul' title='" + myId + "'><a>" + myTitle + "</a></div>")
    }
    else if (myT == "li") {
        $("#" + myRel + "-iPod_body").append("<div rel='" + myRel + "' class='iPod_content_li' title='" + myId + "'><a href='?UniqueId=" + myId + "'>" + myTitle + "</a></div>")
    }
    else {
        $("#" + myRel + "-iPod_menu").after("<a rel='" + myRel + "' class='iPod_menu_a' title='" + myId + "'>" + myTitle + " >> </a>")
    }
}
function JQuery_iPodMenu_Click(myElement) {
    var myId = $(myElement).attr("title")
    var myRel = $(myElement).attr("rel")
    JQuery_iPodMenu_Empty(myId, myRel)
}
function JQuery_iPodMenu_Empty(myId, myRel) {
    $("#" + myRel + "-iPod_body").empty()
    $("#" + myRel + "-iPod_header").empty()
    $("#" + myRel + "-iPod_header").append("<div id='" + myRel + "-iPod_menu' class='iPod_menu'></div>")
    JQuery_iPodMenu_Body(myId, myRel)
    JQuery_iPodMenu_Header(myId, myRel)
    $("#" + myRel + "-iPod_body").show("buind")
}
//
// Finestra che si muove con il mouse.
//
var myIdToolTip = "MyToolTip"
var myEnableToolTip = false
var myWidthToolTip = 200
var myOffsetFromCursor_X = 15
var myOffsetFromCursor_Y = 15
document.write("<div id='" + myIdToolTip + "' align='center'></div>")
function VisibleToolTip(My_FullFileName, My_String){
    //$("#" + myIdToolTip).html(My_String + "<br />" + My_FullFileName + "<br /><br /><img src='" + My_FullFileName + "' />")
    $("#" + myIdToolTip).html(My_String + "<br /><br /><img src='" + My_FullFileName + "' />")
    myEnableToolTip = true
}
function HiddenToolTip(){
    $("#" + myIdToolTip).css({ "visibility": "hidden" })
    myEnableToolTip = false
}
$(document).mousemove(function (e){
    var myPositionCursor_X = e.pageX
    var myPositionCursor_Y = e.pageY
    if (myEnableToolTip){
        $("#" + myIdToolTip).css({ "visibility": "visible" })
        var myWindowTop = $(window).scrollTop()
        var myWindowWidth = $(window).width()
        var myWindowHeight = $(window).height()
        // Horizontal position
        if (myPositionCursor_X > (myWindowWidth / 2) + myWindowTop) {
            $("#" + myIdToolTip).css({ "left": myPositionCursor_X - $("#" + myIdToolTip).width() - myOffsetFromCursor_X + "px" })
        }
        else{
            $("#" + myIdToolTip).css({ "left": myPositionCursor_X + myOffsetFromCursor_X + "px" })
        }
        // Vertical position
        if (myPositionCursor_Y > (myWindowHeight / 2) + myWindowTop) {
            $("#" + myIdToolTip).css({ "top": myPositionCursor_Y - $("#" + myIdToolTip).height() - myOffsetFromCursor_Y + "px" })
        }
        else{
            $("#" + myIdToolTip).css({ "top": myPositionCursor_Y + myOffsetFromCursor_Y + "px" })
        }
    }
})