xOffset = 10;
yOffset = 20;






$(function() {

    // faq toggle
    $(".faq-q").click(function() {
        $(this).next(".faq-a").slideToggle("fast");
    });


    $("#closeHomePagePopup").click(function() { $("div.homepagePopup").hide("slow"); });


    $("img.tooltip").hover(function(e) {

        this.t = this.title;
        this.title = "";
        $("body").append("<p id='tooltip'>" + this.t + "</p>");
        $("#tooltip")
			.css("top", (e.pageY - xOffset) + "px")
			.css("left", (e.pageX + yOffset) + "px")
			.fadeIn("fast");
    },
	function() {
	    this.title = this.t;
	    $("#tooltip").remove();
	});
    $("a.tooltip").mousemove(function(e) {
        $("#tooltip")
			.css("top", (e.pageY - xOffset) + "px")
			.css("left", (e.pageX + yOffset) + "px");
    });

    $("div.NavEItem img").click(function() {

        var imgID = $(this).attr("id");
        var src = $(this).attr("src");
        //alert("from developer:  " + src);
        if (src.search("open") > -1) {
            //document[imgID].src = src.replace("open", "close");
            //alert("message from developer: currently testing:open:" + imgID);
            $(this).attr("src", "/images/closeNavE.gif");
            //$(this).attr("src", src.replace("open", "close"));
        }
        else {
            //alert("message from developer: currently testing:close" +$(this).attr("src") );
            //$(this).attr("src", src.replace("close", "open"));
            $(this).attr("src", "/images/openNavE.gif");
            //document[imgID].src = src.replace("open", "close");
        }

        var lineage = imgID.substring(3);
        $("#div" + lineage).toggle();
    });

    $("img.swapme").mouseover(
        function()
        { var src = $(this).attr("src").match(/[^\.]+/) + "_over.jpg"; $(this).attr("src", src); }
        ).mouseout(function() { var src = $(this).attr("src").replace("_over", ""); $(this).attr("src", src); });

    $("#networkTab").hover(
      function() {
          $(this).addClass("aactive");
      },
      function() {
          $(this).removeClass("aactive")
      });
    $("#réseauTab").hover(
      function() {
          $(this).addClass("aactive");
      },
      function() {
          $(this).removeClass("aactive")
      });

    $("#broadcastTab").hover(
      function() {
          $(this).addClass("aactive");
      },
      function() {
          $(this).removeClass("aactive")
      });
    $("#diffusionTab").hover(
      function() {
          $(this).addClass("aactive");
      },
      function() {
          $(this).removeClass("aactive")
      });

    $("#mstreatmentTab").hover(
      function() {
          $(this).addClass("aactive");
      },
      function() {
          $(this).removeClass("aactive")
      });
    $("#traitementsdelasepTab").hover(
      function() {
          $(this).addClass("aactive");
      },
      function() {
          $(this).removeClass("aactive")
      });

    $("#storytellingTab").hover(
      function() {
          $(this).addClass("aactive");
      },
      function() {
          $(this).removeClass("aactive")
      });
    $("#narrationTab").hover(
      function() {
          $(this).addClass("aactive");
      },
      function() {
          $(this).removeClass("aactive")
      });

    $("#NavAtOneIdea").hover(
      function() {
          $(this).animate({ "height": 98 }, 200);
      },
      function() {
          $(this).animate({ "height": 30 }, 200);
      });

    $("#NavAtOneIdeaFr").hover(
      function() {
          $(this).animate({ "height": 98 }, 200);
      },
      function() {
          $(this).animate({ "height": 38 }, 200);
      });


    $("#linkZero").click(
        function(event) {
            $("#linkZeroPopUp").toggle();
            $("#linkZeroPopUpImage").toggle();
            $("#linkZero").toggleClass("active");
            event.preventDefault();
        });

    $("#linkOne").hover(
        function() {
            $("#linkOnePopUp").show();
            $("#linkOnePopUpImage").show();
            $("#linkTwoPopUp").hide();
            $("#linkTwoPopUpImage").hide();
            $("#linkTwo").stopTime("linkTwohide");
            fadeHome();
        },
        function() {


            $(this).oneTime(300, "linkOnehide", function() {
                $("#linkOnePopUp").hide();
                $("#linkOnePopUpImage").hide();
                unfadeHome();
            });
        });

    $("#linkOnePopUp").hover(
        function() {
            $("#linkOne").stopTime("linkOnehide");
        },
        function() {
            $("#linkOnePopUp").hide();
            $("#linkOnePopUpImage").hide();
            unfadeHome();
        }
    );


    $("#linkTwo").hover(
        function() {
            $("#linkOnePopUp").hide();
            $("#linkOnePopUpImage").hide();
            $("#linkTwoPopUp").show();
            $("#linkTwoPopUpImage").show();
            $("#linkThreePopUp").hide();
            $("#linkThreePopUpImage").hide();
            $("#linkOne").stopTime("linkOnehide");
            $("#linkThree").stopTime("linkThreehide");
            fadeHome();
        },
        function() {
            $(this).oneTime(300, "linkTwohide", function() {
                $("#linkTwoPopUp").hide();
                $("#linkTwoPopUpImage").hide();
                unfadeHome();
            });
        });

    $("#linkTwoPopUp").hover(
        function() {
            $("#linkTwo").stopTime("linkTwohide");
        },
        function() {
            $("#linkTwoPopUp").hide();
            $("#linkTwoPopUpImage").hide();
            unfadeHome();
        }
    );

    $("#linkThree").hover(
        function() {
            $("#linkTwoPopUp").hide();
            $("#linkTwoPopUpImage").hide();
            $("#linkFourPopUp").hide();
            $("#linkFourPopUpImage").hide()
            $("#linkThreePopUp").show();
            $("#linkThreePopUpImage").show()
            $("#linkTwo").stopTime("linkTwohide");
            $("#linkFour").stopTime("linkFourhide");
            fadeHome();
        },
        function() {
            $(this).oneTime(300, "linkThreehide", function() {
                $("#linkThreePopUp").hide();
                $("#linkThreePopUpImage").hide()
                unfadeHome();
            });
        });

    $("#linkThreePopUp").hover(
        function() {
            $("#linkThree").stopTime("linkThreehide");
        },
        function() {
            $("#linkThreePopUp").hide();
            $("#linkThreePopUpImage").hide()
            unfadeHome();
        }
    );

    $("#linkFour").hover(
        function() {
            $("#linkThreePopUp").hide();
            $("#linkThreePopUpImage").hide()
            $("#linkFourPopUp").show();
            $("#linkFourPopUpImage").show()
            $("#linkThree").stopTime("linkThreehide");

            fadeHome();
        },
        function() {
            $(this).oneTime(300, "linkFourhide", function() {
                $("#linkFourPopUp").hide();
                $("#linkFourPopUpImage").hide()
                unfadeHome();
            });
        });

    $("#linkFourPopUp").hover(
        function() {
            $("#linkFour").stopTime("linkFourhide");
        },
        function() {
            $("#linkFourPopUp").hide();
            $("#linkFourPopUpImage").hide()
            unfadeHome();
        }
    );

    $("#homepageBox div").addClass("hidden");
    $("div.default").show();
    //<region: event handlers>

    ///<summary>Toggle the news tab</summary>
    $("a.News").click(function(event) {
        $("div.News").show();
        $("div.CommunityUpdates").hide();
        $("a.News").addClass("active");
        $("a.CommunityUpdates").removeClass("active");
        event.preventDefault();
    });

    //<summary>Toggle the community tab</summary>
    $("a.CommunityUpdates").click(function(event) {
        $("div.News").hide();
        $("div.CommunityUpdates").show();
        $("a.News").removeClass("active");
        $("a.CommunityUpdates").addClass("active");
        event.preventDefault();
    });

    ///<summary>Change to smallest font size</summary>
    $("#fontNormal").click(function(event) {
        $("body").removeClass("bigger");
        $("body").removeClass("biggest");
    });

    ///<summary>Change to bigger font size</summary>
    $("#fontBigger").click(function(event) {
        $("body").addClass("bigger");
        $("body").removeClass("biggest");
    });

    ///<summary>Change to biggest font size</summary>
    $("#fontBiggest").click(function(event) {
        $("body").addClass("biggest");
        $("body").removeClass("bigger");
    });

    ///<summary>Show the First Rollover</summary>
    $("div.One").hoverIntent(showRollover, hideRollover);
    $("div.Two").hoverIntent(showRollover, hideRollover);
    $("div.Three").hoverIntent(showRollover, hideRollover);
    $("div.Four").hoverIntent(showRollover, hideRollover);
    ////////    $("div.One").hover(function(event) {
    ////////        $("div.OneRollover").show();
    ////////        $("#MainContent").fadeTo("slow", 0.33);
    ////////        $("#calloutimage").fadeTo("slow", 0.33);
    ////////        $("#MainContent p").fadeTo("slow", 0.33);
    ////////    }, function() {
    ////////        $("div.OneRollover").hide();
    ////////        $("#MainContent").fadeTo("slow", 1);
    ////////        $("#calloutimage").fadeTo("slow", 1);
    ////////        $("#MainContent p").fadeTo("slow", 1);
    ////////    });

    ///<summary>hover event on callout_orange</summary>
    //$("#callout_orange").hoverIntent(showCallout, resetCallout);
    $("#callout_orange").hover(function() { $(this).animate({ "height": 75 }, 200); }, function() { $(this).animate({ "height": 69 }, 200); });
    $("#callout_orange").click(function() {
        $("div.default").hide("fast");
        $("div.blue").hide("fast");
        $("div.green").hide("fast");
        $("div.orange").show("fast");
        $("#calloutimage").attr("src", "images/callout_orange_woman.png");
        $("#callout_orange").attr("src", "images/callout_orange_over.png");
    },
    function() { $("#callout_orange").attr("src", "images/callout_orange.png"); });

    ///<summary>hover event on callout_blue</summary>
    //$("#callout_blue").hoverIntent(showCallout, resetCallout);
    $("#callout_blue").hover(function() { $(this).animate({ "height": 110 }, 200); }, function() { $(this).animate({ "height": 98 }, 200); });
    $("#callout_blue").click(function() {
        $("div.default").hide("fast");
        $("div.blue").show("fast");
        $("div.green").hide("fast");
        $("div.orange").hide("fast");
        $("#callout_blue").attr("src", "images/callout_blue_over.png");
        $("#calloutimage").attr("src", "images/callout_blue_guy.png");
        $("#callout_green").attr("src", "images/callout_green.png");
        $("#callout_orange").attr("src", "images/callout_orange.png");
    },
    function() {
        $("#callout_blue").attr("src", "images/callout_blue.png");
    });

    ///<summary>hover event on callout_green</summary>
    //    $("#callout_green").hoverIntent(showCallout, resetCallout);
    $("#callout_green").hover(function() {
        $(this).animate({ "height": 53 }, 200);
    }, function() {
        $(this).animate({ "height": 47 }, 200);
    });
    $("#callout_green").click(function() {
        $("div.default").hide("fast");
        $("div.blue").hide("fast");
        $("div.green").show("fast");
        $("div.orange").hide("fast");
        $("#callout_green").attr("src", "images/callout_green_over.png");
        $("#calloutimage").attr("src", "images/callout_green_woman.png");
        $("#callout_orange").attr("src", "images/callout_orange.png");
        $("#callout_blue").attr("src", "images/callout_blue.png");
    },
    function() {
        $("#callout_green").attr("src", "images/callout_green.png");
    });


    ///<summary></summary>
    $("#calloutboundary").mouseout(function(event) {
        $("div.orange").hide("fast");
        $("div.blue").hide("fast");
        $("div.green").hide("fast");
        $("div.default").show("fast")
        $("#calloutimage").attr("src", "images/callout_default_girl.jpg");
        $("#callout_orange").attr("src", "images/callout_orange.png");
    });

    //</region: event handlers>

    //<region: functions>

    ///<summary>Display the appropriate Tab</summary>
    function showCallout() {
        switch ($(this).attr("id")) {
            case "callout_orange":
                $(this).animate({ "height": 75 }, 200);
                $("div.default").hide("fast");
                $("div.blue").hide("fast");
                $("div.green").hide("fast");
                $("div.orange").show("fast");
                $("#calloutimage").attr("src", "images/callout_orange_woman.png");
                $("#callout_orange").attr("src", "images/callout_orange_over.png");
                break;
            case "callout_blue":
                $(this).animate({ "height": 110 }, 200);
                $("div.default").hide("fast")
                $("div.blue").show("fast");
                $("#callout_blue").attr("src", "images/callout_blue_over.png");
                $("#calloutimage").attr("src", "images/callout_blue_guy.png");
                break;
            case "callout_green":

                $(this).animate({ "height": 53 }, 200);
                $("div.default").hide("fast")
                $("div.green").show("fast");
                $("#callout_green").attr("src", "images/callout_green_over.png");
                $("#calloutimage").attr("src", "images/callout_green_woman.png");
                break;
        }
    }

    ///<summary>Reset the appropriate Tab</summary>
    ///<param name="">Jquery object</param>
    function resetCallout() {
        switch ($(this).attr("id")) {
            case "callout_orange":
                $(this).animate({ "height": 69 }, 200);
                $("#callout_orange").attr("src", "images/callout_orange.png");
                break;
            case "callout_blue":
                $(this).animate({ "height": 98 }, 200);
                $("#callout_blue").attr("src", "images/callout_blue.png");
                break;
            case "callout_green":
                $(this).animate({ "height": 47 }, 200);
                $("#callout_green").attr("src", "images/callout_green.png");
                break;
        }
    }


    ///<summary>Show the appropriate Rollover</summary>
    function showRollover() {
        switch ($(this).attr("class")) {
            case "One":
                $("div.OneRollover").show();
                $("#homepageBox div").fadeTo("fast", 0.33);
                $("#calloutimage").fadeTo("slow", 0.33);
                $("div.content p").fadeTo("slow", 0.33);
                break;

            case "Two":
                $("div.TwoRollover").show();
                $("#homepageBox div").fadeTo("fast", 0.33);
                $("#calloutimage").fadeTo("slow", 0.33);
                $("div.content p").fadeTo("slow", 0.33);
                break;

            case "Three":
                $("div.ThreeRollover").show();
                $("#homepageBox div").fadeTo("fast", 0.33);
                $("#calloutimage").fadeTo("slow", 0.33);
                $("div.content p").fadeTo("slow", 0.33);
                break;

            case "Four":
                $("div.FourRollover").show();
                $("#homepageBox div").fadeTo("fast", 0.33);
                $("#calloutimage").fadeTo("slow", 0.33);
                $("div.content p").fadeTo("slow", 0.33);
                break;
        }

    }
    function hideRollover() {

        switch ($(this).attr("class")) {
            case "One":
                $("div.OneRollover").hide();
                $("#homepageBox div").fadeTo("fast", 1);
                $("#calloutimage").fadeTo("slow", 1);
                $("div.content p").fadeTo("slow", 1);
                break;

            case "Two":
                $("div.TwoRollover").hide();
                $("#homepageBox div").fadeTo("fast", 1);
                $("#calloutimage").fadeTo("slow", 1);
                $("div.content p").fadeTo("slow", 1);
                break;

            case "Three":
                $("div.ThreeRollover").hide();
                $("#homepageBox div").fadeTo("fast", 1);
                $("#calloutimage").fadeTo("slow", 1);
                $("div.content p").fadeTo("slow", 1);
                break;

            case "Four":
                $("div.FourRollover").hide();
                $("#homepageBox div").fadeTo("fast", 1);
                $("#calloutimage").fadeTo("slow", 1);
                $("div.content p").fadeTo("slow", 1);
                break;

        }

    }
    //<region: functions>

    try {
        $("p.InnerCallOut").corner();
        $("div.InnerCallOut").corner();
        $("div.bottomLogin").corner("round br");

        $("div.blogtop").corner("round tl tr");
        $("div.blogbottom").corner("round bl br");
        $("*.rounded").corner();
    }
    catch (err) {
        //Handle errors here
    }

    function fadeHome() {
        if ($.browser.version == "6.0") {

        } else {
            $("#homepageBox div").fadeTo("fast", 0.33);
            $("#calloutimage").fadeTo("slow", 0.33);
            $("div.content p").fadeTo("slow", 0.33);
            $("div.content h2").fadeTo("slow", 0.33);
        }

    }

    function unfadeHome() {
        if ($.browser.version == "6.0") {

        } else {
            $("#homepageBox div").fadeTo("fast", 1);
            $("#calloutimage").fadeTo("fast", 1);
            $("div.content p").fadeTo("fast", 1);
            $("div.content h2").fadeTo("fast", 1);
        }
    }

});