$(document).ready(function() {
    //cambio de tamaņo del div "pages"
    var sizePage=875;
    var nPages=$('#pages').children().size();
    $('#pages').css("width",nPages*sizePage);

    /**/
    $('#next').click(function(){
        movePage('#pages',sizePage);

    });
    $('#previous').click(function(){
        movePage('#pages',-sizePage);
    });
    /**/
    /**/
    $('#nav ul li').each(function(){
        //$(this).attr("class","")
        $(this).click(function(){
            //desactiva todos los links
            $('#nav ul li a').removeClass("active")
            //activa el link presionado
            $(this).children().addClass("active")

            //escondido de los divs
            //indices del actual y el siguiente
            var nCurrent = -1*parseInt($("#pages").css("margin-left"))/sizePage;
            var nNext = $("#pages").children("div[number="+$(this).children().attr("number")+"]").index()

            if(nCurrent==nNext){
                return false
            }

            if (nCurrent>nNext) {
                $("#pages").children().filter(":lt("+nCurrent+")").filter(":gt("+nNext+")").hide()
                $('#pages').css("margin-left",-(sizePage*(nNext+1)))
                //move previous
                movePage('#pages',-sizePage)
            }else{
                $("#pages").children().filter(":lt("+nNext+")").filter(":gt("+nCurrent+")").hide()
                //move next
                movePage('#pages',sizePage,(nNext))
            }
        });
    })
    /**/
    /*
                $('#header-container').click(function(){

                    //var preLoad='<div class="preload-image" style="text-align:center; margin-top:150px;" ><img src="images/wait.gif" alt="Wait" title="Wait" /></div>';
                    $('.preload-image').css('display','block')
                    $("#our-practices").load("our-practices.html",function(){
                        //$('.preload-image').css('display','none')
                    });


                })
                 */

    $("a.contact-info").click(function(){
        //desactiva todos los links
        var nNumber=$(this).attr("number")
        $('#nav ul li a').removeClass("active")
        //activa el link presionado
        //$("#nav ul li a[number="+nNumber+"]").addClass("active")
                        
        //$("#nav ul li a[number=70]").addClass("active")

        //escondido de los divs
        //indices del actual y el siguiente
        var nCurrent = -1*parseInt($("#pages").css("margin-left"))/sizePage;
        var nNext = $("#pages").children("div[number="+nNumber+"]").index()

        if(nCurrent==nNext){
            return false
        }

        if (nCurrent>nNext) {
            $("#pages").children().filter(":lt("+nCurrent+")").filter(":gt("+nNext+")").hide()
            $('#pages').css("margin-left",-(sizePage*(nNext+1)))
            //move previous
            movePage('#pages',-sizePage)
        }else{
            $("#pages").children().filter(":lt("+nNext+")").filter(":gt("+nCurrent+")").hide()
            //move next
            movePage('#pages',sizePage,(nNext))
        }
    });

    $("a.home-oval").click(function(){
        //desactiva todos los links
        var nNumber=$(this).attr("number")
        $('#nav ul li a').removeClass("active")
        //activa el link presionado
        //$("#nav ul li a[number="+nNumber+"]").addClass("active")

        //$("#nav ul li a[number=70]").addClass("active")

        //escondido de los divs
        //indices del actual y el siguiente
        var nCurrent = -1*parseInt($("#pages").css("margin-left"))/sizePage;
        var nNext = $("#pages").children("div[number="+nNumber+"]").index()

        if(nCurrent==nNext){
            return false
        }

        if (nCurrent>nNext) {
            $("#pages").children().filter(":lt("+nCurrent+")").filter(":gt("+nNext+")").hide()
            $('#pages').css("margin-left",-(sizePage*(nNext+1)))
            //move previous
            movePage('#pages',-sizePage)
        }else{
            $("#pages").children().filter(":lt("+nNext+")").filter(":gt("+nCurrent+")").hide()
            //move next
            movePage('#pages',sizePage,(nNext))
        }
    });

    $("#header h1 a").click(function(){
        //desactiva todos los links
        var nNumber=$(this).attr("number")
        $('#nav ul li a').removeClass("active")
        //activa el link presionado
        //$("#nav ul li a[number="+nNumber+"]").addClass("active")

        //$("#nav ul li a[number=70]").addClass("active")

        //escondido de los divs
        //indices del actual y el siguiente
        var nCurrent = -1*parseInt($("#pages").css("margin-left"))/sizePage;
        var nNext = $("#pages").children("div[number="+nNumber+"]").index()

        if(nCurrent==nNext){
            return false
        }

        if (nCurrent>nNext) {
            $("#pages").children().filter(":lt("+nCurrent+")").filter(":gt("+nNext+")").hide()
            $('#pages').css("margin-left",-(sizePage*(nNext+1)))
            //move previous
            movePage('#pages',-sizePage)
        }else{
            $("#pages").children().filter(":lt("+nNext+")").filter(":gt("+nCurrent+")").hide()
            //move next
            movePage('#pages',sizePage,(nNext))
        }
    });
    
    $("#header .home").click(function(){
        //desactiva todos los links
        var nNumber=$(this).attr("number")
        $('#nav ul li a').removeClass("active")
        //activa el link presionado
        //$("#nav ul li a[number="+nNumber+"]").addClass("active")

        //$("#nav ul li a[number=70]").addClass("active")

        //escondido de los divs
        //indices del actual y el siguiente
        var nCurrent = -1*parseInt($("#pages").css("margin-left"))/sizePage;
        var nNext = $("#pages").children("div[number="+nNumber+"]").index()

        if(nCurrent==nNext){
            return false
        }

        if (nCurrent>nNext) {
            $("#pages").children().filter(":lt("+nCurrent+")").filter(":gt("+nNext+")").hide()
            $('#pages').css("margin-left",-(sizePage*(nNext+1)))
            //move previous
            movePage('#pages',-sizePage)
        }else{
            $("#pages").children().filter(":lt("+nNext+")").filter(":gt("+nCurrent+")").hide()
            //move next
            movePage('#pages',sizePage,(nNext))
        }
    });

    var pos=location.href.indexOf('number');
    if (pos>1){
        var numberPage=location.href.substring(pos+7,pos+9);

                //desactiva todos los links
        var nNumber=numberPage
        $('#nav ul li a').removeClass("active")
        //activa el link presionado
        //$("#nav ul li a[number="+nNumber+"]").addClass("active")

        //$("#nav ul li a[number=70]").addClass("active")

        //escondido de los divs
        //indices del actual y el siguiente
        var nCurrent = -1*parseInt($("#pages").css("margin-left"))/sizePage;
        var nNext = $("#pages").children("div[number="+nNumber+"]").index()

        if(nCurrent==nNext){
            return false
        }

        if (nCurrent>nNext) {
            $("#pages").children().filter(":lt("+nCurrent+")").filter(":gt("+nNext+")").hide()
            $('#pages').css("margin-left",-(sizePage*(nNext+1)))
            //move previous
            movePage('#pages',-sizePage)
        }else{
            $("#pages").children().filter(":lt("+nNext+")").filter(":gt("+nCurrent+")").hide()
            //move next
            movePage('#pages',sizePage,(nNext))
        }
    }
         




});

