/**
 * JS for mobile info page.
 */

function mobileMenu() {
	
	this.ff = 10;
	this.f = 4;
	this.b = -4;
	this.fb = -10;
	
	this.scrolltimer;
	this.loop = true;
	this.active_scroll = true;
	
	this.init = function() {
		this.menu = $('subscriptionMenu');
		this.menu.style.overflow = 'hidden';
		
		this.menuCtrl1 = $('ctrl1');
		this.menuCtrl2 = $('ctrl2');
		
		this.menuCtrl2_activeSrc = '../images/shop/mobilemenu_arrow_pl_l.gif';
		this.menuCtrl2_disabledSrc = '../images/shop/mobilemenu_arrow_pl_a.gif';
		
		this.menuCtrl1_activeSrc = '../images/shop/mobilemenu_arrow_pr_l.gif';
		this.menuCtrl1_disabledSrc = '../images/shop/mobilemenu_arrow_pr_a.gif';
		
		this.current_arrow =  $('current_arrow');
		
		this.menu_items = this.menu.getElementsByTagName('div')[0].getElementsByTagName('img');
		
		this.menu_container = this.menu.getElementsByTagName('div')[0];
		
		for(var i = 0;i<this.menu_items.length;i++) {
			
			if(i == (this.menu_items.length-1)) {
				this.menu_container.style.width = (this.menu_items[i].offsetLeft + 80) + 'px';

				if(this.menu_items[i].offsetLeft < (this.menu.offsetWidth - 40)) {
						this.menuCtrl1.src = this.menuCtrl1_disabledSrc;
						this.menuCtrl2.src = this.menuCtrl2_disabledSrc;
						this.active_scroll = false;			
					}
			}
			
			if(this.menu_items[i].className == 'current') {
				var x = this.menu_items[i].offsetLeft;
				this.current_arrow.style.left = (x+(this.menu_items[i].offsetWidth/2)-9) + "px";
				
				if(x > (this.menu.offsetWidth-20)){
					this.menu.scrollLeft = (x-(this.menu.offsetWidth/2));
				} else {
					this.menuCtrl1.src = this.menuCtrl1_disabledSrc;
				}
				
				//this.setCtrlButton();
			}		
		}
		
	}
	
	this.setCtrlButton = function() {
		if(this.menu.scrollLeft < 5) {
			this.menuCtrl1.src = this.menuCtrl1_disabledSrc;
		} else 
			this.menuCtrl1.src = this.menuCtrl1_activeSrc;
		
		if(this.menu.scrollLeft > (this.menu.getElementsByTagName('div')[0].offsetWidth - this.menu.offsetWidth -10)){
			this.menuCtrl2.src = this.menuCtrl2_disabledSrc;
		} else 
			this.menuCtrl2.src = this.menuCtrl2_activeSrc;
	}
	
	this.StopScroll = function() {
		this.loop = false;
		this.StartScroll(10,false)
		clearTimeout(this.scrolltimer);
	}
	
	this.StartScroll = function(speed,loopRunning) {
		if(this.active_scroll) {
			this.setCtrlButton();
			clearTimeout(this.scrolltimer);
			this.loop = loopRunning;
			if(this.loop)
			{
				if(this.menu.scrollLeft > -1)
				{
					this.menu.scrollLeft += speed;
					this.scrolltimer = setTimeout('MobileMenu.StartScroll('+speed+',true)',10); // scrolls every 10 miliseconds	
				}
			}
		}
	}
	
}

var MobileMenu = new mobileMenu();
addEvent(window, "load", function(){MobileMenu.init();})