// JavaScript Document
var countryXML;
var countryURL = "../../../../en/GBPME/999/includes/ebrochure-countries.xml";
var brandXML;
var brandURL = "../../../../en/GBPME/999/includes/ebrochure-brands.xml";
var pdfFiles;
var carNames;
var PCodeName;
var ld1,ld2;
var bgColors= new Array()
bgColors["chevrolet"]="#999DA8";
bgColors["cadillac"]="#424854";
bgColors["hummer"]="#405d95";
bgColors["gmc"] = "#a2a2a2";
bgColors["saab"] = "#ffffff";
bgColors["gm"] = "#d4d9dd";

//////////// parss query string
var qStr = getQueryString();
var can_id = qStr.actionid;

////////////// tages
var axel = Math.random() + "";
var a = axel * 10000000000000;
var tags = {AE:'<iframe src="http://fls.doubleclick.net/activityi;src=3123892;type=s-rab467;cat=ae-c-785;ord=' + a + '?" width="1" height="1" frameborder="0"></iframe>', 
			SA:'<iframe src="http://fls.doubleclick.net/activityi;src=3123892;type=s-rab467;cat=sa-c-365;ord=' + a + '?" width="1" height="1" frameborder="0"></iframe>', 
			BH:'<iframe src="http://fls.doubleclick.net/activityi;src=3123892;type=s-rab467;cat=bh-c-903;ord=' + a + '?" width="1" height="1" frameborder="0"></iframe>',
			OM:'<iframe src="http://fls.doubleclick.net/activityi;src=3123892;type=s-rab467;cat=om-c-960;ord=' + a + '?" width="1" height="1" frameborder="0"></iframe>',
			QA:'<iframe src="http://fls.doubleclick.net/activityi;src=3123892;type=s-rab467;cat=qa-c-816;ord=' + a + '?" width="1" height="1" frameborder="0"></iframe>',
			LB:'<iframe src="http://fls.doubleclick.net/activityi;src=3123892;type=s-rab467;cat=lb-c-021;ord=' + a + '?" width="1" height="1" frameborder="0"></iframe>',
			JO:'<iframe src="http://fls.doubleclick.net/activityi;src=3123892;type=s-rab467;cat=jo-c-640;ord=' + a + '?" width="1" height="1" frameborder="0"></iframe>',
			KW:'<iframe src="http://fls.doubleclick.net/activityi;src=3123892;type=s-rab467;cat=kw-c-933;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>'
			}

$(document).ready(docReady);



function docReady(){
	/******************tags*****************/
	if(qStr.brand == 'chevrolet')
	{
		var c = qStr.cntryCd;
		var ta = eval("tags."+c);
		$("body").append(ta);
	}
	/*************************************/
	
	///////////////////////////
	if(can_id != null)
     $("#Source_Code").val(can_id);
    else
      $("#Source_Code").val('ME_06_E_BROCHURE');
	////////////// load country XML
	$.get(countryURL,{},countryXMLLoaded);
	$.get(brandURL,{},brandXMLLoaded);
	
	$("#dd_title").change(titleChange);
	$("#brochure_form").submit(validateForm);
	$("#a_clear").click(resetForm);
	//$("#dd_plan").change(planChange);
	$("#dd_city").change(showOtherCity);	
	//var newURL =  location.protocol + "//" + location.hostname + "/content_data/LAAM/ME/en/GBPME/999/G1/ebrochure-thankyou.html" + location.search;
	//$("#url").val(newURL);
	
	$(".only_numbers").each(function(i){
		$(this).keydown(restrictNumbers);
	})
	
}

function countryXMLLoaded(xml){
	
	xml = parseXml(xml);
	countryXML = xml;
	
	var dc = $("#dd_country");
	var isCountry = false; //////////// to check if country code found in XML
	dc.append("<option value=\"0\">يرجى الإختيار ....</option>");
	
	$("country", countryXML).each(function(i){
		var selected = "";
		if($(this).attr("id")==qStr.cntryCd){
			selected = "selected";
			updateCity(i);
			isCountry = true;
			$("#tr_brand").addClass("hidden");
		}
		dc.append("<option value=\"" + $(this).attr("id") + "\" " + selected +">" + $(this).attr("arabicName") + "</option>");
	});
	dc.change(countryChange);
	
	///////////////////// show the country drop down if no coutnry
	if(!isCountry) $("#tr_country").removeClass("hidden");
	
	ld1=true;
	is_load();
}
function showOtherCity(){
	if($("#dd_city").val() == "other"){
		$("#tr_city").removeClass("hidden");
	} else {
		$("#tr_city").addClass("hidden");
	}
}

