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");
				});
			});
		});
		
		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");
					});
				});
			});
		});
	});
});