// 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( "mark", "li", Dom.get( container ) );
		var length = Math.ceil( items.length/4 );
		
		this.page = function(n){
			if( n < 0 || n >= length ){
				return false;
			}
			current = n;			
			var el = Dom.get( container + '_carousel');
			var attributes = { 
				marginLeft: { to: -(n*117*4) } 
			};
			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( length > 1 ){
			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);
	}