/* VARS */

var $jQuery = jQuery.noConflict();

if (window.XMLHttpRequest) {
	var models_ajax = new XMLHttpRequest();
	var details_ajax = new XMLHttpRequest();
} else {
	var models_ajax = new ActiveXObject("Microsoft.XMLHTTP");
	var details_ajax = new ActiveXObject("Microsoft.XMLHTTP");
}

/* /VARS*/

/* DOM READY */

$jQuery(document).ready(function()
{
	//$jQuery('#signup_brand option').removeAttr('selected');

	// select country
	$jQuery('#signup_country').bind('change', function(){
		if ($jQuery(this).val() == 'US') {
			//$jQuery('#signup_mno').parent().parent().show(); // Commented by Domko
		} else {
			//$jQuery('#signup_mno').parent().parent().hide(); // Commented by Domko
		}
	});

	if ($jQuery('#signup_country').val() != 'US') {
		//$jQuery('#signup_mno').parent().parent().hide(); // Commented by Domko
	}

	// user data
	$jQuery('#signup_brand').bind('change', initPopulateModelsList);
	$jQuery('#signup_model').bind('change', initShowModelDetails);
//alert($jQuery('#signup_brand').val() + ' ' + $jQuery('#signup_model').val())
	if ($jQuery('#signup_brand').val() != 0 && $jQuery('#signup_brand').val() != null && ($jQuery('#signup_model').val() == 0 || $jQuery('#signup_model').val() == null)) {
		populateModelsList($jQuery('#signup_brand').val());
		//$jQuery('#signup_brand option').removeAttr('selected');
	}

	if ($jQuery('#signup_model').val() != null) {
		showModelDetails($jQuery('#signup_model').val());
	}

	// us country code
	if ($jQuery('#signup_country_code').val() == 'US') {
		$jQuery('#signup_country_code').remove();
		$jQuery('<span>').attr('id', 'signup_country_code_text').text('+1').insertBefore('#signup_msisdn');
		var w = 260 - $jQuery('#signup_country_code_text').width();
		$jQuery('<input type="hidden">').attr('id', 'signup_country_code').attr('value', 'US').attr('name', 'signup[country_code]').appendTo('#signup_country_code_text');
		$jQuery('#signup_msisdn').width(w+'px');
	}
});

/* /DOM READY */ 

/* MISC */

function initPopulateModelsList() {
		var id = $jQuery('#signup_brand').val();
		$jQuery('<img class="ajaxloader" alt="loading" src="/images/ajax-loader.gif"/>').insertAfter('#signup_brand');
		populateModelsList(id);
}

function populateModelsList(id) {
	models_ajax.abort();
	prompt_model = $jQuery('#signup_model option[value=0]');
	models_ajax = $jQuery.getJSON('/api/get/models/brand/' + id, {}, function(json) {
		$jQuery('#signup_model').empty();
		prompt_model.appendTo('#signup_model');
		if (json != null && typeof(json) != 'undefined' && json != '') {
			$jQuery.each(json.items, function(i, item) {
				$jQuery('<option value="'+item.id+'" >'+item.name+'</option>').appendTo('#signup_model');
			});
		}
		$jQuery('.ajaxloader').remove();
	});
}

function initShowModelDetails() {
	var id = $jQuery('#signup_model').val();
	$jQuery('<img class="ajaxloader" alt="loading" src="/images/ajax-loader.gif"/>').insertAfter('#signup_model');
	showModelDetails(id);
}

function showModelDetails(id) {
	details_ajax.abort();
	if (id > 0) {
		details_ajax = $jQuery.getJSON('/api/get/modeldetails/model/' + id, {}, function(json) {
			$jQuery('div#phone').empty();//.css('height', '260px');
			if (json != null && typeof(json) != 'undefined' && json != '') {
				$jQuery.each(json.items, function(i, item) {
					var model = json.brand + ' ' + json.model;
					$jQuery('<img src="' + location.protocol + '//admin.synkia.com/' + item.image + '" alt="' + model + '" class="phone"/>').appendTo('div#phone');
					$jQuery('<ul>').appendTo('div#phone');
					var img = '/images/ok_tick.png';
					/*if (item.contacts == 1) $jQuery('<li><span>Contacts</span><img src="'+img+'" alt=""/>').appendTo('div#phone ul');*/
					if (item.contacts == 1) $jQuery('<li>Contacts</li>').appendTo('div#phone ul');
					if (item.calendar == 1) $jQuery('<li>Calendar</li>').appendTo('div#phone ul');
					if (item.tasks == 1) $jQuery('<li>Tasks</li>').appendTo('div#phone ul');
					if (item.notes == 1) $jQuery('<li>Notes</li>').appendTo('div#phone ul');
					if (item.sms == 1) $jQuery('<li>SMS</li>').appendTo('div#phone ul');
				});
			}
			$jQuery('.ajaxloader').remove();
		});
	}
}

/* /MISC */