function movePage(div,val,nNext){
    $("#body").css("overflow-x","hidden");
    var margin=parseInt($(div).css('margin-left'));
    var sizePage=$(div).width();

    if (val<0 && margin>=0){
        return false
    }
    if (val>0 && (-margin)>=(sizePage-val)){
        return false
    }

    var margin2=parseInt($(div).css('margin-left'));
    var aux=-margin2+val
    if(nNext>=0){
        aux=val*nNext
    }

    var indexChildren=((aux)/875);
    //var pageNumber=$("#pages").children().eq(indexChildren).attr("number");
    var pageName=$("#pages").children().eq(indexChildren).attr("id");
    var content=$("#pages").children().eq(indexChildren).html();
    //$("#test").html(content.indexOf("page")+" "+pageName)
    if(content.length<50){
        $('.preload-image').css('display','block')
        var pageExtension=".html";
        if (pageName=="our-founder"){
            pageExtension=".php"
        }
        $("#"+pageName).load(pageName+pageExtension+" #"+pageName,function(){
            $('.preload-image').css('display','none')
            movePage(div,val,nNext)
            // if($.browser.chrome || $.browser.safari){
            //para animacion de iconos
            if (pageName=='what-matters') sliderCarousel2();
            //FIN para animacion de iconos

            //para otros exploradores
            $("#page-our-practices").hide();
            $("#page-our-process").hide();
            $("#page-press-releases").hide();
        //para otros exploradores
        //}
        });
        return false;
    }
    if (!(val<0 && margin>=0) && !(val>0 && (-margin)>=(sizePage-val))){
        jQuery(div).animate({
            'margin-left':'-='+val
        }, 1000,function(){
            $("#pages").children().show();
            if (nNext>0){
                $('#pages').css("margin-left",-(val*(nNext)))
            }
            var margin2=parseInt($(div).css('margin-left'));
            var indexChildren=(-margin2/875);
            var pageNumber=$("#pages").children().eq(indexChildren).attr("number");
            //if ($("#nav ul li a[number="+pageNumber+"]").size()>0){
            //desactiva todos los links
            $('#nav ul li a').removeClass("active")
            //activa el link presionado
            $("#nav ul li a[number="+pageNumber+"]").addClass("active")
        //}

        });
    }
}

function moveInnerPage(pageHide,pageShow){
    $(pageHide).hide();
    $(pageShow).fadeIn(1500);
}






