// set variable to use to detect IE6 specifically
var ie6 = ($.browser.msie && /MSIE 6\.0/i.test(window.navigator.userAgent) && !/MSIE 7\.0/i.test(window.navigator.userAgent));
// set variable to use to detect browser group of IE6, IE7 and Safari
var diffBrowsers = ($.browser.msie || $.browser.safari);

// this needs to be run first before any other javascript in this file
$(document).ready(function(){
  if (ie6) {
    $("#get-started-flower").hide();
    $("#comparison-border").hide();
  }
});

// Miscellaneous formatting using jQuery
$(document).ready(function(){
  $("html").addClass("has-js");
  $("#navigation ul li ul li:first-child").addClass("first-child");
  $(".section-services .landing-page .subsection-landing-page #services-wrapper .row .service:first-child").addClass("first-child");
  $(".section-services  .product-page #content #text > div.subsection:last").addClass("last");
  $(".section-general .search-page #content #text #page-nav ul ol li:last-child").addClass("last-child");
  $("#footer ul li:last-child").addClass("last-child");
  $("#keywords input").placehold({placeholdValue: "SEARCH"}); //default text on search field
});

// Open external links in new window
$(document).ready(function(){
  $("a[href^=http]").click(
    function(){
      window.open(this.href);
      return false;
    }
  );
});

// Open pdfs in popup window
$(document).ready(function(){
  $("a[href$='.pdf']").click(
    function(){
	    window.open(
	      this.href, 
        "popup",
        "width=760,height=450,resizable=yes,scrollbars=yes,location=no"
	    );
	    return false;
    }
  );
});

// Dropdowns on Services page
$(document).ready(function(){
  $(".section-services .landing-page .subsection-overview #content .service .dropdown p").addClass("hover");
  $(".section-services .landing-page .subsection-overview #content .service .dropdown p").addClass("not-selected");
  $(".section-services .landing-page .subsection-overview #content .service .dropdown ul").addClass("hide");
  $(".section-services .landing-page .subsection-overview #content #voice .dropdown p").click(
    function(){
      $(this).toggleClass("not-selected");
      $(".section-services .landing-page .subsection-overview #content #voice .dropdown ul").toggleClass("hide");
      if (!($(".section-services .landing-page .subsection-overview #content #mobile .dropdown p").hasClass("not-selected"))) {
        $(".section-services .landing-page .subsection-overview #content #mobile .dropdown p").addClass("not-selected");
        }
      if (!($(".section-services .landing-page .subsection-overview #content #mobile .dropdown ul").hasClass("hide"))) {
        $(".section-services .landing-page .subsection-overview #content #mobile .dropdown ul").addClass("hide");
        }
      if (!($(".section-services .landing-page .subsection-overview #content #data .dropdown p").hasClass("not-selected"))) {
        $(".section-services .landing-page .subsection-overview #content #data .dropdown p").addClass("not-selected");
        }
      if (!($(".section-services .landing-page .subsection-overview #content #data .dropdown ul").hasClass("hide"))) {
        $(".section-services .landing-page .subsection-overview #content #data .dropdown ul").addClass("hide");
        }
    }
  );
  $(".section-services .landing-page .subsection-overview #content #mobile .dropdown p").click(
    function(){
      $(this).toggleClass("not-selected");
      $(".section-services .landing-page .subsection-overview #content #mobile .dropdown ul").toggleClass("hide");
      if (!($(".section-services .landing-page .subsection-overview #content #voice .dropdown p").hasClass("not-selected"))) {
        $(".section-services .landing-page .subsection-overview #content #voice .dropdown p").addClass("not-selected");
        }
      if (!($(".section-services .landing-page .subsection-overview #content #voice .dropdown ul").hasClass("hide"))) {
        $(".section-services .landing-page .subsection-overview #content #voice .dropdown ul").addClass("hide");
        }
      if (!($(".section-services .landing-page .subsection-overview #content #data .dropdown p").hasClass("not-selected"))) {
        $(".section-services .landing-page .subsection-overview #content #data .dropdown p").addClass("not-selected");
        }
      if (!($(".section-services .landing-page .subsection-overview #content #data .dropdown ul").hasClass("hide"))) {
        $(".section-services .landing-page .subsection-overview #content #data .dropdown ul").addClass("hide");
        }
    }
  );
  $(".section-services .landing-page .subsection-overview #content #data .dropdown p").click(
    function(){
      $(this).toggleClass("not-selected");
      $(".section-services .landing-page .subsection-overview #content #data .dropdown ul").toggleClass("hide");
      if (!($(".section-services .landing-page .subsection-overview #content #mobile .dropdown p").hasClass("not-selected"))) {
        $(".section-services .landing-page .subsection-overview #content #mobile .dropdown p").addClass("not-selected");
        }
      if (!($(".section-services .landing-page .subsection-overview #content #mobile .dropdown ul").hasClass("hide"))) {
        $(".section-services .landing-page .subsection-overview #content #mobile .dropdown ul").addClass("hide");
        }
      if (!($(".section-services .landing-page .subsection-overview #content #voice .dropdown p").hasClass("not-selected"))) {
        $(".section-services .landing-page .subsection-overview #content #voice .dropdown p").addClass("not-selected");
        }
      if (!($(".section-services .landing-page .subsection-overview #content #voice .dropdown ul").hasClass("hide"))) {
        $(".section-services .landing-page .subsection-overview #content #voice .dropdown ul").addClass("hide");
        }
    }
  );
});

