<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Crossflow Consulting | RSS Feed</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <base href="http://crossflowconsulting.com/"></base>

  <link rel="stylesheet" href="assets/templates/crossflow/crossflow.css" type="text/css" media="screen" />
  <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://crossflowconsulting.com/feed.rss.html" />

  <script type="text/javascript" src="assets/templates/crossflow/jquery.min.js"></script>

<!--[if lt IE 7]>
        <link rel="stylesheet" href="assets/templates/crossflow/ie6-and-down.css" type="text/css" media="screen" />
<![endif]-->


<script type="text/javascript">

function slideSwitch() {
    var $active = $('#client-slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#client-slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#client-slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
    
     var $sibs  = $active.siblings();
     var rndNum = Math.floor(Math.random() * $sibs.length );
     var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 10000 );
});

</script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-22682548-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>


</head>
	<body>

		<div id="wrapper">


		<div id="header"></div>

		<div id="main">



		<div id="introtext"></div>
		<div id="content"><?xml version="1.0" encoding="UTF-8" ?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
			<title>RSS Feed</title>
			<link>http://crossflowconsulting.com/feed.rss.html</link>
			<description></description>
			<language>en</language>
			<copyright>Crossflow Consulting 2006</copyright>
			<ttl>120</ttl>
			<item>
				<title>Mini-Blog HOWTO</title>
				<link>http://crossflowconsulting.com/article-1126081344.html</link>
				<description><![CDATA[ <p>Setting up a mini-blog is relatively simple. Here's what you need to do to get started with making new posts:</p>
<ol>
    <li>Login to the <a href="http://crossflowconsulting.com/http://crossflowconsulting.com/manager/">MODx Control Panel</a>.</li>
    <li>Press the plus-sign next to the Blog(2) container resource to see the blog entries posted there.</li>
    <li>To make a new Blog entry, simply right-click the Blog container document and choose the "Create Resource here" menu option. To edit an existing blog article, right click the entry and choose the "Edit Resource" menu option.</li>
    </ol> ]]></description>
				<pubDate>Thu, 13 Apr 2006 06:00:00 +0100</pubDate>
				<guid isPermaLink="false">http://crossflowconsulting.com/article-1126081344.html</guid>
				<dc:creator>Site Admin</dc:creator>
				
			</item>
		
			<item>
				<title>Just a pretend, older post</title>
				<link>http://crossflowconsulting.com/article-1128398162.html</link>
				<description><![CDATA[ <p>Not so exciting, after all, eh?<br /></p>
 ]]></description>
				<pubDate>Thu, 13 Apr 2006 06:00:00 +0100</pubDate>
				<guid isPermaLink="false">http://crossflowconsulting.com/article-1128398162.html</guid>
				<dc:creator>Site Admin</dc:creator>
				
			</item>
			</channel>
</rss></div>

		</div>

		<div id="more">
		<div id="morecontent"></div>
		</div>
		


<div id="menu">  <ul id="myajaxmenu">
    <li class="category first"><a href="http://crossflowconsulting.com/" title="Home">Home</a></li>
<li class="category "><a href="/about.html" title="About">About</a></li>
<li class="category "><a href="/news.html" title="News">News</a><ul style="display:none">
  <li class="first"><a href="/south-africa-launches-integrated-resource-plan.html" title="South Africa launches Integrated Resource Plan (IRP) for the energy sector">South Africa launches Integrated Resource Plan (IRP) for the energy sector</a></li>
