window.addEvent("load",function(){
	$ES(".gk_tab_appphone").each(function(el,i){
		var module_id = el.getProperty("id");
		var $G = $Gavick["gk_tab"+module_id]; 
		var sfx = $G["styleSuffix"];
		var modsArray = el.getElementsBySelector('.gk_tab_item-'+sfx);
		var animation = ($G["autoAnimation"] == 0) ? true : false;
		var actual = 0;
		var evnt = ($G["activator"] == 0) ? "click" : "mouseenter";
		var amount = modsArray.length;
		var timer = false;
		if($G["styleType"] == 1){
			var baseWidth = $E(".gk_tab_container2-"+sfx, el).getSize().size.x;
			el.setStyle("width",baseWidth+"px");
			var listTab = $E('.gk_tab_ul-'+sfx,el);
			baseWidth -= listTab.getSize().size.x;
			baseWidth -= listTab.getStyle("margin-left").toInt();
			baseWidth -= listTab.getStyle("margin-right").toInt();
			baseWidth -= $E(".gk_tab_container0-"+sfx,el).getStyle("margin-left").toInt();
			baseWidth -= $E(".gk_tab_container0-"+sfx,el).getStyle("margin-right").toInt();
			baseWidth -= $E(".gk_tab_container0-"+sfx,el).getStyle("padding-left").toInt();
			baseWidth -= $E(".gk_tab_container0-"+sfx,el).getStyle("padding-right").toInt();
			$E(".gk_tab_container1-"+sfx,el).setStyle("width",baseWidth+"px");
			$E(".gk_tab_container0-"+sfx,el).setStyle("width",baseWidth+"px");
			$ES(".gk_tab_item"+sfx, el).setStyle("width",baseWidth+"px");
		}
		$E('.gk_tab_ul-'+sfx+' li',el).addClass("active");
		var param = ($G["animationType"] == 1) ? "width": "height";
		$E(".gk_tab_container2-"+sfx, el).setStyle(param, ((amount+1)*$E(".gk_tab_container1-"+sfx, el).getSize().size.x));
		$ES(".gk_tab_item-"+sfx, el).each(function(e){e.setStyle("width", $E(".gk_tab_container1-"+sfx, el).getSize().size.x + "px");});
		$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elm,j){
			elm.addEvent(evnt,function(){
			    actual = gk_tab_anim_appphone(j, actual, amount, modsArray, el, $G["animationTransition"], $G["animationSpeed"], $G);
				$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elmt){elmt.setProperty("class","");});
				$ES('.gk_tab_ul-'+sfx+' li', el)[actual].toggleClass("active");
				
				if(timer){
					$clear(timer);	
					timer = (function(){
						actual = gk_tab_anim_appphone("right" , actual, amount, modsArray, el, $G["animationTransition"], $G["animationSpeed"], $G);
						$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elmt, i){elmt.setProperty("class","");});
						$ES('.gk_tab_ul-'+sfx+' li', el)[actual].toggleClass("active");
					}).periodical($G["animationInterval"]);
				}
			});
		});
		
		if($G["autoAnimation"] == 1){
			timer = (function(){
				actual = gk_tab_anim_appphone("right" , actual, amount, modsArray, el, $G["animationTransition"], $G["animationSpeed"], $G);
				$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elmt, i){elmt.setProperty("class","");});
				$ES('.gk_tab_ul-'+sfx+' li', el)[actual].toggleClass("active");
			}).periodical($G["animationInterval"]);
		}
		
		(function() {
			$E('.gk_tab_container0-style1', el).removeClass('loader');
			new Fx.Style(modsArray[0], 'opacity', {duration: $G["animationSpeed"], wait: true, transition: $G["animationTransition"]}).start(0,1);
		}).delay(250);
	});
});

function gk_tab_anim_appphone(direct, actual, amount, modsArray, el, t, s, $G){	
	if(actual != direct) {
		var prev = actual;
	
		var scr1 = new Fx.Style(modsArray[prev], 'opacity', {duration: s, wait: true, transition: $G["animationTransition"]}).start(0);
		
		if(direct == 'left') {
			(actual > 0) ? actual-- : actual = amount - 1;
		} else if(direct == 'right') {
			(actual < (amount-1)) ? actual += 1 : actual = 0;
		} else {
			actual = direct;
		}
		
		var scr2 = new Fx.Style(modsArray[actual], 'opacity', {duration: s, wait: true, transition: $G["animationTransition"]});
		
		scr1.start(0);
		(function(){ scr2.start(0, 1); }).delay(s/2);
	}
	
	return actual;
}