// Different image depending on which section is selected on Services page
$(document).ready(function(){
  $(".section-services .landing-page .subsection-overview #content #voice").hover(
    function(){
      $(".section-services .landing-page .subsection-overview #decorative-image-holder").addClass("decorative-image-01");
    },
    function(){
      $(".section-services .landing-page .subsection-overview #decorative-image-holder").removeClass("decorative-image-01");
    }
  );
  $(".section-services .landing-page .subsection-overview #content #mobile").hover(
    function(){
      $(".section-services .landing-page .subsection-overview #decorative-image-holder").addClass("decorative-image-02");
    },
    function(){
      $(".section-services .landing-page .subsection-overview #decorative-image-holder").removeClass("decorative-image-02");
    }
  );
  $(".section-services .landing-page .subsection-overview #content #data").hover(
    function(){
      $(".section-services .landing-page .subsection-overview #decorative-image-holder").addClass("decorative-image-03");
    },
    function(){
      $(".section-services .landing-page .subsection-overview #decorative-image-holder").removeClass("decorative-image-03");
    }
  );
});

// Popups on Product pages
$(document).ready(function(){
  // get path to larger version of image
  var imageLrg = $("#illustration .link a").attr("href");
  //var imageSrcLrg = imageSrc.replace(/^([^\.]+)(\..*$)/,"$1" + '-large' + "$2");
  // get alt text
  var altText = $("#illustration .image img").attr("alt");
  //create popup and bind to a click event
  $("#illustration .link a").bind(
    "click", function(){
      $("#illustration").append(
        "<!--[if lte IE 6]>"
        +"<div id=\"popup-wrapper\" class=\"select-free\">"
        +"<![endif]-->"
        +"<div id=\"popup\">"
        +"<!--[if lte IE 6]>"
        +"<div class=\"innerwrap\">"
        +"<![endif]-->"
        +"<div id=\"popup-top\"></div>"
        +"<div id=\"popup-middle\">"
        +"<div class=\"inner-popup\">"
        +"<img src=\""
        +imageLrg
        +"\" alt=\"Larger version of "
        +altText
        +"\" />"
        +"<a class=\"replace\" href=\"#\"><em></em>Close window</a>"
        +"</div>"
        +"</div>"
        +"<div id=\"popup-bottom\"></div>"
        +"<!--[if lte IE 6]>"
        +"</div>"
        +"<![endif]-->"
        +"</div>"
        +"<!--[if lte IE 6]>"
        +"<iframe></iframe>"
        +"</div>"
        +"<![endif]-->"
      );
      // close popup
        if (ie6) {
          $("#popup a").click(
	          function(){
			        $("#popup-wrapper").remove().unbind("click");
			        return false;
		        }
	        );
        }
        else {
          $("#popup a").click(
	          function(){
		          $("#popup").remove().unbind("click");
		          return false;
	          }  
          );
        }      
      return false;
    }
  );
});