<li><a href="/report-released-on-the-findings-of-the-deepwater-bp-horizon-gulf-of-mexico-oil-spill.html" title="Report released on the findings of the Deepwater BP Horizon Gulf of Mexico Oil Spill">Report released on the findings of the Deepwater BP Horizon Gulf of Mexico Oil Spill</a></li>
<li><a href="/attendance-at-the-world-congress-advancing-sustainable-hydropower.html" title="Invited to attend the International Hydropower Association World Congress">Invited to attend the International Hydropower Association World Congress</a></li>
<li><a href="/publication-of-paper-on-emerging-trends-in-public-private-partnerships-ppps-in-water-supply-and-sa.html" title="Publication of paper on emerging trends in public private partnerships in water supply and sanitation">Publication of paper on emerging trends in public private partnerships in water supply and sanitation</a></li>
<li class="last"><a href="/crossflow-participates-in-energy-efficiency-and-renewable-energy-workshops-in-south-africa.html" title="Crossflow participates in energy efficiency and renewable energy workshops in South Africa">Crossflow participates in energy efficiency and renewable energy workshops in South Africa</a><ul style="display:none">
  <li class="first"><a href="/participation-in-world-water-week-in-stockholm1.html" title="Participation in World Water Week in Stockholm: Water in an Urbanising World">Participation in World Water Week in Stockholm: Water in an Urbanising World</a><ul style="display:none">
  <li class="first"><a href="/crossflow-wins-water-allocation-reform-tender-in-south-africa.html" title="Crossflow wins water allocation reform tender in South Africa">Crossflow wins water allocation reform tender in South Africa</a></li>

</ul></li>

</ul></li>

</ul></li>
<li class="category "><a href="/partners.html" title="Partners">Partners</a></li>
<li class="category "><a href="/clients.html" title="Clients">Clients</a></li>
<li class="category "><a href="/publications.html" title="Publications">Publications</a></li>
<li class="category last"><a href="/contact.html" title="Contact">Contact</a></li>

  </ul></div>



		</div>






		<script type="text/javascript">
			/*
			 * stickyfloat - jQuery plugin for verticaly floating anything in a constrained area
			 * 
			 * Example: jQuery('#menu').stickyfloat({duration: 400});
			 * parameters:
			 * 		duration 	- the duration of the animation
			 *		startOffset 	- the amount of scroll offset after it the animations kicks in
			 *		offsetY		- the offset from the top when the object is animated
			 *		lockBottom	- 'true' by default, set to false if you don't want your floating box to stop at parent's bottom
			 * $Version: 05.16.2009 r1
			 * Copyright (c) 2009 Yair Even-Or
			 * vsync.design@gmail.com
			 */

			$.fn.stickyfloat = function(options, lockBottom) {
				var $obj 				= this;
				var parentPaddingTop 	= parseInt($obj.parent().css('padding-top'));
				var startOffset 		= $obj.parent().offset().top;
				var opts 				= $.extend({ startOffset: startOffset, offsetY: parentPaddingTop, duration: 200, lockBottom:false }, options);
				
				$obj.css({ position: 'absolute' });
				
				if(opts.lockBottom){
					var bottomPos = $obj.parent().height() - $obj.height() + parentPaddingTop; //get the maximum scrollTop value
					if( bottomPos < 0 )
						bottomPos = 0;
				}
				
				$(window).scroll(function () { 
					$obj.stop(); // stop all calculations on scroll event

					var pastStartOffset			= $(document).scrollTop() > opts.startOffset;	// check if the window was scrolled down more than the start offset declared.
					var objFartherThanTopPos	= $obj.offset().top > startOffset;	// check if the object is at it's top position (starting point)
					var objBiggerThanWindow 	= $obj.outerHeight() < $(window).height();	// if the window size is smaller than the Obj size, then do not animate.
					
					// if window scrolled down more than startOffset OR obj position is greater than
					// the top position possible (+ offsetY) AND window size must be bigger than Obj size
					if( (pastStartOffset || objFartherThanTopPos) && objBiggerThanWindow ){ 
						var newpos = ($(document).scrollTop() -startOffset + opts.offsetY );
						if ( newpos > bottomPos )
							newpos = bottomPos;
						if ( $(document).scrollTop() < opts.startOffset ) // if window scrolled < starting offset, then reset Obj position (opts.offsetY);
							newpos = parentPaddingTop;
			
						$obj.animate({ top: newpos }, opts.duration );
					}
				});
			};

			$('#menu').stickyfloat({ duration: 400 });
	</script>
	</body>
</html>