// JavaScript Document

$(document).ready(function() {
  
  $(".title-nuts").hover(
    function () { 
      $("#intro-section").html("<div id='intro-nuts'><p><span id='p-title'>Activated nuts</span> is a simple yet revolutionary approach to nuts.... Etc.</p></div>");
      $("#intro-nuts").width(266).css({margin: "0px 0px 0px -84px", padding: "8px 14px 8px 14px", border: "3px solid #e2e565", "background-color":"#ebef8b"});      
    },
    function () { 
      $("#intro-nuts").hover( 
        function () { }, 
        function () { $("#intro-nuts").animate({opacity: 1.0}, 500).fadeOut('normal', function() { $(this).remove(this); }); });;
  });
  $(".title-crackers").hover(
    function () { 
      $("#intro-section").html("<div id='intro-crackers'><p><span id='p-title'>Activated nuts</span> is a simple yet revolutionary approach to crackers.... Etc.</p></div>");
      $("#intro-crackers").width(266).css({margin: "0px 0px 0px 48px", padding: "8px 14px 8px 14px", border: "3px solid #e2e565", "background-color":"#ebef8b"});
    },
    function () { 
      $("#intro-crackers").hover( 
        function () { }, 
        function () { $("#intro-crackers").animate({opacity: 1.0}, 500).fadeOut('normal', function() { $(this).remove('#intro-superfoods'); }); });
  });
  $(".title-growers").hover(
    function () { 
      $("#intro-section").html("<div id='intro-growers'><p><span id='p-title'>Indigenous cooperatives.</span> In this section of our site you can find out all the stories of the indigenous cooperatives we have developed long term relationships with around the world.</p></div>");
      $("#intro-growers").width(266).css({margin: "0px 0px 0px 182px", padding: "8px 14px 8px 14px", border: "3px solid #e2e565", "background-color":"#ebef8b"});
    },
    function () { 
      $("#intro-growers").hover( 
        function () { }, 
        function () { $("#intro-growers").animate({opacity: 1.0}, 500).fadeOut('normal', function() { $(this).remove('#intro-growers'); }); });
  });
  $(".title-shops").hover(
    function () { 
      $("#intro-section").html("<div id='intro-shops'><p><span id='p-title'>How to buy our products ?</span> We sell our raw products in bulk to manufacturers and other companies who re-package them and we also have our own range of retail packs and raw chocolate products.</p></div>");
      $("#intro-shops").width(266).css({margin: "0px 0px 0px 315px", padding: "8px 14px 8px 14px", border: "3px solid #e2e565", "background-color":"#ebef8b"});
    },
    function () { 
      $("#intro-shops").hover( 
        function () { }, 
        function () { $("#intro-shops").animate({opacity: 1.0}, 500).fadeOut('normal', function() { $(this).remove('#intro-shops'); }); });
  });
  $(".title-we").hover(
    function () { 
      $("#intro-section").html("<div id='intro-we'><p><span id='p-title'>Our Fair Trade Philosophy.</span> Our Philosophy means that we support our growers by not only paying them a fair price but also by investing in improving their infrastructure. This means they can improve the overall quality of life for them and their families. We specialize in working with indigenous cooperatives, mainly in Central and South America, helping them to add value to their raw products and market them in the Australasian, European and North American markets.</p></div>");
      $("#intro-we").width(266).css({margin: "0px 0px 0px 448px", padding: "8px 14px 8px 14px", border: "3px solid #e2e565", "background-color":"#ebef8b"});
    },
    function () { 
      $("#intro-we").hover( 
        function () { }, 
        function () { $("#intro-we").animate({opacity: 1.0}, 500).fadeOut('normal', function() { $(this).remove('#intro-we'); }); });
  });
});