// Choose region on product pages
// TODO change code so that options are created by looping through H3s
$(document).ready(function(){
  $(".section-services .product-page #sidebar #get-started-text #select-region div").addClass("hide");
  $(".section-services .product-page #sidebar #get-started-text #select-region h3").addClass("hide");
  var region_01 = $(".section-services .product-page #sidebar #get-started-text #select-region #select-01 h3").text();
  var region_02 = $(".section-services .product-page #sidebar #get-started-text #select-region #select-02 h3").text();
  var region_03 = $(".section-services .product-page #sidebar #get-started-text #select-region #select-03 h3").text();
  var region_04 = $(".section-services .product-page #sidebar #get-started-text #select-region #select-04 h3").text();
  var region_05 = $(".section-services .product-page #sidebar #get-started-text #select-region #select-05 h3").text();
  $(".section-services .product-page #sidebar #get-started-text #select-region").prepend(
    "<form action=\"\">"
    +"<fieldset>"
    +"<legend><span>Account specialist for</span></legend>"
    +"<label for=\"region-dropdown\">Choose your region</label>"
    +"<select id=\"region-dropdown\">"
    +"<option class=\"default\" value=\"0\">Choose &hellip;</option>"
    +"<option id=\"region-01\" value=\"1\">"
    +region_01
    +"</option>"
    +"<option id=\"region-02\" value=\"2\">"
    +region_02
    +"</option>"
    +"<option id=\"region-03\" value=\"3\">"
    +region_03
    +"</option>"
    +"<option id=\"region-04\" value=\"4\">"
    +region_04
    +"</option>"
    +"<option id=\"region-05\" value=\"5\">"
    +region_05
    +"</option>"
    +"</select>"
    +"</fieldset>"
    +"</form>"
  );
});

$(document).ready(function(){  
  if (diffBrowsers) {
    $("#region-dropdown").change(
      function(){
        $("#get-started-photo").addClass("region-selected");
        var reg = ($("#region-dropdown option:selected").val());
        if (reg == "0") {
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").addClass("hide");
          $("#get-started-photo").removeClass("region-selected");
        }
        else if (reg == "1") {
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").removeClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").addClass("hide");
        }
        else if (reg == "2") {
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").removeClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").addClass("hide");
        }
        else if (reg == "3") {
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").removeClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").addClass("hide");
        }
        else if (reg == "4") {
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").removeClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").addClass("hide");
        }
        else if (reg == "5") {
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").addClass("hide");
          $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").removeClass("hide");
        }
      }
    );
  }
  else {
    $(".section-services .product-page #sidebar #get-started-text #select-region #region-dropdown option").click(
      function(){
        $(".section-services .product-page #sidebar #get-started-photo").addClass("region-selected");
      }
    );
    $(".section-services .product-page #sidebar #get-started-text #select-region #region-dropdown option.default").click(
      function(){
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").addClass("hide");
        $("#get-started-photo").removeClass("region-selected");
      }
    );
    $(".section-services .product-page #sidebar #get-started-text #select-region #region-dropdown option#region-01").click(
      function(){
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").removeClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").addClass("hide");
      }
    );
    $(".section-services .product-page #sidebar #get-started-text #select-region #region-dropdown option#region-02").click(
      function(){
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").removeClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").addClass("hide");
      }
    );  
    $(".section-services .product-page #sidebar #get-started-text #select-region #region-dropdown option#region-03").click(
      function(){
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").removeClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").addClass("hide");
      }
    );
    $(".section-services .product-page #sidebar #get-started-text #select-region #region-dropdown option#region-04").click(
      function(){
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").removeClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").addClass("hide");
      }
    );
    $(".section-services .product-page #sidebar #get-started-text #select-region #region-dropdown option#region-05").click(
      function(){
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-01").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-02").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-03").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-04").addClass("hide");
        $(".section-services .product-page #sidebar #get-started-text #select-region div#select-05").removeClass("hide");
      }
    );
  }
});

