/**
 *  general.js
 *  Digitalanddirect.com - Jan 2008
 *  Authors: Terence Mayne, Jason Smeaton     
 */
$(document).ready(function() {
    var clickedImg = "0";
    var clickedPos = "0";
    var topBox = "1";
    var topBoxThumbID = "pos1";

    $(".selectedTab").mouseover(function() {
        $(".subShowTroubleShooting").addClass("subNoShowTroubleShooting");
        $(".subShowTroubleShooting").removeClass("subShowTroubleShooting"); //Hide troubleshooting

        $(".subShowHowToChange").addClass("subNoShowHowToChange");
        $(".subShowHowToChange").removeClass("subShowHowToChange"); //Hide how to change

        $(".subShowPayTv").addClass("subNoShowPayTv");
        $(".subShowPayTv").removeClass("subShowPayTv"); //Hide how to PayTv

        $(".perm").addClass("permHide");
        $(".perm").removeClass("perm"); //Hide Troubleshooting

        $(".permHowToChange").addClass("permHowToChangeHide");
        $(".permHowToChange").removeClass("permHowToChange"); //Hide How To Change

        $(".permPayTv").addClass("permPayTvHide");
        $(".permPayTv").removeClass("permPayTv"); //Hide Pay Tv                

        if ($(this).attr('id') == 'howToChangeTopNav') {
            $(".subNoShowHowToChange").addClass("subShowHowToChange");
            $(".subNoShowHowToChange").removeClass("subNoShowHowToChange"); //Show How To Change     

            $(".permHowToChangeHide").addClass("permHowToChange");
            $(".permHowToChangeHide").removeClass("permHowToChangeHide");  //Show How To Change                        
        }

        if ($(this).attr('id') == 'troubleShootingTopNav') {
            $(".subNoShowTroubleShooting").addClass("subShowTroubleShooting");
            $(".subNoShowTroubleShooting").removeClass("subNoShowTroubleShooting");  //Show Troubleshooting

            $(".permHide").addClass("perm");
            $(".permHide").removeClass("permHide");   //Show Troubleshooting
        }

        if ($(this).attr('id') == 'payTvTopNav') {
            $(".subNoShowPayTv").addClass("subShowPayTv");
            $(".subNoShowPayTv").removeClass("subNoShowPayTv");  //Pay Tv

            $(".permPayTvHide").addClass("permPayTv");
            $(".permPayTvHide").removeClass("permPayTvHide"); //Show Pay Tv                
            
            //$(".permHide").addClass("perm");
            //$(".permHide").removeClass("permHide");   //Show Pay Tv
        }

    });

    $(".breadcrumb").mouseover(function() {
        $(".subShowTroubleShooting").addClass("subNoShowTroubleShooting");
        $(".subShowTroubleShooting").removeClass("subShowTroubleShooting");

        $(".subShowHowToChange").addClass("subNoShowHowToChange");
        $(".subShowHowToChange").removeClass("subShowHowToChange");

        $(".subShowPayTv").addClass("subNoShowPayTv");
        $(".subShowPayTv").removeClass("subShowPayTv");

        $(".permHowToChangeHide").addClass("permHowToChange");
        $(".permHowToChangeHide").removeClass("permHowToChangeHide");

        $(".permPayTvHide").addClass("permPayTv");
        $(".permPayTvHide").removeClass("permPayTvHide");

        $(".permHide").addClass("perm");
        $(".permHide").removeClass("permHide");
    });

    $(".outerTabs").mouseover(function() {
        $(".subShowTroubleShooting").addClass("subNoShowTroubleShooting");
        $(".subShowTroubleShooting").removeClass("subShowTroubleShooting");

        $(".subShowHowToChange").addClass("subNoShowHowToChange");
        $(".subShowHowToChange").removeClass("subShowHowToChange");

        $(".subShowPayTv").addClass("subNoShowPayTv");
        $(".subShowPayTv").removeClass("subShowPayTv");

        $(".permHowToChangeHide").addClass("permHowToChange");
        $(".permHowToChangeHide").removeClass("permHowToChangeHide");

        $(".permHide").addClass("perm");
        $(".permHide").removeClass("permHide");

        $(".permPayTvHide").addClass("permPayTv");
        $(".permPayTvHide").removeClass("permPayTvHide");
    });

    $(".filler").mouseover(function() {
        $(".subShowTroubleShooting").addClass("subNoShowTroubleShooting");
        $(".subShowTroubleShooting").removeClass("subShowTroubleShooting");

        $(".subShowHowToChange").addClass("subNoShowHowToChange");
        $(".subShowHowToChange").removeClass("subShowHowToChange");

        $(".subShowPayTv").addClass("subNoShowPayTv");
        $(".subShowPayTv").removeClass("subShowPayTv");

        $(".permHowToChangeHide").addClass("permHowToChange");
        $(".permHowToChangeHide").removeClass("permHowToChangeHide");

        $(".permHide").addClass("perm");
        $(".permHide").removeClass("permHide");

        $(".permPayTvHide").addClass("permPayTv");
        $(".permPayTvHide").removeClass("permPayTvHide");
    });

    $(".tab").hover(function() {
        $(this).toggleClass("selectedTab");
        $(this).parent().children(".tabLeft").addClass("selectedTabLeft");
        $(this).parent().children(".tabLeft").removeClass("tabLeft");
        $(this).parent().children(".tabRight").addClass("selectedTabRight");
        $(this).parent().children(".tabRight").removeClass("tabRight");

        if ($(this).attr('id') == 'troubleShootingTopNav') {

            $(".subShowHowToChange").addClass("subNoShowHowToChange");
            $(".subShowHowToChange").removeClass("subShowHowToChange");   //Hide How To Change

            $(".subShowPayTv").addClass("subNoShowPayTv");
            $(".subShowPayTv").removeClass("subShowPayTv");   //Hide Pay Tv

            $(".subNoShowTroubleShooting").addClass("subShowTroubleShooting");
            $(".subNoShowTroubleShooting").removeClass("subNoShowTroubleShooting");  //Show Troubleshooting

            $(".permHowToChange").addClass("permHowToChangeHide");
            $(".permHowToChange").removeClass("permHowToChange");           //Hide How To Change

            $(".permPayTv").addClass("permPayTvHide");
            $(".permPayTv").removeClass("permPayTv");           //Hide Pay Tv           

            $(".permHide").addClass("perm");
            $(".permHide").removeClass("permHide");   //Show Troubleshooting  

        }
        else {

            if ($(this).attr('id') == 'howToChangeTopNav') {
                $(".subNoShowHowToChange").addClass("subShowHowToChange");
                $(".subNoShowHowToChange").removeClass("subNoShowHowToChange"); //Show How To Change

                $(".permHowToChangeHide").addClass("permHowToChange");
                $(".permHowToChangeHide").removeClass("permHowToChangeHide");  //Show How To Change

                $(".subShowPayTv").addClass("subNoShowPayTv");
                $(".subShowPayTv").removeClass("subShowPayTv");   //Hide Pay Tv

                $(".permPayTv").addClass("permPayTvHide");
                $(".permPayTv").removeClass("permPayTv");           //Hide Pay Tv           

                $(".perm").addClass("permHide");
                $(".perm").removeClass("perm"); //Hide Troubleshooting    

                $(".subShowTroubleShooting").addClass("subNoShowTroubleShooting");
                $(".subShowTroubleShooting").removeClass("subShowTroubleShooting");  //Hide Troubleshooting

            }
            else
                if ($(this).attr('id') == 'payTvTopNav') {
                    $(".subShowHowToChange").addClass("subNoShowHowToChange");
                    $(".subShowHowToChange").removeClass("subShowHowToChange");   //Hide How To Change

                    $(".permHowToChange").addClass("permHowToChangeHide");
                    $(".permHowToChange").removeClass("permHowToChange");           //Hide How To Change            

                    $(".subNoShowPayTv").addClass("subShowPayTv");
                    $(".subNoShowPayTv").removeClass("subNoShowPayTv"); //Show Pay Tv

                    $(".permPayTvHide").addClass("permPayTv");
                    $(".permPayTvHide").removeClass("permPayTvHide");  //Show Pay Tv

                    $(".perm").addClass("permHide");
                    $(".perm").removeClass("perm"); //Hide Troubleshooting    

                    $(".subShowTroubleShooting").addClass("subNoShowTroubleShooting");
                    $(".subShowTroubleShooting").removeClass("subShowTroubleShooting");  //Hide Troubleshooting
                }
                else {
                    $(".subShowHowToChange").addClass("subNoShowHowToChange");
                    $(".subShowHowToChange").removeClass("subShowHowToChange"); //Hide How To Change

                    $(".subShowTroubleShooting").addClass("subNoShowTroubleShooting");
                    $(".subShowTroubleShooting").removeClass("subShowTroubleShooting");  //Hide Troubleshooting

                    $(".perm").addClass("permHide");
                    $(".perm").removeClass("perm"); //Hide Troubleshooting

                    $(".permHowToChange").addClass("permHowToChangeHide");
                    $(".permHowToChange").removeClass("permHowToChange"); //Hide How To Change

                    $(".subShowPayTv").addClass("subNoShowPayTv");
                    $(".subShowPayTv").removeClass("subShowPayTv"); //Hide  PayTv

                    $(".permPayTv").addClass("permPayTvHide");
                    $(".permPayTv").removeClass("permPayTv");           //Hide Pay Tv           
                }
        }
    },
	function() {
	    $(this).toggleClass("selectedTab");
	    $(this).parent().children(".selectedTabLeft").addClass("tabLeft");
	    $(this).parent().children(".selectedTabLeft").removeClass("selectedTabLeft");
	    $(this).parent().children(".selectedTabRight").addClass("tabRight");
	    $(this).parent().children(".selectedTabRight").removeClass("selectedTabRight");

	});

    $("ul.faq > li > p").addClass("answer");

    $("#findingNumber").addClass("findingNumberHidden");
    $("#multiroomWideBox").addClass("multiroomWideBoxHidden");
    $("#multiroomWideBox").removeClass("wideBox");

    $("#onScreenMessageLink").click(function() {

        $("#multiroomWideBox").removeClass("multiroomWideBoxHidden");
        $("#multiroomWideBox").addClass("wideBox");
        $("#findingNumber").slideDown();
    });


    var winl = (screen.width - 995) / 2;
    var wint = (screen.height - 545) / 2;


    $('.printable').click(function() {
        var w = window.open($(this).attr('href'), 'mailer', 'status=no,scrollbars=yes,resizable=yes,width=695,height=545, left=' + winl + ', top=' + wint + ', menubar=1');
        w.focus();
        return false;
    });

    winl = (screen.width - 800) / 2;
    wint = (screen.height - 550) / 2;

    $('.feedbackBottom').click(function() {
        var w = window.open($(this).attr('href'), 'mailer', 'status=no,scrollbars=yes,resizable=yes,width=800,height=550, left=' + winl + ', top=' + wint + ', menubar=1');
        w.focus();
        return false;
    });

    $('.feedbackTop').click(function() {
        var w = window.open($(this).attr('href'), 'mailer', 'status=no,scrollbars=yes,resizable=yes,width=800,height=550, left=' + winl + ', top=' + wint + ', menubar=1');
        w.focus();
        return false;
    });



    jQuery.preloadImages = function() {
        for (var i = 0; i < arguments.length; i++) {
            jQuery("<img>").attr("src", arguments[i]);
        }
    }
    $.preloadImages("images/site/printable_hover.gif");


    function addHover() {
        var newImg = $(this).attr("src").replace("small.jpg", "small_hover.jpg#hover");
        $(this).attr("src", newImg);
    }

    function removeHover() {
        var newImg = $(this).attr("src").replace("small_hover.jpg#hover", "small.jpg");
        $(this).attr("src", newImg);
    }

    jQuery(".boxesImgs").bind('mouseover', addHover).bind('mouseout', removeHover);

    function addClick() {
        var imgList = ".boxesImgs"
        jQuery(imgList).removeClass("selected");
        jQuery(this).addClass("selected");

        for (i = 1; i <= 6; i++) {
            var imgItem = imgList + ":eq(" + (i - 1) + ")";
            if (jQuery(imgItem).hasClass("selected")) {
                jQuery(imgItem).attr("src", "../images/content/skyBox" + i + "small_hover.jpg#hover");
                jQuery(imgItem).unbind('mouseover', addHover).unbind('mouseout', removeHover);
            } else {
                jQuery(imgItem).attr("src", "../images/content/skyBox" + i + "small.jpg");
                jQuery(imgItem).bind('mouseover', addHover).bind('mouseout', removeHover);
            }
        }
        var clickedImg = jQuery(imgList).index(this) + 1;
        var newSrcTopBox = "../images/content/skyBox" + clickedImg + ".jpg";
        $("#posBig").attr("src", newSrcTopBox);
    }

    $(".boxesImgs").click(addClick);

    $("a.question").toggle(function() {
        $(this).next().slideDown();
        $(this).removeClass("question");
        $(this).addClass("questionClicked");

        // Hitbox Tracking for individual FAQ questions
        // All sections except Top questions
        DoHitboxFaqTrack(this);
    },
	function() {
	    $(this).next().slideUp();
	    $(this).removeClass("questionClicked");
	    $(this).addClass("question");
	});

    $(".topQuestion").click(function() {
        clickedQuestionID = "#" + $(this).attr("id").toString();
        clickedQuestionID = clickedQuestionID.replace("Z", "");


        $(clickedQuestionID).next().slideDown();
        $(clickedQuestionID).removeClass("question");
        $(clickedQuestionID).addClass("questionClicked");

        // Hitbox Tracking for individual FAQ questions
        // Top questions sections
        DoHitboxFaqTrack(this);
    });
});
       
/**
*  Hitbox tracking for individual FAQ questions
*  Hitbox functions in http://www.sky.com/grid/hbx.js
*  included at bottom of FAQ page
*/

var skyPath = "/portal/site/skycom/svh/";

function DoHitboxFaqTrack(clickedEl) 
{   
    var el = $(clickedEl).parents("div[@class=wideBox]")
                           .find("div[@class=faq-head]")
                             .find("[@class=faq-head-text]")[0];
    
    var faqSection = $(el).text();
    var faqQuestion = $(clickedEl).text();
    
    var hbPageName = "faq : " + faqSection + " : " + faqQuestion;
    var hbMLC = skyPath;
    
    _hbPageView(hbPageName, hbMLC);
    
    //alert("sent: " + faqSection + " | " + faqQuestion)
    return false;
}