var req;
var mobileNum=1;

/******
Marque
******/

function selectMarque(marque, numMobile) {
/*alert('toto ' + marque);*/
	if (marque > 0 || marque == -1) {
		mobileNum = numMobile;
		var url = '/mobiles_from_manufacturer/ajax.do?marque=' + marque;
		
		req = null;
		
		var select = document.getElementById('mobile_id_'+mobileNum);
		select.options.length = 0;
		
		if (marque == -1) {
			select.options[0] = new Option("Selectionner votre mobile", -1);
		}
		
		req = sendAjaxGetRequest(url, selectMarqueProcess);
	}
}

function selectMarqueProcess() {
	if (req == null) {
		return;
	}
	
	if (req.readyState == 4) {
		if (req.status == 200) {
			var select = $('#mobile_id_'+mobileNum);
			var root = req.responseXML.documentElement;
			var mobiles = root.getElementsByTagName('mobile');

			select.empty();

			for (i=0 ; i<mobiles.length ; i++) {
				var mobile = mobiles.item(i).childNodes;
				var id;
				var name;
				var brand;
				
				for (j=0 ; j<mobile.length ; j++) {
					var node = mobile[j];
					if (node.nodeName == "id") {
						id = node.childNodes[0].nodeValue;
					} 
					else if (node.nodeName == "name_without_color") {
						name = node.childNodes[0].nodeValue;
					}
					else if(node.nodeName == "manufacturer_name") {
						brand = node.childNodes[0].nodeValue;
					}
				}
				
				var completeName = brand + " " + name;
				if($("#manufacturer_id"+mobileNum).val() < 0)
					name = completeName;
				//var opt = new Option(name, id);	// ne fonctionne pas sous IE 7.
				var opt = $(document.createElement("option"));
				opt.attr("value", id);
				opt.html(name);
				opt.attr("title", completeName);
				select.append(opt);
			}
			
			selectMobile();
		}
	}
}

function selectMobileWithMobileNum(numMobile) {
	mobileNum = numMobile;
	selectMobile();
}

function selectMobile() {
	var mobileId = $('#mobile_id_'+mobileNum).val();
	var mobileUrl;
	if(mobileId > 0) {
		$('#image_mobile_'+mobileNum+'_void').parent().hide();
		$('#image_mobile_'+mobileNum).parent().show();
		mobileUrl = "/mobiles/mobile_card_light.jsp?workMobileId=" + mobileId + "&productType=1";
		$('#image_mobile_'+mobileNum).attr('src', "/images/product/mobiles/80x110/" + mobileId + ".jpg");
		var mobileName = $("#mobile_id_"+mobileNum+" option[value=" + mobileId + "]").attr("title");
	}
	else {
		$('#image_mobile_'+mobileNum+'_void').parent().show();
		$('#image_mobile_'+mobileNum).parent().hide();
		mobileUrl = "javascript:void(0)";
		$('#image_mobile_'+mobileNum).attr('src', "/images/accessoires/mobile_inconnu.png");
	}
	$('#image_mobile_'+mobileNum).parent().attr("href", mobileUrl);
}


/******
Process
******/

function match()
{
	/* Les objets mobiles */
	mobile1 = document.getElementById('mobile_id_1');
	mobile2 = document.getElementById('mobile_id_2');
	
	/* Variables */
	var tmp = false;
	
	/* Les attributs images */
	var src1 =$('#image_mobile_1').attr('src');
	var src2 =$('#image_mobile_2').attr('src');
	
	/* Verifie si mobile selectionné par existance img différentes que celle par défaut */
	if(src1 != "/images/accessoires/mobile_inconnu.png"){
		var img1 = true;
	} else { var img1 = false;}
	if(src2 != "/images/accessoires/mobile_inconnu.png"){
		var img2 = true;
	} else { var img2 = false;}
	
	/* Verifie que les deux mobiles sont selectionnés */
	if(img1 && img2){ 
		tmp = true;
	} else { 
		alert('Vous devez sélectionner les 2 modèles');
		tmp = false;
	}
	
	/* Si oui, envoi du comparateur */
	if(mobile1 && mobile2 && tmp)
	{ 
		window.location='/mobile_comparison/result.do?mobileId='+mobile1.value+'&mobileId='+mobile2.value+'&intcmpid=nu_match_100716';
	}
}




/*$(document).ready(function() {
	$('#mobile_id_'+mobileNum).change(selectMobile);
});*/