// JavaScript Document

var $j=jQuery.noConflict();
var $jsonData = [];

$j(document).ready(function() {
 
$j.getJSON('/mobile-broadband/pricing.json', function(data) {
$jsonData.plan12 = data.timeContract[0];
$jsonData.plan24 = data.timeContract[1];
$jsonData.planOpen = data.timeContract[2]; 

	changeData("24");
	$j("#connect").find("input:eq(1)").attr('checked', true);
	$j("#super").find("input:eq(1)").attr('checked', true); 
	$j("#ultra").find("input:eq(1)").attr('checked', true);

});

var bbConnect = $j("#broadbandConnect");

$j(".productRadioList input").click( function(event) {
	changeData($j(this).val());
    var checkIndex = $j(".productRadioList input").index(this)%3;
	$j("#connect").find("input:eq("+checkIndex+")").attr('checked', true);
	$j("#super").find("input:eq("+checkIndex+")").attr('checked', true);
	$j("#ultra").find("input:eq("+checkIndex+")").attr('checked', true);

});



	
});




changePrice = function(itemChange, strChange){
	if(strChange.indexOf('.') >0){
		itemChange.html(strChange.substr(0, strChange.indexOf('.'))+'<sup>'+strChange.substr(strChange.indexOf('.'), strChange.length)+'</sup>');
	} else {
		itemChange.html(strChange);
	}
}

changeData = function(planType) {
//Prices to change create two arrays, one to store current price values to replace and the replacement values

var tempString = [];
var itemsToChange = [];
itemsToChange.push($j("#broadbandConnect td.productInformation").find("strong"));
tempString.push($jsonData["plan"+planType].plan[0].monthlyCost);

itemsToChange.push($j("#broadbandConnect td.productPrices:eq(0)").find("strong"));
tempString.push($jsonData["plan"+planType].plan[0].vodem.cost);

itemsToChange.push($j("#broadbandConnect td.productPrices:eq(1)").find("strong"));
tempString.push($jsonData["plan"+planType].plan[0].mifi.cost);

itemsToChange.push($j("#broadbandSuper td.productInformation").find("strong"));
tempString.push($jsonData["plan"+planType].plan[1].monthlyCost);

itemsToChange.push($j("#broadbandSuper td.productPrices:eq(0)").find("strong"));
tempString.push($jsonData["plan"+planType].plan[1].vodem.cost);

itemsToChange.push($j("#broadbandSuper td.productPrices:eq(1)").find("strong"));
tempString.push($jsonData["plan"+planType].plan[1].mifi.cost);

itemsToChange.push($j("#broadbandUltra td.productInformation").find("strong"));
tempString.push($jsonData["plan"+planType].plan[2].monthlyCost);

itemsToChange.push($j("#broadbandUltra td.productPrices:eq(0)").find("strong"));
tempString.push($jsonData["plan"+planType].plan[2].vodem.cost);

itemsToChange.push($j("#broadbandUltra td.productPrices:eq(1)").find("strong"));
tempString.push($jsonData["plan"+planType].plan[2].mifi.cost);



var lengthOfChanges = itemsToChange.length;
for(var i=0;i<lengthOfChanges;i++) {
changePrice(itemsToChange[i], tempString[i]); //
}

//Links are to be done differently since we need to make a different html change

var tempLinkString = [];
var linksToChange = [];
//linksToChange.push($j("#broadbandConnect td.productImage:eq(0)").find("a"));
//tempLinkString.push($jsonData["plan"+planType].plan[0].vodem.link);
linksToChange.push($j("#broadbandConnect td.productAdd:eq(0)").find("a"));
tempLinkString.push($jsonData["plan"+planType].plan[0].vodem.link);


linksToChange.push($j("#broadbandConnect td.productAdd:eq(1)").find("a"));
tempLinkString.push($jsonData["plan"+planType].plan[0].mifi.link);



linksToChange.push($j("#broadbandSuper td.productAdd:eq(0)").find("a"));
tempLinkString.push($jsonData["plan"+planType].plan[1].vodem.link);


linksToChange.push($j("#broadbandSuper td.productAdd:eq(1)").find("a"));
tempLinkString.push($jsonData["plan"+planType].plan[1].mifi.link);



linksToChange.push($j("#broadbandUltra td.productAdd:eq(0)").find("a"));
tempLinkString.push($jsonData["plan"+planType].plan[2].vodem.link);


linksToChange.push($j("#broadbandUltra td.productAdd:eq(1)").find("a"));
tempLinkString.push($jsonData["plan"+planType].plan[2].mifi.link);

var lengthOfLinkChanges = linksToChange.length;

for(var i=0;i<lengthOfLinkChanges;i++) {
linksToChange[i].attr('href', tempLinkString[i]);
}

$j("span.termLength").html($jsonData["plan"+planType].term);


}