var BannerIsHidden = true;
var CurrentBanner = 1;
var MainCount = 0;

//commonly used objects
var MasterarrowcontainerObj;
var NextarrowcontainersObj;
var PrevarrowcontainerObj;
var CurrentbannerObj;

var BannerType = "Homepage";

if (window.location.pathname != "/") {
    BannerType = "Product";
}
$(document).ready(function () {
    $("#homebannerbg").supersleight();
    
    //configure banners
    $(".bannercontainer").each(function (e) {

        //show the first banner
        if (e == 0) {
            this.style.marginLeft = "0";
        }

        //get objects to be used in the click event
        var moretext = $(this).find(".moretext");
        var hiddenimg = $(this).find(".hiddenimg");
        var expimg = $(this).find(".expimg");

        var flashcontent = $(this).find(".flashcontent");
        var pathtoswf = $(this).find(".pathtoswf");
        var pathtoflv = $(this).find(".pathtoflv");
        var flashimage = $(this).find(".flashimage");

        //load any flash content contained within the banners
        if (pathtoswf.length && flashcontent.length) {
            var s1 = new SWFObject(pathtoswf.val(), flashcontent[0].id + "swfobj", "356", "200", "9", "#FFFFFF");
            s1.addParam("allowfullscreen", "true");
            s1.addParam("wmode", "transparent");
            s1.addParam("allowscriptaccess", "always");
            s1.addParam("flashvars", "file=" + pathtoflv.val() + "&image=" + flashimage.val());
            s1.write(flashcontent[0].id);
        }

        $(this).find(".seemorebtn").click(function () {
            clearInterval(AutoScroll);
            if (BannerIsHidden) {


                pageTracker._trackEvent(BannerType + " Banners", "See more button click", CurrentBanner.toString());
                //slide content, show hide button
                this.blur();

                $(this).animate({ "marginLeft": "865px" }, 300)
                  .removeClass("seemorebg")
                  .addClass("hidemorebg");

                if (isIE6) {
                    $(this).html("<span id='seemoreimg'></span>");
                    $("#seemoreimg").supersleight();
                }

                hiddenimg.animate({ "marginLeft": "-300px" }, 100);

                moretext.animate({ "width": "903px" }, 300);

                $(moretext).find(".revealcontent").animate({ "marginLeft": "0" }, 300, function () {
                });

                BannerIsHidden = false;


            }
            else {
                pageTracker._trackEvent(BannerType + " Banners", "Hide button click", CurrentBanner.toString());
                //slide content back, show see more button
                this.blur();

                $(this).animate({ "marginLeft": "220px" }, 300)
                  .removeClass("hidemorebg")
                  .addClass("seemorebg");

                if (isIE6) {
                    $("#seemoreimg").remove();
                }

                $(moretext).find(".revealcontent").animate({ "marginLeft": "-900px" }, 300);

                //stop to flash video from playing
                if (flashcontent[0] != null) {
                    var swf = $("#" + flashcontent[0].id + "swfobj")[0].sendEvent('STOP');
                }


                moretext.animate({ "width": "260px" }, 300, function () {
                    hiddenimg.animate({ "marginLeft": "0px" }, 100);
                });


                BannerIsHidden = true;
            }
        });
        MainCount++;

    });


    $(".bannercount").html(MainCount);

    //add the next arrow containers to each banner
    MasterarrowcontainerObj = $("#masterarrowcontainer");
    $(".morecontainer").prepend("<div id='bannerarrowcontainer' class='nextarrowcontainer'>" + MasterarrowcontainerObj.html() + "</div>");

    //load commonly used object
    NextarrowcontainersObj = $(".nextarrowcontainer");
    PrevarrowcontainerObj = $("#prevarrowcontainer");
    CurrentbannerObj = $(".currentbanner");


    $(".nextarrowcontainer").click(function () {
        clearInterval(AutoScroll);
        pageTracker._trackEvent(BannerType + " Banners", "Next button click", CurrentBanner.toString());

        var temp = CurrentBanner;
        $(".banner" + CurrentBanner).css("z-index", "3");

        CurrentBanner++;

        if (CurrentBanner > MainCount) {
            CurrentBanner = 1;
        }

        //overlay master arrow container for content to slide underneath
        MasterarrowcontainerObj.show();
        NextarrowcontainersObj.hide();

        $(".banner" + CurrentBanner)
        	.css({
        	    "z-index": "4",
        	    "margin-left": "920px",
        	    "display": "block"
        	})
        	.animate({ "marginLeft": "0px" }, 500, function () {
        	    CurrentbannerObj.html(CurrentBanner);



        	    NextarrowcontainersObj.show();
        	    MasterarrowcontainerObj.hide();

              NextarrowcontainersObj.find("a").addClass("iefix");
              
        	    //more the previous banner off screen
        	    $(".banner" + temp).css("margin-left", "1000px");



        	});
    });


    //fix pngs
    $(".seemorebtn, .foreground, .nextarrowcontainer, #masterarrowcontainer").supersleight();

    //fix cursor issues
    /*
    $("area").mouseover(function(){
    $(this).css('cursor', 'pointer');
    });

    */
    $(".bannercontainer img").mouseover(function () {
        $(this).css('cursor', 'default');
    });

    $(".bannercontainer img").css('cursor', 'default');

    $(".lbthumb img").mouseover(function () {
        $(this).css('cursor', 'pointer');
    });

    //track banner link clicks
    $("#homefeaturedcontainer area").each(function () {
        var href = $(this).attr("href");
        $(this).attr("href", "#").click(function (e) {
            e.preventDefault();
            pageTracker._trackEvent(BannerType + " Banners", "Image map click", href, CurrentBanner);
            setTimeout("window.location.href = '" + href + "'", 300);
        });
    });
    
    
    var AutoScroll = setInterval("NextBanner()", 4000);
});


function NextBanner(){
  var temp = CurrentBanner;
  $(".banner" + CurrentBanner).css("z-index", "3");

  CurrentBanner++;

  if (CurrentBanner > MainCount) {
      CurrentBanner = 1;
  }

  //overlay master arrow container for content to slide underneath
  MasterarrowcontainerObj.show();
  NextarrowcontainersObj.hide();

  $(".banner" + CurrentBanner)
  	.css({
  	    "z-index": "4",
  	    "margin-left": "920px",
  	    "display": "block"
  	})
  	.animate({ "marginLeft": "0px" }, 500, function () {
  	    CurrentbannerObj.html(CurrentBanner);

  	    NextarrowcontainersObj.show();
  	    MasterarrowcontainerObj.hide();

        NextarrowcontainersObj.find("a").addClass("iefix");

  	    //more the previous banner off screen
  	    $(".banner" + temp).css("margin-left", "1000px");
  	});
}