window.addEvent('domready', function(){
	var accordion = new Accordion('span.atStart', 'div.atStart', {
		onActive: function(toggler, element){
			toggler.setStyle('color', '#003366');
      toggler.setStyle('cursor', 'default');
      toggler.setHTML(toggler.innerHTML.replace("collapse3","expand3"));
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#000000');
      toggler.setStyle('cursor', 'hand');
      toggler.setHTML(toggler.innerHTML.replace("expand3","collapse3"));
		}
	});
});

window.onload = function() {
  var url = "/ajax/getcommonrating";
  document.getElementById("loading").style.visibility="visible";
  new Ajax(url, {
    method: 'get',
    onComplete: function(){
      if (trim(this.response.text)!="") {
        var chart = new FusionCharts("/swf/MSBar2D.swf", "ChartId", "275", "600", "0", "0");
        chart.setDataXML(this.response.text);
        chart.render("chart");
      }

      document.getElementById("loading").style.visibility="hidden";
    }
  }).request();
}

function findOver() {
  document.getElementById("icari").src="/images/cari4.gif";
}

function findOut() {
  document.getElementById("icari").src="/images/cari3.gif";
}

function initModel(merek) {
  clearOption(document.cari.model);
  clearOption(document.cari.tipe);
  if (merek=="") return;

  var url = "/ajax/getmodel";
  var params = Object.toQueryString({merek: merek});
  document.getElementById("loading").style.visibility="visible";
  new Ajax(url + "?" +params, {
    method: 'get',
    onComplete: function(){
      clearOption(document.cari.model);
      addOption(document.cari.model, "", "Semua");
      addOption(document.cari.tipe, "", "Semua");

      var models = this.response.text.split(";");
      for (var i=0; i<models.length; i++) {
        var model = models[i].split("|");
        addOption(document.cari.model, model[0], model[1]);
      }

      document.getElementById("loading").style.visibility="hidden";
    }
  }).request();
}

function initTipe(merek,model) {
  clearOption(document.cari.tipe);
  if (model=="") return;

  var url = "/ajax/gettipe";
  var params = Object.toQueryString({merek: merek, model:model});
  document.getElementById("loading").style.visibility="visible";
  new Ajax(url + "?" +params, {
    method: 'get',
    onComplete: function(){
      clearOption(document.cari.tipe);

      addOption(document.cari.tipe, "", "Semua");
      var tipe_list=this.response.text.split(";");
      for (var i=0;i<tipe_list.length;i++) {
        var tipe=tipe_list[i].split("|");
        addOption(document.cari.tipe, tipe[0], tipe[1]);
      }

      document.getElementById("loading").style.visibility="hidden";
    }
  }).request();
}
function updateTipe(result) {
  clearOption(document.cari.tipe);

  addOption(document.cari.tipe, "", "");
  var tipe_list=result.split(";");
  for (var i=0;i<tipe_list.length;i++) {
    var tipe=tipe_list[i].split("|");
    addOption(document.cari.tipe, tipe[0], tipe[1]);
  }
}