//Add the clear and close buttons to the email box
$(document).ready(function(){
  $("#email-box fieldset.buttons").append(
    "<a id=\"email-box-clear\" class=\"replace\"><em></em>Clear form</a>" +
    "<a id=\"email-box-close\" class=\"replace\"><em></em>Close window</a>"
  );
});

//We also want to make the 'clear form' button reset the form
$(document).ready(function(){
  $("#email-box a#email-box-clear").click(
    function() {
      document.forms[0].reset();
      return false;
    }
  );
});

//Add click events to show the email box
$(document).ready(function(){
  if (ie6) {
    var emailDivId = "#email-box-wrapper";
  }
  else {
  	var emailDivId = "#email-box";
  }
  
  //Lets start off by hiding it
  $(emailDivId).addClass("hide");
  
  //Add events to all the a's that need it
  /* Obsolete
  $(".section-services .product-page #sidebar #get-started-text #select-region ul li a").click(
    function(){
      ShowEmailBox(emailDivId, this.href);
      return false;
    }
  );
  $(".section-about-us #content table .request a").click(
    function(){
      ShowEmailBox(emailDivId, this.href);
      return false;
    }
  );
  $(".section-contact #content #text a").click(
    function(){
      ShowEmailBox(emailDivId, this.href);
      return false;
    }
  );
  
  $("a[href*=mailto:info@tnzi.com]").click(
    function(){
      ShowEmailBox(emailDivId, this.href);
      return false;
    }
  );
  */
  $("a[href$=#email-box]").click(
    function(){
      ShowEmailBox(emailDivId, this);
      return false;
    }
  );
  /*
  $("a.email-link").click(
    function(){
      ShowEmailBox(emailDivId, this);
      return false;
    }
  );
  */
  //And the close button
  $("a#email-box-close").click(
    function(){
      HideDiv(emailDivId);
      return false;
    }
  );
});

function ShowEmailBox(emailDivId, aTag) {
  //Parse the href to get the email and possibly the subject
  //href eg mailto:test@test.com OR mailto:test@test.com?subject=Test subject right here
  //var rg = /^.*mailto:(.*?)(\?subject=(.*))?$/;
  
  //var rg = /^.*#email-box\?(contactid=(.*?)&?)?(subject=(.*))?$/;

  //var contactid = href.replace(rg, "$2");
  //var subj = href.replace(rg, "$4");
  
  //if (hidContactIdObj) {
  //  hidContactIdObj[0].value = unescape(contactid);
  //}
  //if (tbSubjectObj) {
  //  tbSubjectObj[0].value = unescape(subj);
  //}


  // Set the subject and id fields to the content of corresponding spans.
  // If there is no span then it will be set to empty string.
  tbSubjectObj[0].value = unescape($("span.subject", aTag).text());;
  hidContactIdObj[0].value = unescape($("span.contactid", aTag).text());
  
  ShowDiv(emailDivId);
}

// sent box - optimised for demo page - will need to change for working site
$(document).ready(function(){
  $("#email-box-sent").append(
    "<div><a id=\"email-box-sent-close\" class=\"replace\"><em></em>Close window</a></div>"
  );
});

