$(document).ready(function(){
    var contCompetisHistorial = 2;
    var contComentarisHistorial = 4;
    var contNoticiesHistorial = 2;
    var stop = false;
    // initialize scrollable
    $("input:submit").button();    
    //if (midaSelect == 0) $(".SelectJornades").attr("style","display:none");
    /*var numJornadesEvaluar = $(".SelectJornadesEvaluar").length;
    var numJornadesRealitzar = $(".SelectJornadesRealizar > option").length;
    var numJornades = $(".SelectJornades").length;

    alert (numJornades);
    if (numJornadesEvaluar == 0) $(".SelectJornadesEvaluar").attr("style","display:none");
    if (numJornadesRealitzar == 0) $(".SelectJornadesRealitzar").attr("style","display:none");
    if (numJornades == 0) $(".SelectJornades").attr("style","display:none");*/
    //$(".radio > div").buttonset();

    /*$("#lateral div").click(function(event) {
        if (stop) {
            event.stopImmediatePropagation();
            event.preventDefault();
            stop = false;
        }
    });
    $("#lateral").accordion({
        header: "> div"
    }).sortable({
        axis: "y",
        handle: "div",
        stop: function(event, ui) {
            stop = true;
        }
    });*/
    $.datepicker.setDefaults($.datepicker.regional['es']);
    $(".datepicker").datepicker({dateFormat: 'yy-mm-dd 00:00:00'});  
    $(".hoverHistorial").click(function(){ //se ejecuta con el evento onChange
        var id = "#infoHoverHistorial" + $(this).attr("id");
        equip1res = $(id).attr("equip1");
        equip2res = $(id).attr("equip2");
        alert ("Tu apuesta fue "+ equip1res + "-" + equip2res);
        return false;
    });

    $("#selCompeticion").change(function(){ //se ejecuta con el evento onChange
        var varMes = $(this).val()  //Devuelve el valor del campo, en este caso el select estatico
        $("#divSelJornadas").load("controlAjax.php", {
            paramTipo : 1,
            idCompeticio : varMes
        }); //paramTipo es el parametro pasado por metodo POST
    });//change

    /////////////////////////////Tipus
    $("#Tipus").change(function(){ //se ejecuta con el evento onChange
        var Tipus = $(this).val()  //Devuelve el valor del campo, en este caso el select estatico
        $("#divEquip1").load("controlAjax.php", {
            paramTipo : 2,
            varTipus : Tipus
        }); //paramTipo es el parametro pasado por metodo POST
    });//change
    //
    $("#Tipus").change(function(){ //se ejecuta con el evento onChange
        var Tipus = $(this).val()  //Devuelve el valor del campo, en este caso el select estatico
        $("#divEquip2").load("controlAjax.php", {
            paramTipo : 3,
            varTipus : Tipus
        }); //paramTipo es el parametro pasado por metodo POST
    });//change

    $(".toggleSidebar").click(function(){ //se ejecuta con el evento onChange
        $(".divToggleSidebar").slideUp();
        id = "#div" + $(this).attr("id");

        if ( $(id).is(':hidden')) {
            $(id).slideDown();
        }
        return false;
    });
  
    $(".leerMasClass").click(function(){ //se ejecuta con el evento onChange
        var id = "#Texte" + $(this).attr("id");
        /*if ( $(id).is(':hidden')) {
                        $(this).attr("innerHTML", "<a id='leerMas{$item.idNoticia}' href='' class='leerMasClass'>Ocultar Noticia</a></span>");
                    } else {

                    }*/
        $(this).attr("innerHTML", "");
        //$(id).slideToggle();
        $(id).fadeIn(2000);
        return false;
    });
    $.tools.tabs.addEffect("slideVer", function(i, done) {
        // 1. upon hiding, the active pane has a ruby background color
        // 1. upon hiding, the active pane has a ruby background color
        $(".jornades").attr("style","display:none");
        $(".jornadesRealizar").attr("style","display:none");
        $(".jornadesEvaluar").attr("style","display:none");
        //$("#accordionHor").tabs("#accordionHor > div", {tabs: 'h3',effect: 'slide', initialIndex: null});
        $(".jornadesMostra").attr("style","display:block");
        $(".jornadesMostraRealizar").attr("style","display:block");
        $(".jornadesMostraEvaluar").attr("style","display:block");       

        //this.getPanes().slideUp().css({backgroundColor: 'transparent'});
        this.getPanes().slideUp();
        // 2. after a pane is revealed, its background is set to its original color (transparent)
        this.getPanes().eq(i).slideDown(function()  {
            $(this).css({
                backgroundColor: 'transparent'
            });
            //$(this).css({opacity: 'none'});
            // the supplied callback must be called after the effect has finished its job
            done.call();
        });
    });

    $.tools.tabs.addEffect("slideHor", function(i, done) {
        // 1. upon hiding, the active pane has a ruby background color
        // 1. upon hiding, the active pane has a ruby background color
        //$(".jornades").attr("style","display:block");
        //$(".jornadesMostra").attr("style","display:block");
        
        this.getPanes().slideUp();
        this.getPanes().eq(i).slideDown(function()  {
            // $(this).css({backgroundColor: 'transparent'});
            // the supplied callback must be called after the effect has finished its job
            done.call();
        });
    });

    $("#accordion").tabs("#accordion > div.pane", {
        tabs: 'h2',
        effect: 'slideVer',
        initialIndex: null
    });
    //$("#accordion div.pane").css({height: "auto"});
                 
                 
    $(".accordionHor").tabs(".accordionHor > div.paneHor", {
        tabs: 'h3',
        effect: 'slide',
        initialIndex: 0
    });
    
    //$(".accordionHor > div.paneHor").css({height: "30px"});
    // perform JavaScript after the document is scriptable.
                   

    $(".SelectJornades").change(function(){ //se ejecuta con el evento onChange
        var id = "#" + $(this).attr("value");
        //$(".jornadesMostra").attr("style","display:none");
        $(".jornades").attr("style","display:none");
        $(".jornadesMostra").attr("style","display:none");
        $(id).animate({
            "height": "auto",
            "opacity": "toggle"
        }, {
            duration: "slow"
        });
        return false;
    });

    $(".SelectJornadesRealizar").change(function(){ //se ejecuta con el evento onChange
        var id = "#" + $(this).attr("value") + "Realizar";
        //$(".jornadesMostra").attr("style","display:none");
        $(".jornadesRealizar").attr("style","display:none");
        $(".jornadesMostraRealizar").attr("style","display:none");
        $(id).animate({
            "height": "auto",
            "opacity": "toggle"
        }, {
            duration: "slow"
        });
        return false;
    });

    $(".SelectJornadesEvaluar").change(function(){ //se ejecuta con el evento onChange
        var id = "#" + $(this).attr("value") + "Evaluar";
        //$(".jornadesMostra").attr("style","display:none");
        $(".jornadesRealizar").attr("style","display:none");
        $(".jornadesMostraRealizar").attr("style","display:none");
        $(id).animate({
            "height": "auto",
            "opacity": "toggle"
        }, {
            duration: "slow"
        });
        return false;
    });
    $("#masComentaris").click(function(){ //se ejecuta con el evento onChange
        //document.getElementById("competicions3").fadeIn(1200);
        //document.getElementById("competicions3").style.display = "block";
        //var event="";
        //event.preventDefault();
        var numComentaris = $("#numComentaris").attr("value");
        for (i=0;((contComentarisHistorial < numComentaris) && (i < 3)); i++) {
            contComentarisHistorial++;
            if (contComentarisHistorial == numComentaris) {
                $("#masComentaris").attr("innerHTML","");
            }
            var comentari = "#comentaris"+ contComentarisHistorial;
            if (navigator.appName == "Netscape") $(comentari).fadeIn(1600);
            else if (navigator.appName == "Microsoft Internet Explorer") $(comentari).fadeIn(1600);
            else $(comentari).show(1600);
        }
        return false;
    });
    $("#newComentari").click(function(){ //se ejecuta con el evento onChange
        $("#newComentari").attr("innerHTML","");
        $("#newComentariForm").slideDown(1600);
        return false;
    });
    $("#masNoticies").click(function(){ //se ejecuta con el evento onChange
        //document.getElementById("competicions3").fadeIn(1200);
        //document.getElementById("competicions3").style.display = "block";
        //var event="";
        //event.preventDefault();
        var numNoticies = $("#numNoticies").attr("value");
        for (i=0;((contNoticiesHistorial < numNoticies) && (i < 2)); i++) {
            contNoticiesHistorial++;
            if (contNoticiesHistorial == numNoticies) {
                $("#masNoticies").attr("innerHTML","");
            }
            var noticia = "#noticies"+ contNoticiesHistorial;
            //$(competicio).fadeIn(1600);
            //$(competicio).show(1600);
            //$(competicio).slideUp();
            //$(competicio).slideDown(3000);
            //document.defaultView = "$(#masCompetis)";

            //$(competicio).html(txt);
            //$(competicio).slideToggle("slow");
            if (navigator.appName == "Netscape") $(noticia).fadeIn(1200);
            else if (navigator.appName == "Microsoft Internet Explorer")  $(noticia).fadeIn.slideDown(1200);
            else $(noticia).show(1200);
        }
        return false;
    });
    $("#masCompetis").click(function(){ //se ejecuta con el evento onChange
        contCompetisHistorial++;
        var competicio = "#competicions"+ contCompetisHistorial;

        if (navigator.appName == "Netscape") $(competicio).slideDown(1600);
        else if (navigator.appName == "Microsoft Internet Explorer") $(competicio).slideDown(1600);
        else $(competicio).show(1600);
        return false;
    });
    //
    $("#incidencias").change(function(){ //se ejecuta con el evento onChange
        var idIncidencia = $(this).val()  //Devuelve el valor del campo, en este caso el select estatico
        $("#panelIncidencias").load("controlAjax.php", {
            paramTipo : 4,
            varIncidencia : idIncidencia
        }); //paramTipo es el parametro pasado por metodo POST
    });//change
    //
    //
    $("#User").keyup(function(){ //se ejecuta con el evento onChange
        var textUser = $(this).val()  //Devuelve el valor del campo, en este caso el select estatico
        $("#ajaxNomUser").load("controlAjax.php", {
            paramTipo : 5,
            varTextUser : textUser
        }); //paramTipo es el parametro pasado por metodo POST
    });//change
    $("form.expose").bind("click keydown", function() {
        $(this).expose({

            // custom mask settings with CSS
            maskId: 'mask',

            // when exposing is done, change form's background color
            /*onBeforeLoad: function() {
                                 $("#logo").getExposed().animate({width: 300});
                            },*/
            onLoad: function() {
            //this.getExposed().animate({width: -600});
            //this.getExposed().css({backgroundColor: '#ffffff'});
            //this.reflect({height: 0.5, opacity: 0.6});
            // when "unexposed", return to original background color
            },
            onClose: function() {
                this.getExposed().css({
                    backgroundColor: null
                });
            //$(".logo").fit();
            },

            api: true
        }).load();
    });
    ////
    // select all desired input fields and attach tooltips to them
    $("#formReg :input").tooltip({

        // place tooltip on the right edge
        position: "center right",

        // a little tweaking of the position
        offset: [-2, 10],

        // use the built-in fadeIn/fadeOut effect
        effect: "fade",

        // custom opacity setting
        opacity: 0.7,

        // use this single tooltip element
        tip: '.tooltip'

    });
    $("#txtAutoCompleteSearch").keyup(function(){
        $(this).autocomplete({
            serviceUrl:"searchajax.php?searchword="+$(this).attr("value")
            })
        });

    $("#mesComentarisComunitat").click(function(){ //se ejecuta con el evento onChange
        // var textUser = $(this).val()  //Devuelve el valor del campo, en este caso el select estatico
        $("#comentariAjaxOc").load("controlAjax.php", {
            paramTipo : 6
        }); //paramTipo es el parametro pasado por metodo POST
        $("#comentariAjax").fadeIn(1200);
        var nou = document.getElementById("comentariAjaxOc").innerHTML;
        var antic = document.getElementById("comentariAjax").innerHTML;
        document.getElementById("comentariAjax").innerHTML = nou + antic;

                   

    //$(this).dispatch("click");
    /*var nou = document.getElementById("comentariAjaxOc").innerHTML;
                   var antic = document.getElementById("comentariAjax").innerHTML;

                   var newDiv = document.createElement("div");
                   newDiv.setAttribute("id", "fading");
                   newDiv.innerHTML = nou + antic;

                   document.getElementById("comentariAjax").appendChild(newDiv);
                   $("#fading").fadeIn(1200);
                   //var Content = document.getElementById("comentariAjaxOc");
                   //var nContent = document.getElementById("comentariAjax");//paramTipo es el parametro pasado por metodo POST
                   //nContent.appendChild(Content);
                   //var txt = document.createTextNode(" This text was added to the DIV.");

                  //var comentariNou = document.getElementById("comentariAjax");

                   //var d = document.getElementById("comentariAjax");
                   //var text = d.innerHTML;
                   //var texte = document.createTextNode("<div>hola</div>");
                   //d.innerHTML = document.getElementById("comentariAjax")+"<div>hola</div>";

                   //newDiv =

                   /*var newDiv = document.createElement("div");
                   newDiv.innerHTML = nou + antic;      */


    //newDiv.innerHTML = "<div> hola </div>";
    //newDiv.setAttribute(name, "pepito");
    //newDiv.appendChild(comentariNou);
    //document.body.insertAfter(d, texte);
    //fade(document.getElementById("comentariAjax"),1200);


    //document.getElementById("comentariAjax").setAttribute("id", "comentariAjax");
    //document.getElementById("comentariAjax").setAttribute("class", "comentariComunitat");
    //document.getElementById("comentariAjax").setAttribute("name", "comentariAjax");
    //$("#comentariAjax").fadeOut(0);
    //$("#comentariAjax").fadeIn(1200)

    //fadeIn("comentariAjax", 1200);
    });

//change
//$("#fila").click(function(){ //se ejecuta con el evento onChange
//var Tipus = $(this).val()  //Devuelve el valor del campo, en este caso el select estatico
//  $("#taula").load("controlAjax.php", {paramTipo : 4}); //paramTipo es el parametro pasado por metodo POST
//});//change
///////////////////////////
   nullSelects();
});

function nullSelects() {
    var Selects = $(".SelectJornades");
    var SelectsEvaluar = $(".SelectJornadesEvaluar");
    var SelectsRealitzar = $(".SelectJornadesRealizar");
    var mida = Selects.length;
    var midaEvaluar = SelectsEvaluar.length;
    var midaRealitzar = SelectsRealitzar.length;
    for (i=0; i <mida; i++) {
        if (Selects[i].length == 0) Selects[i].style.display = "none";
    }
    for (i=0; i <midaEvaluar; i++) {
        if (SelectsEvaluar[i].length == 0) SelectsEvaluar[i].style.display = "none";
    }
    for (i=0; i <midaRealitzar; i++) {
        if (SelectsRealitzar[i].length == 0) SelectsRealitzar[i].style.display = "none";
    }
}
               //ready