/*Please read this carefully as there were several issues that this Javascript Addresses:

1. Version of jquery being used (126) is out of date and there are incompatibilities with newer browsers especially ie8

2. The Submit button on the Find a Retailer tab was not working.

3. Fixed this by modifying the "$j('#card_left').html('');" to "$j('#card_right').css('display','none');"

4. In doing so, the page was working correctly in ALL browsers Except IE6, so now it was broken for IE6 where it was working previously

5. Added the sniffer code "var Browser" and added the old code to the right panel in function "iestate(right)"

*/

<!--//--><![CDATA[//><!--
var $j = jQuery.noConflict();
function state1(left)
{
		$j('#card_right').hide();
		$j('#card_right').addClass('height_box');
		$j('.height_box').css('height','0px').css('width','0px');
		$j('#card_left').removeClass('height_box');
		$j('#card_left').css('display','none');	
		$j('#card_left').html(left);		
		$j('#card_left').show().css('width','708px').css('height','');
		$j('#link_card1').css('background','url(./?a=16187) no-repeat');
		$j('#link_card2').css('background','url(./?a=16188) no-repeat');
		$j('#link1').css('color','#f0027f').css('font-weight','bold').css('font-size','123%');
		$j('#link2').css('color','#898989').css('font-weight','normal').css('font-size','108%');
}

function state2(right)
{
		$j('#card_left').hide();
		$j('#card_left').addClass('height_box');
		$j('.height_box').css('height','0px').css('width','0px');	
		$j('#card_right').removeClass('height_box');
		$j('#card_right').show().css('width','708px').css('height','').css('display','block');;
		$j('#link_card1').css('background','url(./?a=16349) no-repeat');
		$j('#link_card2').css('background','url(./?a=16350) no-repeat');
		$j('#link2').css('color','#f0027f').css('font-weight','bold').css('font-size','123%');
		$j('#link1').css('color','#898989').css('font-weight','normal').css('font-size','108%');

		
}

function iestate(right)
{
		$j('#card_left').html('');
		$j('#card_left').addClass('height_box');
		$j('.height_box').css('height','0px').css('width','0px');	
		$j('#card_right').removeClass('height_box');
		$j('#card_right').html(right);
		$j('#card_right').show().css('width','708px').css('height','');
		$j('#link_card1').css('background','url(./?a=16349) no-repeat');
		$j('#link_card2').css('background','url(./?a=16350) no-repeat');
		$j('#link2').css('color','#f0027f').css('font-weight','bold').css('font-size','123%');
		$j('#link1').css('color','#898989').css('font-weight','normal').css('font-size','108%');				
}


$j().ready(function() {
var left = $j('#card_left').html();
var right = $j('#card_right').html();


var Browser = {
  Version: function() {
    var version = 999; // we assume a sane browser
    if (navigator.appVersion.indexOf("MSIE") != -1)
      // bah, IE again, lets downgrade version number
      version = parseFloat(navigator.appVersion.split("MSIE")[1]);
    return version;
  }
}


	$j('#link1').click(function() {
	    state1(left);
	});
	
	$j('#link2').click(function() {
	  if (Browser.Version() < 7) {
           iestate(right);
          }
          else{
           state2(right);
          }
	});
		
    state1(left);
	
});


//--><!]]>



