var errorMsg = '<h3>Error</h3>' +
	'<div class="details_about" style="width: 100% !important;">Error while ' + 
	'trying to retreive data. Please try again later.</div>';

$(function() {
	var rp = $(".res_pack");
	var sw = $('.switch1');
	rp.empty();
	rp.load("reseller/pkg1-standard.html", function(h,s,e) {
		if(s=="error") {
			rp.css("color", "#fff").html(errorMsg);
		}
	});
	sw.removeClass('switch_down').removeClass('switch_mid').removeClass('switch_up').addClass('switch_down');
	var def = "0px";
	$("#slider").slider({
		orientation: "vertical",
		animate: false,
		value: 10,
		min: 0,
		step:50,
		slide: function(e, ui) {
			if(ui.value < 35) {
				rp.empty();
				rp.load("reseller/pkg1-standard.html", function(h,s,e) {
					if(s == "error") {
						rp.css("color", "#fff").html(errorMsg);
					}
				});
				sw.removeClass('switch_up').removeClass('switch_mid');
				sw.addClass('switch_down');
			} else if(ui.value > 40 && ui.value < 80) {
				rp.empty();
				rp.load("reseller/pkg1-enterprise.html", function(h,s,e) {
					if(s == "error") {
						rp.css("color", "#fff").html(errorMsg);
					}
				});
				sw.removeClass('switch_down').removeClass('switch_up').addClass('switch_mid');
			} else if(ui.value > 80) {
				rp.empty();
				rp.load("reseller/pkg1-professional.html", function(h,s,e) {
					if(s == "error") {
						rp.css("color", "#fff").html(errorMsg);
					}
				});
				$('.switch1').removeClass('switch_down').removeClass('switch_mid').addClass('switch_up');
			}
		}
	});
	$(".ui-slider-handle").css("bottom", def);
});