function changePromoPage(currDay, useFadeTransition) {
    var prevPageTabId = (currDay == 1) ? "" : "#promoButton_" + (currDay - 1);
    var selectedPageTabId = "#promoButton_" + currDay;
    var nextPageTabId = (currDay == 5) ? "" : "#promoButton_" + (currDay + 1);

    // clear selected tabs
    $("#LargePromoNavigationButtons span.promoButton span").each(function(index) {

    var currentClassName = $(this).attr("class");
    var selectedClassName = "";
    
    if (currentClassName.indexOf("TriangleMid") >= 0) {
      $(this).removeClass(currentClassName);          
        selectedClassName = "baseSquare";          
    }
    else if (currentClassName.indexOf("selectLeftTriangle") >= 0 || currentClassName.indexOf("baseLeftTriangle") >= 0) {
      $(this).removeClass(currentClassName);
      selectedClassName = "baseLeftTriangle";
    }
    else if (currentClassName.indexOf("selectRectangle") >= 0) {
      $(this).removeClass(currentClassName);
      selectedClassName = "baseRectangle";
    }
    else if (currentClassName.indexOf("selectRightTriangle") >= 0 || currentClassName.indexOf("baseRightTriangle") >= 0) {
      $(this).removeClass(currentClassName);
      selectedClassName = "baseRightTriangle";
    }

    $(this).addClass(selectedClassName);
  });
 
  // select left section of tab
  if (prevPageTabId != "") {
    $("#LargePromoNavigationButtons " + prevPageTabId + " span").each(function() {
      var currentClassName = $(this).attr("class");
      var selectedClassName = "";

      if (currentClassName.indexOf("Square") >= 0 || currentClassName.indexOf("baseRightTriangleMid") >= 0) {          
        $(this).removeClass(currentClassName);
        selectedClassName = "selectLeftTriangleMid";

        $(this).addClass(selectedClassName);
      }
    });
  }
  
  // select center and right sections of tab
  $("#LargePromoNavigationButtons " + selectedPageTabId + " span").each(function() {
    var currentClassName = $(this).attr("class");
    var selectedClassName = "";

    if (currentClassName.indexOf("baseRectangle") >= 0) {
      $(this).removeClass(currentClassName);
      selectedClassName = "selectRectangle";
    }
    // select left button section for first tab
    else if (prevPageTabId == "" && currentClassName.indexOf("baseLeftTriangle") >= 0) {
      $(this).removeClass(currentClassName);
      selectedClassName = "selectLeftTriangle";
    }
    else {
      $(this).removeClass(currentClassName);
      if (nextPageTabId != "") {
        selectedClassName = "selectRightTriangleMid";
        }
        else {
            selectedClassName = "selectRightTriangle";
        }
    }

        $(this).addClass(selectedClassName);        
    });

    // change content area  
    if ($("#promo" + currDay).css("display") === "block") {
        return false;
    }

    $("div.promoPage").hide();        
    
    if (useFadeTransition) {
        $("#promo" + prevDay).fadeOut(1000);
    }

    prevDay = currDay;

    if (useFadeTransition) {
        $("#promo" + currDay).fadeIn(1000);
    }
    else {
        $("#promo" + currDay).show();
    }    
}    

var currentDay = 1;
var executeCycle;

function rotateDay() {
  currentDay++
  if (currentDay > 5) {
    currentDay = 1;
  }
  changePromoPage(currentDay, true);
}
function cycleDays(delay) {
  executeCycle = setInterval(rotateDay, delay);
}

var prevDay = 1;

$(document).ready(function() {

    // select random promo
    var randomNum = function(num) {
        return Math.floor(num * (Math.random() % 1));
    };
    var randomRange = function(min, max) {
        return min + randomNum(max - min + 1);
    }
    
    var selectedPromo = randomRange(1, 7);
    var promos = [];
    promos[0] = "/Content/Images/HomePage/promo_studentbusiness.png";
    promos[1] = "/Content/Images/HomePage/promo_belux.png";
    promos[2] = "/Content/Images/HomePage/promo_edu.png";
    promos[3] = "/Content/Images/HomePage/promo_innovation.png";
    promos[4] = "/Content/Images/HomePage/promo_latam.png";
    promos[5] = "/Content/Images/HomePage/promo_partners.png";

    var promoLinks = [];
    promoLinks[0] = "/GetInvolved#S2B";
    promoLinks[1] = "/Regional/Details/Belgium";
    promoLinks[2] = "/GetInvolved#MicrosoftEducationPartnerNetwork";
    promoLinks[3] = "/GetInvolved#VFI";
    promoLinks[4] = "/Regional/Details/LatinAmerica";
    promoLinks[5] = "/GetInvolved#IAMCP";
    
    if (selectedPromo == 7) {
        $("div#Promo2").append("<div style='width:300px;height:250px'><iframe src='http://www.microsoft.com/pinpointwidgets/#size==300x250|country==en-US|lang==en-US|' title='Pinpoint Widget' style='width:100%; height:100%;padding:0;' frameborder='0'></iframe></div>");
    }
    else {
        var whichImg = "url(" + promos[selectedPromo - 1] + ")";
        $("div#Promo2").css("background-image", whichImg);

        $("div#Promo2").click(function() {
            location.href = promoLinks[selectedPromo - 1];
        });
    }


    var wrapper = $("div#wrapper");
    var wrapperContainer = $("div#wrapperContainer");
    var wrapperBorder = $("div#wrapperBorder");

    if (wrapper != null && wrapperContainer != null && wrapperBorder != null) {
        wrapperContainer.width(wrapper.width());

        var wrapperBorderWidth = wrapper.width();
        var wrapperBorderHeight = wrapper.height() + 10;

        wrapperBorder.width(wrapperBorderWidth);
        wrapperBorder.height(wrapperBorderHeight);
    }

    changePromoPage(currentDay, false);
    cycleDays(7000);
});