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 membersFx = [];
		var wrap = $E('.gk_js_content_wrap',wrapper);
		
		members.each(function(el,i){
			membersFx[i] = new Fx.Opacity(el,{duration:500});
		});
		
		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"); });
		}
		
		tabs[0].setProperty("class","gk_js_tab active");
		
		tabs.each(function(tab,i){
			tab.addEvent("click", function(){
				
				//(function(){
					wrap.setStyle("height", wrap.getSize().size.y+"px");
					members.each(function(e,j){
						if(i != j){
							membersFx[i].set(1);
							membersFx[i].start(1,0);
							(function(){e.setStyle("display","none");}).delay(550);
						}
					});
					
					(function(){
						members.each(function(e,j){
							if(i == j){
								membersFx[i].set(0);
								e.setStyle("display", "block");
								membersFx[i].start(0,1);
								(function(){wrap.setStyle("height", "auto");}).delay(100);
							}
						});
					}).delay(600);
				//}).delay($G['animationSpeed']);
				
				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 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);
    			});
    			
    			next.addEvent("click", function(){
    				page = (page < maxPage - 1) ? page+1 : 0;
    				scroll.scrollTo(pages[0].getSize().size.x * page, 0);				
    			});
    		});
        }
	});
});