window.addEvent("load", function(){
	Fx.Opacity = Fx.Style.extend({initialize: function(el, options){this.now = 1;this.parent(el, 'opacity', options);},toggle: function(){return (this.now > 0) ? this.start(1, 0) : this.start(0, 1);},show: function(){return this.set(1);}});
	
	$$('.gk_js_members_main').each(function(wrapper){
		var module_id = wrapper.getProperty("id");
		var $G = $Gavick["gk_js_members-"+module_id]; 
		var tabs = $ES('.gk_js_tab',wrapper);
		var members = $ES('.gk_js_members',wrapper);
		var overlay = $E('.gk_js_overlay',wrapper);
		var overlayFX = new Fx.Opacity(overlay,{duration:$G['animationSpeed'],wait:true});
		
		if($E('.gk_js_interface',wrapper)){
			members.setStyle("display","block");
			$ES('.gk_js_interface',wrapper).each(function(elm,i){
				elm.setStyles({
					"width" : (elm.getSize().size.x - $E('div',elm).getStyle("padding-left").toInt()) + "px",
					"float" : "none"
				});
			});
			members.each(function(elm,i){ if(i != 0) elm.setStyle("display","none"); });
		}
		
		overlay.setStyle("display","block");
		overlayFX.set(0);
		
		tabs[0].setProperty("class","gk_js_tab active");
		
		tabs.each(function(tab,i){
			tab.addEvent("click", function(){
				
				overlayFX.start(1);
				
				(function(){
					members.each(function(e,j){
						e.setStyle("display",(i == j) ? "block" : "none");
					});
				}).delay($G['animationSpeed']);
				
				(function(){overlayFX.start(0);}).delay($G['animationSpeed'] + 200);
				
				tabs.each(function(t,j){
					if(j!=i) t.setProperty("class","gk_js_tab");
					else  t.setProperty("class","gk_js_tab active");
				});
			});
		});
		
        if($E('.gk_js_interface',wrapper)){
    		members.each(function(el,i){
    			var prev = $E('.gk_js_interface .gk_js_prev',el);
    			var next = $E('.gk_js_interface .gk_js_next',el);
    			var pag = $ES('.gk_js_interface .gk_js_page',el);
    			
    			pag[0].setProperty("class", "gk_js_page active");
    			
    			var page = 0;
    			var pages = $ES('.gk_js_members_wrap',el);
    			var maxPage = pages.length;
    			var scroll = new Fx.Scroll($E('.gk_js_members_scroll1',el), {wheelStops:false,duration:$G['animationSpeed'],transition:$G['animationType']});
    			prev.addEvent("click", function(){
    				page = (page > 0) ? page-1 : maxPage-1;
    				scroll.scrollTo(pages[0].getSize().size.x * page, 0);
    				pag.each(function(p,j){
    					p.setProperty("class", (j != page) ? "gk_js_page" : "gk_js_page active");
    				});
    			});
    			
    			next.addEvent("click", function(){
    				page = (page < maxPage - 1) ? page+1 : 0;
    				scroll.scrollTo(pages[0].getSize().size.x * page, 0);				
    				pag.each(function(p,j){
    					p.setProperty("class", (j != page) ? "gk_js_page" : "gk_js_page active");
    				});
    			});
    			
    			pag.each(function(p,j){
    				p.addEvent("click", function(){
    					page = j;
    					scroll.scrollTo(pages[0].getSize().size.x * page, 0);
    					
    					pag.each(function(p,j){
    						p.setProperty("class", (j != page) ? "gk_js_page" : "gk_js_page active");
    					});
    				});
    			});
    		});
        }
	});
});