//email-box-sent show and email-box-sent-close button function
$(document).ready(function(){
  if (ie6) {
    var emailSentDivId = "#email-box-sent-wrapper";
  }
  else {
    var emailSentDivId = "#email-box-sent";
  }
  
  //If it exists, show it
  $(emailSentDivId).addClass("show");
  
  //Close button functionality
  $("a#email-box-sent-close").click(
    function(){
      HideDiv(emailSentDivId);
      return false;
    }
  );
});

$(document).ready(function(){
  if (ie6) {
    $(".section-services .landing-page .subsection-landing-page #services-wrapper .service").hover(
      function(){
        $(this).addClass("active");
      },
      function(){
        $(this).removeClass("active");
      }
    );
  }
});

$(document).ready(function(){
  if ($.browser.msie) {
    $(".section-services .product-page #sidebar #comparison table tbody tr:last-child").addClass("last-child");
  }
});

// Comparing products on Product Pages
$(document).ready(function(){
  var html_before = (
    "<div id=\"select-product\">"
    +"<form action=\"\">"
    +"<fieldset>"
    +"<legend><span>Compare this product with&hellip;</span></legend>"
    +"<div>"
    +"<label for=\"product-dropdown\">&hellip;this product</label>"
    +"<select id=\"product-dropdown\">"
  );
  var html_after = (
    "</select>"
    +"</div>"
    +"</fieldset>"
    +"</form>"
    +"</div>"
  );
  
  //What's the current page?
  var currentProductPage;
  if ($(".section-services .product-page #main-content-outer").hasClass("subsection-connect")) {
    currentProductPage = "connect";
    CompareShowDiv(".section-services .product-page #sidebar #comparison #premium-connect", currentProductPage);
  }
  else if ($(".section-services .product-page #main-content-outer").hasClass("subsection-premium-connect")) {
    currentProductPage = "premium-connect";
    CompareShowDiv(".section-services .product-page #sidebar #comparison #connect", currentProductPage);
  }
  else if ($(".section-services .product-page #main-content-outer").hasClass("subsection-retail-connect")) {
    currentProductPage = "retail-connect";
    CompareShowDiv(".section-services .product-page #sidebar #comparison #connect", currentProductPage);
  }
  else if ($(".section-services .product-page #main-content-outer").hasClass("subsection-direct-connect")) {
    currentProductPage = "direct-connect";
    CompareShowDiv(".section-services .product-page #sidebar #comparison #connect", currentProductPage);
  }
  
  var connectOption = "<option id=\"select-connect\" value=\"1\">Connect</option>";
  var premiumConnectOption = "<option id=\"select-premium-connect\" value=\"2\">Premium Connect</option>";
  var retailConnectOption = "<option id=\"select-retail-connect\" value=\"3\">Retail Connect</option>";
  var directConnectOption = "<option id=\"select-direct-connect\" value=\"4\">Direct Connect</option>";
  
  //Join the required options
  var options;
  switch (currentProductPage) {
    case "connect":
      options = (
      	premiumConnectOption +
      	retailConnectOption +
      	directConnectOption
      );
      break;
    
    case "premium-connect":
      options = (
      	connectOption +
      	retailConnectOption +
      	directConnectOption
      );
      break;
      
    case "retail-connect":
      options = (
      	connectOption +
      	premiumConnectOption +
      	directConnectOption
      );
      break;
      
    case "direct-connect":
      options = (
      	connectOption +
      	premiumConnectOption +
      	retailConnectOption
      );
      break;
  }
  
  //Now attach them
  $(".section-services .product-page #comparison #tables").before(
    html_before +
    options +
    html_after
  );
  
});