function sliderCarousel2() {
    var nTimes=1;
    var moreTimes=0;

    var totalPanels			= $(".scrollContainer").children().size();

    var regWidth			= $(".panel").css("width");
    var regImgWidth			= $(".panel img").css("width");
    var regTitleSize		= $(".panel h2").css("font-size");
    var regParSize			= $(".panel p").css("font-size");

    var movingDistance	    = 85;

    var curWidth			= 350;
    var curImgWidth			= 340;    /* width of middle highlighted image */
    var curTitleSize		= "20px"; /* Heading size of text */
    var curParSize			= "15px"; /* size of para text */

    var $panels				= $('#slider .scrollContainer > div');
    var $container			= $('#slider .scrollContainer');

    $panels.css({
        'float' : 'left',
        'position' : 'relative'
    });

    $("#slider").data("currentlyMoving", false);

    $container
    .css('width', ($panels[0].offsetWidth * $panels.length) + 200 )
    .css('left', "85px"); /* for middle image */

    var scroll = $('#slider .scroll').css('overflow', 'hidden');

    function returnToNormal(element) {
        $(element)
        //.animate({ width: regWidth })
        .animate({
            height: '75px',
            width:'75px'
        })
        .find("img")
        //.animate({ width: regImgWidth })
        .animate({
            height: '75px',
            width:'75px'
        });
    };

    function growBigger(element) {
        $(element)
        //.animate({ width: curWidth })
        .animate({
            height: '150px',
            width:'150px'
        })
        .find("img")
        //.animate({ width: curImgWidth })
        .animate({
            height: '150px',
            width:'150px'
        })
    }

    //direction true = right, false = left
    function change(direction) {

        //if not at the first or last panel
        if((direction && !(curPanel < totalPanels)) || (!direction && (curPanel <= 1))) {
            return false;
        }

        //if not currently moving
        if (($("#slider").data("currentlyMoving") == false)) {

            $("#slider").data("currentlyMoving", true);
            //$(".photo").reflect({height:0.2,opacity:0.4});

            var next         = direction ? curPanel + 1 : curPanel - 1;
            var leftValue    = $(".scrollContainer").css("left");
            var movement	 = direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;

            $(".scrollContainer")
            .stop()
            .animate({
                "left": movement
            }, function() {
                $("#slider").data("currentlyMoving", false);
                if(nTimes==1){
                    $(document).everyTime().stopTime(); // detener el movimiento
                }
                if(nTimes>1){
                    //change(direction);
                    --nTimes;
                }

            });
            returnToNormal("#panel_"+curPanel);
            growBigger("#panel_"+next);

            curPanel = next;

            $("#test").html( nTimes+"ntimes");


            //remove all previous bound functions
            $("#panel_"+(curPanel+1)).unbind();

            //go forward
            $("#panel_"+(curPanel+1)).click(function(){
                $("#animation-nav a.active").removeClass("active").next().addClass("active");
                change(true);
            });

            //remove all previous bound functions
            $("#panel_"+(curPanel-1)).unbind();

            //go back
            $("#panel_"+(curPanel-1)).click(function(){
                $("#animation-nav a.active").removeClass("active").prev().addClass("active");
                change(false);
            });

            //remove all previous bound functions
            $("#panel_"+curPanel).unbind();
        }

    }

    // Set up "Current" panel and next and prev
    growBigger("#panel_1");
    var curPanel = 1;

    $("#panel_"+(curPanel+1)).click(function(){
        $("#animation-nav a.active").removeClass("active").next().addClass("active");
        change(true);
    });
    $("#panel_"+(curPanel-1)).click(function(){
        $("#animation-nav a.active").removeClass("active").prev().addClass("active");
        $(this).addClass("active")
        change(false);
    });

    //when the left/right arrows are clicked
    $(".right").click(function(){
        if(nTimes==1){
            change(true);
        }else{
            $(document).everyTime(100, function() {
                change(true);
            });
        }

    });
    $(".left").click(function(){
        if(nTimes==1){
            change(false);
        }else{
            $(document).everyTime(100, function() {
                change(false);
            });
        }
    });

    //    $(window).keydown(function(event){
    //        switch (event.keyCode) {
    //            case 13: //enter
    //                $(".right").click();
    //                break;
    //            case 32: //space
    //                $(".right").click();
    //                break;
    //            case 37: //left arrow
    //                $(".left").click();
    //                break;
    //            case 39: //right arrow
    //                $(".right").click();
    //                break;
    //        }
    //    });

    $("#animation-nav a").each(function(){
        $(this).click(function(){
            var current=$("#animation-nav a.active").html();
            var next=$(this).html();

            if(current!=next){
                if(current<next){
                    nTimes=next-current
                    $(".right").click();
                }else{
                    nTimes=current-next
                    $(".left").click();
                }
            }
            // if(nTimes==1){
            //desactiva todos los links
            $("#animation-nav a").removeClass("active")
            //activa el link presionado
            $(this).addClass("active")
        //}

        })
    });
};