$(document).ready(function(){
	  if( $("#header_support").is("div")){
	 $('#loadSupportCatalog').load('/iframe/cellup/support.jsp?lang='+langXml, function() {
	 	var categoryid=$("#bar_support li").eq(0).find("a").attr("id");
	 	
	 getDataInfoSupport(categoryid.replace("s-",""));
});
 	 }
 });


var catalogo='104667D5-5398-43F5-B7C8-1C31250F93E6';
var strConvertita = "";


function converti(edited_txt){
	var text=edited_txt.toString();
		strConvertita = "";
 				for (var n= 0; n<text.length; n++) {
               		if (text.charCodeAt(n) > 128) {
                    	strConvertita  += '&#' + text.charCodeAt(n) + ';';
                	}
                	else {
                        strConvertita  +=  text.charAt(n);
                	}
 				}
 				return 	strConvertita.replace("&#8482;","&#153;");
}
/*

function popolaCategory(support){


   $("select[name=category]").html("");
    var x=1;
 $("select[name=category]").append('<option value="">'+fSelect+'</option>');

	for(var i=0;i<macro[support].length;i++){
	  $("select[name=category]").append('<option value="'+macro[support][i]+'">'+macro[support][i]+'</option>');
        x++;
      }
}
*/

function popolaMacro(support){


   $("select[name=macro]").html("");
    var x=1;
 $("select[name=macro]").append('<option value="">'+fSelect+'</option>');
var macroes = macro[catalogo][support];
	for(var i=0;i<macroes.length;i++){
	  $("select[name=macro]").append('<option value="'+macroes[i]+'">'+macroes[i]+'</option>');
        x++;
      }
}

function cambiaMacro(selezionato,el,catalogo){

    $("#s_row").html("");
     $("#detailsupport").html("");
	 $("#listasupport").css({display:"block"});
     $("#detailsupport").css({display:"none"});
	if(selezionato!=''){
	$("#s_macro").attr("disabled",false);
	$("#family").show();
  if(el=='area'){

	if($("select[name=category] option:selected").val()!=''){

      var vala = converti($("select[name=category] option:selected").val());

      var newval = macro[catalogo][vala];

      $("select[name=macro]").html("")
      $("select[name=macro]").append('<option value="">'+fSelect+'</option>');
       var x=1;
      for(var i=0;i<newval.length;i++){
	   	  $("select[name=macro]").append('<option value="'+newval[i]+'">'+newval[i]+'</option>');
         x++;
      }
    }
  }
  }else{
  	$("#family").hide();

  $("#s_macro").attr("disabled",true);
      $("select[name=macro]").html("")
      $("select[name=macro]").append('<option value="">'+fSelect+'</option>');

  }
  goRoundPagerSupport();

}


function cambiaRow(selezionato,el,catalogo){
     $("#detailsupport").html("");
	 $("#listasupport").css({display:"block"});
     $("#detailsupport").css({display:"none"});

      var vala = el;
      var newval = macro[catalogo][vala];
	  $("#s_row").html("");
	if(selezionato!=''){
	 var newvalrows = macro[catalogo][vala][converti(selezionato)];
	  for(var i=0;i<newvalrows.length;i++){
		  var valori=newvalrows[i].split("||");
		   $("#s_row").append('<li><a href="#" onclick="displayDetailXml(\''+language+'\','+valori[2]+')"><span class="code">'+fCod+': '+valori[0]+'</span><span class="product">'+valori[1]+'&nbsp;</span></a></li>');
	  }
	  }


  goRoundPagerSupport();
}