function brandXMLLoaded(xml){
	xml = parseXml(xml);
	brandXML = xml;
	
	var isBrand = false;
	var brandName = "";
	var dc = $("#dd_brand");
	var found = false;

	dc.append("<option value=\"0\">يرجى الإختيار ....</option>");
	$("brand", brandXML).each(function(i){
		var selected = "";
		var brand = $(this).attr("name");
		var brandLabel = $(this).attr("arabicName");
		if(qStr.brand && brand.toLowerCase() == qStr.brand.toLowerCase()){
			selected = "selected";
			updateCar(i);
			isBrand = true;
			brandName = brandLabel;
			//$("#tr_brand").addClass("hidden");
			found = true;
			//dc.attr("disabled", "disabled");
		}
		dc.append("<option value=\"" + brand + "\" " + selected +">" + brandLabel + "</option>");
	})

	if(!found){ //if brand was not found in the xml
		$("#img_logo").attr("src", "images/ebrochure_gm.gif");
		$("#tr_brand").removeClass("hidden");
	}
	dc.change(brandChange);
	$("#dd_car").change(carChange);
	
	//if brand is not passed
	if(qStr.brand == undefined){
			$("#img_logo").attr("src", "images/ebrochure_gm.gif");
	}
	
	///////////// show the brand dorpdown if not in found
	
	if(!isBrand){
		$("#tr_brand").removeClass("hidden");
		$("#owner_brand").text("جنرال موتورز " );
	}
	else{
		$("#owner_brand").text(brandName +" " ); //important
		//
		
		/////////////////// change the logo
		//$("#img_logo").attr("src", "images/ebrochure_" + qStr.brand.toLowerCase()+".gif")

		$("#img_logo").attr("src", "images/ebrochure_" + qStr.brand.toLowerCase()+".jpg");
		
		//header change
		$("#header_img").attr("background", "images/ebrochure_head_" + qStr.brand.toLowerCase() + ".gif");
		
		//table background/border classes
		$("#container").attr("class", "");
		$("#container").attr("class", qStr.brand.toLowerCase() + "Colors");
		
		$("#img_clear").attr("src", "images/ebrochure_c_" + qStr.brand.toLowerCase() + ".gif");
		$("#img_submit").attr("src", "images/ebrochure_s_" + qStr.brand.toLowerCase() + ".gif");		
		
		$("body").css("background-color", bgColors[qStr.brand ? qStr.brand : "gm"]);
	}
	$("#img_logo").removeClass("hidden");
	ld2=true;
	is_load();
}

function countryChange(){
	var ci = $(this).get(0).selectedIndex-1;
	updateCity(ci);
	showOtherCity();
}
function updateCity(ci){
	var cc = $("country", countryXML)[ci];
	
	//////////// fill city dropdown
	var dCity =$("#dd_city");
	dCity.empty("option");
	dCity.append("<option value=\"0\">يرجى الإختيار ....</option>");
	
	$("city", cc).each(function(){
		var cityName = $(this).attr("name");
		var cityLabel = $(this).attr("arabicName");
		dCity.append("<option value=\"" + cityName + "\">"+cityLabel+"</option>" );
	});
	dCity.append("<option value=\"other\">اخرى</option>" );
	
	///////////////fill country code
	$("#id_mobile_country").val($(cc).attr("code"));
	
	/// set cookie for country code to be used in thank you page
	document.cookie = "countryCode=" + $(cc).attr("id");
	
}

function brandChange(){
	var ci = $(this).get(0).selectedIndex-1;
	updateCar(ci);
}

