// Used in the Broadbandshop on the Broadband Prepaid Page - Holds information about preferences etc. //

var Broadband = {
	
	_activeIndex:null,
	_activeModemColor:null,
	_activeModemName:null,
	_activeBBSub:null,
	_modemStock:null,
	_firstRun:true,
	_popupId:null,
	_popupActive:false,
	_BBType:null,
	_init:true,
	_price:null,
	_priceWModem:null,
	
	Init:function()
	{
		$j('#SelectedModem').val(Broadband._activeIndex);		
		$j('#SelectedColor').val(Broadband._activeModemColor);
		
		$j('#modemStock' + Broadband._activeModemColor).show();
		
		if(Broadband._modemStock == false)
		{
			$j('#orderBtnHolder').hide();
			$j('#oosHolder').show();
		}
		
		Broadband.SetDefaultModemColor();
		Broadband.GetModemPrice();		
	},
	
	ReadMore:function(id, slow)
	{
		if(Broadband._popupId != id)
		{
			if(Broadband._popupId != null)
				$j('#modemPopup' + Broadband._popupId).hide();			
			
			if(slow)
				$j('#modemPopup' + id).show("slide", { direction: "right" }, 800);	
			else
				$j('#modemPopup' + id).show();				
			
			Broadband._popupId = id;
			
			if(Broadband._popupActive == false)
			{
				Broadband._popupActive = true;
				$j('#readmoredisabled').show();
			}
		}
	},
	
	ReadMoreClose:function()
	{
		if(Broadband._popupId != null)
			$j('#modemPopup' + Broadband._popupId).hide();
			
		if(Broadband._popupActive == true)
		{
			Broadband._popupActive = false;
			$j('#readmoredisabled').hide();
		}
			
		Broadband._popupId = null;
	},
	
	ChangeModem:function(el)
	{
		if(Broadband._activeIndex != el.value)
		{		
			var temp = Broadband._activeIndex;
			
			Broadband._activeIndex = el.value;
			Broadband._activeModemName = el.options[el.selectedIndex].text;
			
			$j('#SelectedModem').val(el.value);
			
			$j('#modemImg' + temp).css("display", "none");
			$j('#modemImg' + Broadband._activeIndex).css("display", "block");
			
			$j('#modemView' + temp).css("display", "none");
			$j('#modemView' + Broadband._activeIndex).css("display", "block");
			
			$j('#modemStock' + Broadband._activeModemColor).hide();
			
			Broadband._activeModemColor = $j('#modemDefaultColor' + Broadband._activeIndex).val();	
			$j('#SelectedColor').val(Broadband._activeModemColor);	
			
			if(Broadband._popupActive)
			{
				if(Broadband._activeIndex != 0)
					Broadband.ReadMore(Broadband._activeIndex, false);
				else
					Broadband.ReadMoreClose();
			}
			
			Broadband._modemStock = $j('#modemDefaultStock' + Broadband._activeIndex).val();
			
			if(Broadband._modemStock == false || Broadband._modemStock == "false")
			{
				$j('#orderBtnHolder').hide();
				$j('#oosHolder').show();
			}
			else
			{
				$j('#oosHolder').hide();
				$j('#orderBtnHolder').show();
			}
			
			$j('#modemStock' + Broadband._activeModemColor).show();
			
			Broadband.SetDefaultModemColor();
			Broadband.GetModemPrice();	
		}
	},
	
	SetModemColor:function(el, iurl, id, stock)
	{
		if(iurl != null && iurl != "" && iurl != "none")
			$j('#modemImg' + Broadband._activeIndex).attr("src", iurl);
			
		$j('#modemStock' + Broadband._activeModemColor).hide();
		$j('#modemStock' + id).show();
		
		Broadband._activeModemColor = id;
		$j('#SelectedColor').val(Broadband._activeModemColor);		
		
		Broadband._modemStock = stock;
			
		if(Broadband._modemStock == false || Broadband._modemStock == "false")
		{
			$j('#orderBtnHolder').hide();
			$j('#oosHolder').show();
		}
		else
		{
			$j('#oosHolder').hide();
			$j('#orderBtnHolder').show();
		}
		
		var radiobtn = el.parentNode.getElementsByTagName('input')[0];
		radiobtn.checked = true;
		
		this.img_arr = el.parentNode.parentNode.getElementsByTagName('img');
	
		// Revert all colors to default
		for(var i = 0; i < this.img_arr.length; i++) 
		{
			if(this.img_arr[i].className == 'color') 
			{
				this.img_arr[i].src = this.img_arr[i].parentNode.getElementsByTagName('input')[2].value;
			}
			
			if(this.img_arr[i].className == 'arrow') 
				this.img_arr[i].style.visibility = 'hidden';
		}
		
		this.active_color = el.parentNode.getElementsByTagName('img')[1];
		this.active_color.src =  this.active_color.parentNode.getElementsByTagName('input')[1].value;
		
		this.arrow = el.parentNode.getElementsByTagName('img')[0];
		this.arrow.style.visibility = 'visible';
		
		if(Broadband._init)
		{
			Broadband._init = false;
			
			$j('#modemImg' + Broadband._activeIndex).css("display", "block");							
			$j('#modemView' + Broadband._activeIndex).css("display", "block");			
		}
	},
	
	SetDefaultModemColor:function()
	{
		var el = document.getElementById('modemColor' + Broadband._activeIndex + '' + 0);
		
		if(el != null)
			Broadband.SetModemColor(el, 'none', Broadband._activeModemColor, Broadband._modemStock);
		else
		{
			$j('#modemImg' + Broadband._activeIndex).css("display", "block");		
			Broadband._init = false;
		}
	},
	
	GetModemPrice:function()
	{
		$j.getJSON("/templates/BroadbandShop/Controls/Ajax/ComputerHelper.aspx",
            "action=modemPPPrice&modemId=" + Broadband._activeIndex,
            function(obj) {                    
                if(obj.success > 0)
                {					
					Broadband.UpdateInfo(obj.answer);                    
                }
            }
        );       		
	},
	
	UpdateInfo:function(price)
	{	
		$j("#modemPrice").text(price + '');
		$j("#modemName").text(Broadband._activeModemName + ":");		
		
		if(Broadband._activeIndex == 0)
			$j("#bbPrice").text(Broadband._price);
		else
			$j("#bbPrice").text(Broadband._priceWModem);
	}
}

var $j = jQuery.noConflict();
$j(document).ready(function () {
     Broadband.Init();
});