$(document).ready(function(){

	$('#main').localScroll();

	$('textarea.textarea').focus(function() {

		if (this.value=="Your Comment or Suggestion") this.value="";

	}).blur(function() {

		if (this.value=="") this.value="Your Comment or Suggestion";

	});

									

	$('ul#nav > li > a').addClass('cufonmenu');

		Cufon.replace(['.cufonmenu', '#showcase li'], {

    	hover: true,

		fontFamily: 'Helvetica Neue LT Pro'

	});

	Cufon.replace(['#mid h3 a'], {

		textShadow: '#334816 1px 1px',

		fontFamily: 'Helvetica Neue LT Pro',

		hover: true

	});
	
	Cufon.replace(['.not-a-member'], {

		fontFamily: 'Helvetica Neue LT Pro',

		hover: true

	});

	Cufon.replace(['#main h2','#whichvitamints h4','h2.active','h3.detailtitle'], {

		fontFamily: 'Helvetica Neue LT Pro Black'

	});

	Cufon.replace(['#main h3', '#whichvitamints span','#whichvitamints h4 em','h4.subline', '#main h2 em, #main h1, #Join_Survey_row #ym_label, #reg_passmail'], {

		hover: true,

		fontFamily: 'Myriad Pro'

	});

	Cufon.replace(['h3.detailtitle','.slogan'], {

		fontFamily: 'Helvetica Neue LT Pro Black'

		});

jQuery(document).ready(function(){

	$('#accordion h4').click(function() {

		$(this).next().slideToggle(500);

		$(this).toggleClass('ui-state-active');

		return false;

	}).next().hide();

});

	$('#nav li ul li').hover( function() {

		$(this).children().css({'color':'#93c84a'});

		}, function() {

		$(this).children().css({'color':'#414141'});

		}).click( function() {

		window.location=$(this).children().attr('href')

		});

	$('.drops li').hover(   function () {

		var tdclass='td.'+$(this).attr('class');

		$(tdclass).addClass('hover'+$(this).attr('class'));

		Cufon.replace(['#whichvitamints h4'], {

			fontFamily: 'Helvetica Neue LT Pro Black'

		});

		Cufon.replace(['#whichvitamints span','#whichvitamints h4 em'], {

			fontFamily: 'Myriad Pro'

		});

  	},

  function () {

		var tdclass='td.'+$(this).attr('class');

		$(tdclass).removeClass('hover'+$(this).attr('class'));

		Cufon.replace(['#whichvitamints h4'], {

			fontFamily: 'Helvetica Neue LT Pro Black'

		});

		Cufon.replace(['#whichvitamints span','#whichvitamints h4 em'], {

			fontFamily: 'Myriad Pro'

		});

  	})

	$('#whichvitamints tr td').hover(   function () {

		var tdclass='td.'+$(this).attr('class');

		$(tdclass).addClass('hover'+$(this).attr('class'));

		Cufon.replace(['#whichvitamints h4'], {

			fontFamily: 'Helvetica Neue LT Pro Black'

		});

		Cufon.replace(['#whichvitamints span','#whichvitamints h4 em'], {

			fontFamily: 'Myriad Pro'

		});

  },

  function () {

		var tdclass='td.'+$(this).attr('class');

		var hoverclass=$(this).attr('class').split(" ");

		tdclass=tdclass.replace(hoverclass[1],"");

		$(tdclass).removeClass(hoverclass[1]);

		Cufon.replace(['#whichvitamints h4'], {

			fontFamily: 'Helvetica Neue LT Pro Black'

		});

		Cufon.replace(['#whichvitamints span','#whichvitamints h4 em'], {

			fontFamily: 'Myriad Pro'

		});

  	})



	$('#whichvitamints tr td').click(   function () {

		var liclass='.drops li.'+$(this).attr('class')+' a';

		var hoverclass=$(this).attr('class').split(" ");

		liclass=liclass.replace(hoverclass[1],"");

		var href=$(liclass).attr('href');

		window.location=href;

	})

	$('#showcase ul li ul li a').hover(   function () {

		var hoverclass=$(this).attr('class');

    	$('#showcase ul li a.'+hoverclass).addClass('hover');

  	},

  function () {

		var tdclass='#showcase ul li a.'+$(this).attr('class');

		var hoverclass=$(this).attr('class').split(" ");

		tdclass=tdclass.replace(hoverclass[1],"");

		$(tdclass).removeClass(hoverclass[1]);

  }

	  )

	$('.yellow').hover(   function () {

    	$('#can .top').css('background-position', '0px 0px');
		$('#can .mid').css('background-position', '0px 0px');
		$('#can .bottom').css('background-position', '0px 0px');

  	})

	$('.aqua').hover(   function () {

  	  $('#can .top').css('background-position', '0px 0px');
	  $('#can .mid').css('background-position', '0px -235px');
	  $('#can .bottom').css('background-position', '0px 0px');

 	})

	$('.red').hover(   function () {

 	   $('#can .top').css('background-position', '0px 0px');
	   $('#can .mid').css('background-position', '0px -470px');
	   $('#can .bottom').css('background-position', '0px 0px');

 	})

	$('.purple').hover(   function () {

 	   $('#can .top').css('background-position', '0px 0px');
	   $('#can .mid').css('background-position', '0px -705px');
	   $('#can .bottom').css('background-position', '0px 0px');

	})

	$('.orange').hover(   function () {

 	   $('#can .top').css('background-position', '0px 0px');
	   $('#can .mid').css('background-position', '0px -940px');
	   $('#can .bottom').css('background-position', '0px 0px');

 	})	

	$('.blue').hover(   function () {

 	   $('#can .top').css('background-position', '0px -115px');
	   $('#can .mid').css('background-position', '0px -1175px');
	   $('#can .bottom').css('background-position', '0px -112px');

	})

	$('.pink').hover(   function () {

	    $('#can .top').css('background-position', '0px -115px');
		$('#can .mid').css('background-position', '0px -1410px');
		$('#can .bottom').css('background-position', '0px -112px');

	})

	$('.green').hover(   function () {

 	   $('#can .top').css('background-position', '0px -115px');
	   $('#can .mid').css('background-position', '0px -1645px');
	   $('#can .bottom').css('background-position', '0px -112px');

 	 })
	 
	 
	 
	 
	 


});