/*
    jQuery based - innerfade
	
	- This widget requires: jquery.innerFade.js 
    - if needed download lib from:
    ---	http://medienfreunde.com/lab/innerfade/
    
    - ensure file is in js/libs/jquery/
	- include this line in js_libraries:
	---	<script type="text/javascript" src="{{$base_url}}js/libs/jquery/jquery.innerfade.js"></script>
    
	
	- usage
    --- $('ID or class of the element containing the fading objects').innerfade({ 
    ---		animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'), 
	---		speed: Fadingspeed in milliseconds or keywords (slow, normal or fast)(Default: 'normal'), 
	---		timeout: Time between the fades in milliseconds (Default: '2000'), 
	---		type: Type of slideshow: 'sequence', 'random' or 'random_start' (Default: 'sequence'), 
	---		containerheight: Height of the containing element in any css-height-value (Default: 'auto')  
	---		runningclass: CSS-Class which the container get’s applied (Default: 'innerfade') 
	---	}); 
	
	- example markup 
	--- <ul id="target_id_name"> 
	---		<li>Item (link or image or paragraph, anything</li>
	--- 	<li>Item (link or image or paragraph, anything</li>...
	--- </ul>	


*/

   $(document).ready(
		function(){
			
			$('ul#header_image').innerfade({
				animationtype: 'fade',
				speed: 1000,
				timeout: 5000,
				type: 'random',
				containerheight: ''
			});
			
	
			
	});