//This is for the comparison selected changed
$(document).ready(function(){  
  //Whats the current page? (div to keep)
  var currentProductPage;
  if ($(".section-services .product-page #main-content-outer").hasClass("subsection-connect")) {
    currentProductPage = "connect";
  }
  else if ($(".section-services .product-page #main-content-outer").hasClass("subsection-premium-connect")) {
    currentProductPage = "premium-connect";
  }
  else if ($(".section-services .product-page #main-content-outer").hasClass("subsection-retail-connect")) {
    currentProductPage = "retail-connect";
  }
  else if ($(".section-services .product-page #main-content-outer").hasClass("subsection-direct-connect")) {
    currentProductPage = "direct-connect";
  }
  
  //Ok, now we add the click events
  if (diffBrowsers) {
    $("#product-dropdown").change(
      function(){
        var prod = ($("#product-dropdown option:selected").val());
        if (prod == "1") {
            CompareShowDiv(".section-services .product-page #sidebar #comparison #connect", currentProductPage);
        }
        else if (prod == "2") {
            CompareShowDiv(".section-services .product-page #sidebar #comparison #premium-connect", currentProductPage); 
        }
        else if (prod == "3") {
            CompareShowDiv(".section-services .product-page #sidebar #comparison #retail-connect", currentProductPage); 
        }
        else if (prod == "4") {
            CompareShowDiv(".section-services .product-page #sidebar #comparison #direct-connect", currentProductPage);  
        }
      }
    );
  }
  else {
    $("#product-dropdown option#select-connect").click(
      function(){
        CompareShowDiv(".section-services .product-page #sidebar #comparison #connect", currentProductPage);
      }
    );
    $("#product-dropdown option#select-premium-connect").click(
      function(){
        CompareShowDiv(".section-services .product-page #sidebar #comparison #premium-connect", currentProductPage);
      }
    );
    $("#product-dropdown option#select-retail-connect").click(
      function(){
        CompareShowDiv(".section-services .product-page #sidebar #comparison #retail-connect", currentProductPage);
      }
    );
    $("#product-dropdown option#select-direct-connect").click(
      function(){
        CompareShowDiv(".section-services .product-page #sidebar #comparison #direct-connect", currentProductPage);
      }
    );
  }
});

function CompareShowDiv(cssSelected, currentProductPage) {
  //First hide them all the divs except for the current page's div
  switch (currentProductPage) {
    case "connect":
      HideDiv(".section-services .product-page #sidebar #comparison #premium-connect");
      HideDiv(".section-services .product-page #sidebar #comparison #retail-connect");
      HideDiv(".section-services .product-page #sidebar #comparison #direct-connect");
      break;
    
    case "premium-connect":
      HideDiv(".section-services .product-page #sidebar #comparison #connect");
      HideDiv(".section-services .product-page #sidebar #comparison #retail-connect");
      HideDiv(".section-services .product-page #sidebar #comparison #direct-connect");
      break;
      
    case "retail-connect":
      HideDiv(".section-services .product-page #sidebar #comparison #connect");
      HideDiv(".section-services .product-page #sidebar #comparison #premium-connect");
      HideDiv(".section-services .product-page #sidebar #comparison #direct-connect");
      break;
      
    case "direct-connect":
      HideDiv(".section-services .product-page #sidebar #comparison #connect");
      HideDiv(".section-services .product-page #sidebar #comparison #premium-connect");
      HideDiv(".section-services .product-page #sidebar #comparison #retail-connect");
      break;
  }
  
  //Now show the one we want
  ShowDiv(cssSelected);
}

//Function to show a div (adds 'show' and removes 'hide' classes)
function ShowDiv(cssSelector) {
  $(cssSelector).addClass("show");
  $(cssSelector).removeClass("hide");
}

//Function to hide a div (adds 'hide' and removes 'show' classes)
function HideDiv(cssSelector) {
  $(cssSelector).addClass("hide");
  $(cssSelector).removeClass("show");
}

// This needs to be run last of all
$(document).ready(function(){
  if (ie6) {
    $("#get-started-flower").show();
    $("#comparison-border").show();
  }
});