// Globya User Interface v1.0
// Gloya General JS

	function imflexi_carousel( containerName, obname, spacer ){
			
		var container = containerName;
		var Dom = YAHOO.util.Dom;
		var Util = YAHOO.util;
		var current = 0;
		
		var items = Dom.getElementsByClassName( "item", "li", Dom.get( container ) );
		var length = Math.ceil( items.length/2);
		
		var nav = Dom.get( container + '_nav');
		
		this.page = function(n){
			if( n < 0 || n >= length ){
				return;
			}
			current = n;
			
			if( nav && length > 1 ){
				for( var i = 0; i < length; i++ ){
					var iname = container + '_nav_item_page_' + i;
					Dom.get( iname ).className = 'normal';
				}
				
				Dom.get( container + '_nav_item_page_' + n ).className = 'selected';
			}
			
			if( n == 0 ){
				Dom.get( container + '_nav_item_back' ).className = 'passiveBack';
			}else{
				Dom.get( container + '_nav_item_back' ).className = 'normalBack';
			}
			
			if( (n+1) >= length ){
				Dom.get( container + '_nav_item_next' ).className = 'passiveNext';
			}else{
				Dom.get( container + '_nav_item_next' ).className = 'normalNext';
			}
			
			var el = Dom.get( container + '_carousel');
			var attributes = { 
				marginLeft: { to: -(n*549) } 
			};
			var anim = new Util.Anim( container + '_carousel', attributes, 0.5, Util.Easing.easeOut);
			anim.animate();
		}
		
		this.next = function(){
			this.page( current + 1 );
		}
		
		this.back = function(){
			this.page( current - 1 );
		}
		
		this.gp = function(){
			nx = current + 1;
			if( nx >= length ){
				nx = 0;
			}
			
			this.page(nx);
		}
		
		if( nav && length > 1 ){
			for( var i = 0; i < length; i++ ){
				var iname = container + '_nav_item_page_' + i;
				nav.innerHTML += ' <a id="' + iname + '" class="normal" href="javascript:' + obname + '.page(' + i + ');"><img src="'+spacer+'" width="13" height="15" border="0" /></a>';
			}
							
			nav.innerHTML +=' <a id="' + container + '_nav_item_back" class="normalBack" href="javascript:' + obname + '.back();"><img src="'+spacer+'" width="25" height="15" border="0" /></a>';
			nav.innerHTML +=' <a id="' + container + '_nav_item_next" class="normalNext" href="javascript:' + obname + '.next();"><img src="'+spacer+'" width="25" height="15" border="0" /></a>';
			
			Util.Event.on( container, "mouseover", function(){
				clearInterval( interval );
			});
			
			Util.Event.on( container, "mouseout", function(){
				clearInterval( interval );
				interval = setInterval( obname + '.gp();', 5000 );
			});
			
			var interval = setInterval( obname + '.gp();', 5000 );
		}
		
		this.page(0);
	}