function displayDetailXml(lang,id){

var xmlPath="/searchSupportXml.do?lang="+lang+"&id="+id;

  $.ajax({
       type: "GET",
       url: xmlPath,
       dataType: 'xml',
       success: function(msg){
             if (id!='') {
                 var testo = $(msg).find("column").filter("[index=0]").text();
	           	 var prod = $(msg).find("column").filter("[index=1]").text();
	           	 var cod = $(msg).find("column").filter("[index=2]").text();
		var label="";
		label+='<div id="data_elsupport">';
		label+='<p class="code"><span>'+fCod+':</span>'+cod+'</p>';
		if(language=='it')
		label+='<p class="product">'+prod+'<a href="#" onclick="closeDetail();">INDIETRO</a></p>';
		else{
		label+='<p class="product">'+prod+'<a href="#" onclick="closeDetail();">BACK</a></p>';
		}
		label+='</div>';
		label+=testo;
	  $("#listasupport").css({display:"none"});
      $("#detailsupport").css({display:"block"});
      $("#detailsupport").html(label);

              }

      }
       });

}


function displayDetailDownload(id){
var xmlPath= sRootPath + langXml+'/XML/DOWNLOAD/data.xml'

  $.ajax({
       type: "GET",
       url: xmlPath,
       dataType: 'xml',
       success: function(msg){
             if (id!='') {
             	 var news = $(msg).find("Item").filter("[uid="+id+"]")
                 var titolo = $("titolo", news).text();
                 var testo =  $("descrizione", news).text();
				 titolo = titolo.replace(/(<([^>]+)>)/ig,"");
		var label="";
		label+='<div id="data_elsupport">';
		/*label+='<p class="varie"><span></span></p>';*/
		if(langXml=='it'){
			label+='<p class="varie">'+titolo+'<a href="#" onclick="closeDetail();">Indietro</a></p>';
		}
		else {
			label+='<p class="varie">'+titolo+'<a href="#" onclick="closeDetail();">Back</a></p>';
			}
		label+='</div>';
		label+=testo;
	  $("#listasupport").css({display:"none"});
      $("#detailsupport").css({display:"block"});
      $("#detailsupport").html(label);

              }

      }
       });

}
function closeDetail(){
 $("#detailsupport").html("");
 $("#listasupport").css({display:"block"});

};

function displayVarie(){

	var elssupport=$('#bar_support li').find('a');
	elssupport.each(function(i){
		$(this).removeClass();
	});

$("#bar_support li#varie a").addClass("on current");
 $("#detailsupport").hide();
 $("#menu_support").html("");
 $("#listasupport").show();
 $("#listasupport").html(getSupportVarie());
 $("#s_varie").show();
 goRoundPagerSupport();

}
function getSupportVarie(){
var html='<div id="div_varie"><ul id="s_varie">';
 			$.ajax({
						type: "GET",
						url: sRootPath + langXml+'/XML/DOWNLOAD/data.xml',
						dataType: "xml",
						async:false,
						success: function(msg){
							 $(msg).find("Item").each(function(){
					   					var titolo= $("titolo", this).text().replace(/(<([^>]+)>)/ig,"");
									   	var descrizione  = $("descrizione", this).text();
   										var id = $(this).attr('uid');
											html+='<li><span class="varie"><a href="#" onclick="javascript:displayDetailDownload(\''+id+'\');">'+titolo+'</a></span></li>';

									   })

				  				   }
						});
html+='</ul></div>';
return html;
}



function getDataInfoSupport(support){
$("#bar_support li a").removeClass("on current");

$("#s-"+support).addClass("on current");
var html='<form name="searchsupport" action="#" method="post">';


			       html+='<p id="family">';
			       html+='<label>'+fSelectFamiglia+'</label>';
			       html+='<select name="macro" id="s_macro"  onchange="cambiaRow(document.searchsupport.macro[this.selectedIndex].value,\''+support+'\',\''+catalogo+'\')">';
			       html+='<option>'+fSelect+'</option>';
			       html+='</select>';
			       html+='</p>';

		  html+='</form>';
		  	     $("#s_row").html("");
     $("#detailsupport").html("");
	 $("#listasupport").css({display:"block"});
     $("#detailsupport").css({display:"none"});
     $("#listasupport").css({display:"none"});
     $("#listasupport").html("<ul id=\"s_row\"></ul>");
     $("#detailsupport").css({display:"none"});
// $("#s_varie").html("");
	     $("#menu_support").html(html);
			popolaMacro(support);

}