function updateCar(ci){
	var cc = $("brand", brandXML)[ci];
	
	var dCar = $("#dd_car");
	dCar.empty("option");
	dCar.append("<option value=\"0\">يرجى الإختيار ....</option>");
	
	pdfFiles = new Array();
	carNames = new Array();
	PCodeName = new Array();
	
	$("car", cc).each(function(i){
		var carName = $(this).attr("name");
		var carLabel = $(this).attr("arabicName");
		var pdf = $(this).attr("arabicPdfurl");
		var pcode = $(this).attr("car_code");
		dCar.append("<option value=\"" + carName + "\">"+carLabel+"</option>" );
		pdfFiles.push(pdf);
		carNames.push(carLabel);
		PCodeName.push(pcode);
	})
	
	//////////// update the car owner text
	var brand = $(cc).attr("arabicName");
	$("#brandEncoded").val( encode(brand) );
	
	//////////////////// keep brand name in cookie for thank you page
	document.cookie = "brandName=" + escape( brand );
	
	if(brand){
		$("#owner_brand").text(brand +" " );
	}
	else{
		$("#owner_brand").text("جنرال موتورز ");
	}
}

function carChange(){
	var ci = $(this).get(0).selectedIndex-1;
	$("#id_pdfurl").val(pdfFiles[ci]);
	$("#carEncoded").val( encode(carNames[ci]) );
	var pc = PCodeName[ci];
	$("#PC_id").val(pc);
	/////////////////// keep car name in cookie for thank you page
	document.cookie = "modelName=" + escape( carNames[ci] );
}

function titleChange(){
	if($(this).val().toLowerCase() == "other"){
		$("#other_title").attr("disabled", "");
	}
	else $("#other_title").attr("disabled", "disabled");
}

function validateForm(){
	ret = true;
	msg = "";
	
	obj = $("#dd_title");
	if( obj.val() == "0" ){
		ret = false;
		msg += "إختر لقبك.\n";
		obj.addClass("error");
	}
	else if(obj.val() == "other" && !$("#other_title").val()  ){
		ret = false;
		msg += "أدخل لقبك في حقل غيرة.\n";
		$("#other_title").addClass("error");
	}
	else{
		obj.removeClass("error");
		$("#other_title").removeClass("error");
	}
	
	obj = $("#fname");
	if(!obj.val()){
		ret = false;
		msg += "أدخل اسمك الأول.\n";
		obj.addClass("error");
	}
	else{
		$("#fnameEncoded").val(encode(obj.val()));
		obj.removeClass("error");
	}
	
	obj = $("#lname");
	if(!obj.val()){
		ret = false;
		msg += "أدخل اسم العائلة.\n";
		obj.addClass("error");
	}
	else{
		$("#lnameEncoded").val( encode(obj.val()) );
		obj.removeClass("error");
	}
	
	obj = $("#id_email");
	if( !isValidEmail(obj.val() ) ){
		ret = false;
		msg += "أدخل عنوان بريد إلكتروني صحيح.\n";
		obj.addClass("error");
	}
	else obj.removeClass("error");
	
	obj = $("#dd_country");
	if(obj.val() == "0"){
		ret = false;
		msg += "إختر بلدك.\n";
		obj.addClass("error");
	}
	else obj.removeClass("error");
	
	obj = $("#dd_city");
	if(obj.val() == "0"){
		ret = false;
		msg += "اختر مدينتك.\n";
		obj.addClass("error");
	}
	else obj.removeClass("error");
	
	obj = $("#dd_city");
	cityOther = $("#otherCity");
	if(obj.val() == "other" && !cityOther.val()){
		ret = false;
		msg += "اختر مدينتك اخرى.\n";
		cityOther.addClass("error");
	} else {
		cityOther.removeClass("error");	
	}	
	
	obj = $("#dd_brand");
	if( obj.val() == "0" ){
		ret = false;
		msg += "اختر نوع السيارة.\n";
		obj.addClass("error");
	}
	else{
		obj.removeClass("error");
	}
	
	obj = $("#dd_car");
	if( obj.val() == "0" ){
		ret = false;
		msg += "حدد الكتيّب الذي ترغب في الحصول عليه.\n";
		obj.addClass("error");
	}
	else obj.removeClass("error");
	
	/*************************/
		obj = $("#dd_plan");
	  if( obj.val() == "0" ){
		ret = false;
		msg += "يرجى تحديد متى تنوي شراء سيارتك القادمة\n";
		obj.addClass("error");
	}
	else obj.removeClass("error");
	
	obj = $("#id_mobile_country");
	obj2 = $("#id_mobile_area");
	obj3 = $("#id_mobile_number");
	if( obj.val().length < 1 || obj2.val().length < 1 || obj3.val().length < 6 ){
			ret = false;
			msg += "أدخل رقم جوّالك.\n";
			obj.addClass("error");
			obj2.addClass("error");
			obj3.addClass("error");
	}
	else{
			obj.removeClass("error");
			obj2.removeClass("error");
			obj3.removeClass("error");
	}
	/**************************/
	/*
	if($("#dd_plan").get(0).selectedIndex > 0){
		obj = $("#id_mobile_country");
		obj2 = $("#id_mobile_area");
		obj3 = $("#id_mobile_number");
		if( obj.val().length < 1 || obj2.val().length < 1 || obj3.val().length < 6 ){
			ret = false;
			msg += "أدخل رقم جوال صحيح.\n";
			obj.addClass("error");
			obj2.addClass("error");
			obj3.addClass("error");
		}
		else{
			obj.removeClass("error");
			obj2.removeClass("error");
			obj3.removeClass("error");
		}
		
		obj = $("#pobox");
		if(!obj.val()){
			ret = false;
			msg += "أدخل رقم صندوق البريد.\n";
			obj.addClass("error");
		}
		else obj.removeClass("error");
		

		var isContact = false
		$( "[name=Pref_Contact]" ).each(function(){
			isContact |= $(this).attr("checked");
		})
		if(isContact == 0){
			ret = false;
			msg += "اختر طريقة الإتصال المفضلة.\n";	
		}
	
	}/////////////// if dd_plan
	else{
		$("#pobox").removeClass("error");
	 	$("#id_mobile_country").removeClass("error");
		$("#id_mobile_area").removeClass("error");
		$("#id_mobile_number").removeClass("error");
		 
	}
	*/
	if(msg != ""){
		alert("يرجى تصحيح الأخطاء التالية:\n------------------------------------------\n" + msg);
	}
	else{
		
		//////////////////// save required data in cookie to disply in thank you page
		document.cookie = "userName=" + escape( $("#fname").val() );
		document.cookie = "userEmail=" + escape( $("#id_email").val() );
	}
	
	return ret;
}
/*
function planChange(){
	if($(this).get(0).selectedIndex >0){
		$(".plan_man").each(function(){
			var t = $(this).text().split("*")[0];
			$(this).text(t+"*");
		})
	}
	else{
		$(".plan_man").each(function(){
			var t = $(this).text().split("*")[0];
			$(this).text(t);
		})	
	}
}
*/
function parseXml(xml){
	if (jQuery.browser.msie && location.protocol == "file:"){
		var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.loadXML($.trim(xml));
		xml = xmlDoc;
	}
	return xml;
}

