$(document).ready( function() {


//   20090927 tooltips  ...all objects must have an id="tooltip"
//                   sticky tooltips ...all objects must have an id="stickytip" and an Ajax form
//   20091011  -      Change in popup box to jquery tabs using nyroModal-1.5.2 modal window

//   20100101  -    Introduce the Henna Indigo Calculator

     $('a#tooltip').cluetip({  
        splitTitle: '|',  // use the invoking element's title attribute to populate the clueTip.
		                  // ...and split the contents into separate divs where there is a "|"   
        showTitle: false       // hide the clueTip's heading 
        }); 

     $('a#stickytip').cluetip({sticky: true, closePosition: 'title', arrows: true});

      //      20100101  - Henna Indigo calculator	 
	 $('a#hennaIndigotip').cluetip({sticky: true, closePosition: 'title', arrows: true, cluetipClass:'hennaIndigotipClass', dropShadow:false});
	 
	 
 //  20091002   Notice ..common one for all class that has class="jqnotice"
 //                      specific one for ayurveda
 
      $('.jqnotice').click(function()
        {
                jQuery.noticeAdd({
                        text: 'Under development..coming soon ...',
                        stay: false
                });
        });

      $('a.ayurveda').click(function()
        {
                jQuery.noticeAdd({
                        text: 'The ancient system of healing from India',
                        stay: false
                });
        });



		
 //  20091011   modal window using nyroModal-1.5.2 modal window
 //             all a tags that have a class nyroModal will open a modal window
		
		$('a.nyroModal').nyroModal({
                      width: 150,
                      height: 600,
		              closeButton: '<img class="nyroModalClose" src="images/onebit_33.png" height="20" width="20" alt="Close" />'
                        });

 });                               // end of ready function