var app_timer = null;
	var app_counter = 165;
	var app_wrapper = null;
	var app_offset = 50;
	var app_width = 878;
	var app_max = 0;
	var app_count = 0;
	var app_prefix = "style/images/home/appbar/";

	function initAppBar(count){
		app_wrapper = document.getElementById('app_bar_wrapper');
		
		var padding = count*19;
		var width = count*90;

		app_wrapper.style.left=app_offset+"px";
		app_wrapper.style.width=(padding+width)+"px";
		
		var preload = new Array();
		preload[0] = new Image(50,90);
		preload[1] = new Image(50,90);
		preload[2] = new Image(50,90);
		preload[3] = new Image(50,90);
		
		preload[0].src =app_prefix+"right_fade.png";
		preload[1].src =app_prefix+"right.png";
		preload[2].src =app_prefix+"left_fade.png";
		preload[3].src =app_prefix+"left.png";
		
		app_max = Math.ceil((padding+width)/app_width);	
		appButtonFade();
	}
	
	function appButtonFade(){
		
		var btnLeft = document.getElementById('app_bar_navi_left');
		var btnRight = document.getElementById('app_bar_navi_right');
		
		if(app_count == 0){btnLeft.style.backgroundImage='url("'+app_prefix+'left_fade.png")';}
		else{btnLeft.style.backgroundImage='url("'+app_prefix+'left.png")';}
		
		if(app_count == app_max-1){btnRight.style.backgroundImage='url("'+app_prefix+'right_fade.png")';}
		else{btnRight.style.backgroundImage='url("'+app_prefix+'right.png")';}	
	}
	
	function appBar(direction){
		if(direction == -1 && app_count > 0 && app_timer == null){
			app_count--;
			new Effect.Move('app_bar_wrapper', { x: ((app_width*app_count)-(app_offset+(12*app_count)))*-1, y: 0, mode: 'absolute', duration:1 });
		}
		else if(direction == 1 && app_count < app_max-1  && app_timer == null){	
			app_count++;
			new Effect.Move('app_bar_wrapper', { x: ((app_width*app_count)-(app_offset+(12*app_count)))*-1, y: 0, mode: 'absolute', duration:1 });
		}
		else{}
		
		appButtonFade();
	}