function isValidEmail(email){
	var reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	return reg.exec(email);
}// isValidEmail

function getQueryString(){
	/*
		this function will return a value of a qstring variable if 
		variable name is passed
		otherwise it will return an object with key/value pairs
	*/
	ret = new Object();
	var q = location.href.split("?")[1];
	if(!q) return ret;
	var args = q.split("&");
	for(var n=0; n<args.length; ++n){
		pairs = args[n].split("=");
		if(!pairs[1]) pairs[1] = "";//pairs[0];
		if(arguments[0] == pairs[0]) return pairs[1];
		ret[pairs[0]] = pairs[1];
	}
	return ret;
	
}

function encode(str){
	var l = str.length;
	var ret = "";
	for(var n=0; n<l; ++n){
		ret += "&#" + str.charCodeAt(n) + ";";
	}
	return ret;
}

function restrictNumbers(e, obj){
	var keynum;
	var keychar;
	var numcheck;
	
	if(window.event) // IE
	  {
	  keynum = e.keyCode;
	  }
	else if(e.which) // Netscape/Firefox/Opera
	  {
	  keynum = e.which;
	  }
	
	numcheck = /\d/;
	//if(!keynum) return keynum;
	
	if(keynum <=57 && !e.shiftKey){
		return keynum;
	}
	else{
		return false;
	}
	
	/*
	keychar = String.fromCharCode(keynum);
	numcheck = /\D/;
	return !numcheck.test(keychar);
	*/
}
function resetForm(){
	$("#brochure_form input").each(function(){
		$(this).val("");
	});
	
	$("#brochure_form select").each(function(){
		if($(this).attr("id") != "dd_brand" && $(this).attr("id") != "dd_car"){
			this.selectedIndex = 0;
		}
	});
	
	return false;
}

/********************/
function is_load()
{

if(ld1 == true &&  ld2 == true)
{
$("#sub_form").css('display','block');
$("#div_form").css('display','none');	
}	
}