var pe;
var dia_status = false;//Diashow aktiv oder aus
var arr_pic_preload = new Array();
var gbl_img_aktuell;
var timeout;
var box;


function get_scroll_Y_pos()
  {
  if (typeof window.pageYOffset != 'undefined') {
   scrollYPos = window.pageYOffset;
    }
    else if (typeof document.compatMode != 'undefined' &&
         document.compatMode != 'BackCompat') {
       scrollYPos = document.documentElement.scrollTop;
    }
    else if (typeof document.body != 'undefined') {
       scrollYPos = document.body.scrollTop;
    }
  return scrollYPos;
  }

function load_search_form(url)
  {
  var myAjax = new Ajax.Request(
    url, {
      method: 'post',
      postBody:Form.serialize(document.forms['form_detailsuche']),
      onCreate:function(){$('nach_Detail').innerHTML = '<div style="background:url(public/images/loading.gif) no-repeat 312px 170px;height:100%;width:100%;"></div>';},
      onSuccess:function(transport)
        {
        $('searchmenu').innerHTML = transport.responseText;
        new Effect.Opacity('nach_Detail', {from: 0, to: 1, duration: 0.5});
        }
    } 
  );
  
  
  }
  
function sende_suchform(url) {
  
  var myAjax = new Ajax.Request(
    url, {
      evalScripts: true,
      method: 'post',
      postBody:Form.serialize(document.forms['form_detailsuche']),
      onSuccess:function(transport)
        {
        $('searchmenu').innerHTML = transport.responseText;
        }
    }
  );
}

function send_form(form, target, url) {
  
  var myAjax = new Ajax.Request(
    url, {
      evalScripts: true,
      method: 'post',
      postBody:Form.serialize(document.forms[form]),
      onSuccess:function(transport)
        {
        $(target).innerHTML = transport.responseText;
        }
    }
  );
}


function sende_suchform(url) {
	  
	  var myAjax = new Ajax.Request(
	    url, {
	      evalScripts: true,
	      method: 'post',
	      postBody:Form.serialize(document.forms['form_detailsuche']),
	      onSuccess:function(transport)
	        {
	        $('searchmenu').innerHTML = transport.responseText;
	        }
	    }
	  );
	}


function load_car_model(url) {
  
  new Ajax.Request(url, {
  
  onSuccess:function(transport)
    {      
    $('logo_hersteller').src = transport.responseText;
    }
  })
}

function load_autoschau(url) {
       
  $('autoschau-car-pic').style.visibility = 'hidden';  
  new Ajax.Request(url, {
  
  onSuccess:function(transport)
    { 
    $('autoschau-middle').innerHTML = transport.responseText;
    },
  onComplete:function(){
    new Effect.Opacity('autoschau-car-pic', {from: 0, to: 1, duration: 0.1});
    } 
  })
   
  
}

function fahrzeug_merken(box, url){
  ajax_load(box, url)
  $('fahrzeug_merken').update('Fahrzeug gemerkt');
  }

function ajax_load(box, url)
  {
  new Ajax.Updater(box, url, {
    evalScripts: true,
    method: 'get'
    })
  }





function tel_fil(url)
  {
  new Ajax.Request(url,
    {
	method: 'get',
	onSuccess:function(transport)
	     {	
         var json = transport.responseText.evalJSON();
	     //alert(json[0]);
	     //for(var i in arr_res){
	     //alert(arr_res[i]);}
         fil_akt = json[0] + '_a';
         if($(fil_akt) != null){ $(fil_akt).id = json[0];}
         $(json[1]).id = json[1]+'_a';
           
	     $('car-det-34').innerHTML = json[2];
	     $('car-det-28').innerHTML = json[3];
	     }
      } 
	);	
	
  }

function hide_box(box)
  {
  $(box).setStyle({visibility: 'hidden', left: '0px', top: '0px'});
  $(box).innerHTML = "";
  }  

function show_routenplaner()
{
$('routenplaner').setStyle({display: 'block'});
$('show_routenplaner').setStyle({visibility: 'hidden'});
var mheight= document.documentElement.clientHeight;
var offset = 0 - mheight + 160;
new Effect.ScrollTo('routenplaner', {duration:'0.2', offset: offset});

} 
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
return false;
}

function show_filter_form(){
  if($('filter_form')){	
    var show = getCookie('show_filter');
    if(show == 'true'){
	  $('filter_form').setStyle({visibility: 'visible'});
	  new Effect.Opacity('filter_form', { from: 0, to: 1, duration: 0.1});
      }
    } 
  }
	

function opacity(box, dir){
	
 if(dir=='hide'){
  document.cookie = 'show_filter=false';	 
  new Effect.Opacity(box, { from: 1, to: 0, duration: 0.5, afterFinish:function()	
  {$(box).setStyle({visibility: 'hidden'});}});
  }
 if(dir=='show'){
  //neues cookie setzen
  var a = new Date();
  a = new Date(a.getTime() +1000*60*60*24*365);
  document.cookie = 'show_filter=true; expires='+a.toGMTString()+';';
  
  $(box).setStyle({visibility: 'visible'});
  new Effect.Opacity(box, { from: 0, to: 1, duration: 0.5});	
  }  
 }

function suche_eingrenzen(form_id)
{//alert($(form_id).action);
var myAjax = new Ajax.Request(
	$(form_id).action, {
    method: 'post',
    postBody:Form.serialize(document.forms['filter']),
    onSuccess:function(transport)
      {
      //var test = (transport.responseText);
      var json = transport.responseText.evalJSON();
      //alert(json[1 ]);
      //for(var i in arr_res){
      //alert(arr_res[i]);}
      $('content_top_suchergebnisse').innerHTML = json[0];
      $('suchergebnisse').innerHTML = json[1];
      $('content_bottomtext').innerHTML = json[2];
      $('filter_form').innerHTML = json[3];
     
      }
  } 
);


}

function my_lightbox_open(img_id, box, url, bg_image, position)
  {
  //öffnet neue Box für Diashow oder Stellenanzeige
  
  gbl_img_aktuell = img_id;

  //alert($('ajax_box').cumulativeScrollOffset().top);
  //an url Bildschirmmaße anhängen  //position: position,
  url = url + '&mwidth='+document.documentElement.clientWidth+'&mheight='+document.documentElement.clientHeight+'&yoffs='+$('ajax_box').cumulativeScrollOffset().top
  
  //$(box).onclick = my_lightbox_close; 
  $(box).setStyle({backgroundImage: 'url('+bg_image+')', backgroundColor: 'transparent', textAlign: 'center',  top: '0px', left: '0px'});
  $(box).setStyle({visibility: 'visible'});
  new Effect.Opacity(box, {from: 0, to: 1, duration: 0.2});
  new Effect.Morph(box, {style: 'top:0px; left:0px; width:99.9%; height:2000px;', duration: 0.2});
  new Ajax.Updater(box,url, {
    method: 'get',
    evalScripts: true
    
    
  });

  
  }

function my_lightbox_load_diashow()
  {
  var next;
  dia_status = true;
  //nachstes Bild ermitteln, wenn das aktuelle Bild das letzte ist, von vorn beginnen
  if(gbl_img_aktuell == (arr_pic_preload.length - 1))next = 1;
  else next = gbl_img_aktuell + 1;
  $('dia_start').setStyle({visibility: 'hidden'});
  $('dia_stop').setStyle({visibility: 'visible'});
  
  var anzahl = arr_pic_preload.length - 1;
  //das nächste Bild wird sofort angezeigt
  new Effect.Opacity('dia_img', {from: 1, to: 0, duration: 0.2,
      afterFinish:function()
        {
        $('dia_img').src = arr_pic_preload[next].src;
        for(var i = 1; i < arr_pic_preload.length; i++)
          {
          $('thumb_' + i).setStyle({border: '0px'});
          }
        $('thumb_' + next).setStyle({border: '1px #e3001a solid'});
        new Effect.Opacity('dia_img', {from: 0, to: 1, duration: 0.2});
        }
      });

  pupdater = new PeriodicalExecuter(function(pe) {

  if(next >= anzahl)next = 1;
  else next = next + 1;

  new Effect.Opacity('dia_img', {from: 1, to: 0, duration: 0.2,
      afterFinish:function()
        {
        $('dia_img').src = arr_pic_preload[next].src;
        for(var i = 1; i < arr_pic_preload.length; i++)
          {
          $('thumb_' + i).setStyle({border: '0px'});
          }
        $('thumb_' + next).setStyle({border: '1px #e3001a solid'});
        new Effect.Opacity('dia_img', {from: 0, to: 1, duration: 0.2});
        }
      });
    }, 3);
  

  }

function my_lightbox_stop_diashow()
  {
  if(typeof pupdater != 'undefined')
    {
    myvar = pupdater.stop(pe);
    dia_status = false;
    }
  $('dia_start').setStyle({visibility: 'visible'});
  $('dia_stop').setStyle({visibility: 'hidden'});
  }

function my_lightbox_next_pic()
  {
  //ruft das nächste Fahrzeugbild der Lightbox auf
  if(gbl_img_aktuell == (arr_pic_preload.length - 1))image_id = 1;
  else image_id = gbl_img_aktuell + 1;
  my_lightbox_load_pic(image_id)
  }
  
function my_lightbox_last_pic()
  {
  //ruft das letzte Fahrzeugbild der Lightbox auf
  if(gbl_img_aktuell == 1)image_id = arr_pic_preload.length - 1;
  else image_id = gbl_img_aktuell - 1;
  my_lightbox_load_pic(image_id)
  }
  
function my_lightbox_load_pic(image_id)
  {
  //zeigt das aktuelle Bild der Lightbox
  gbl_img_aktuell = image_id;
  new Effect.Opacity('dia_img', {from: 1, to: 0, duration: 0.2,
      afterFinish:function()
        {        
        $('dia_img').src = arr_pic_preload[image_id].src;
        
        for(var i = 1; i < arr_pic_preload.length; i++)
          {
          $('thumb_' + i).setStyle({border: '0px'});
          }
        $('thumb_' + image_id).setStyle({border: '1px #e3001a solid'});
        new Effect.Opacity('dia_img', {from: 0, to: 1, duration: 0.2});
        }
      });
  }

function my_lightbox_settimeout(image_id)
  {
  timeout = setTimeout('my_lightbox_load_pic_no_dia('+image_id+')', 350);  
  }

function my_lightbox_cleartimeout()
  {
  clearTimeout(timeout);  
  }

//prüfen, ob diashow läuft, währenddessen bei moueover über die
//Thumbs kein Bildwechsel
function my_lightbox_load_pic_no_dia(image_id)
  {
  
  if(dia_status == false)
    {
    my_lightbox_load_pic(image_id)
    }
  }

function pic_preloader()
  {
  //vorladen der Bilder für die Lightbox

  //js_car wird in header.php definiert
  url = get_url() + '?mode=20480&car='+js_car+'&mwidth='+document.documentElement.clientWidth+'&mheight='+document.documentElement.clientHeight;
 
  
  new Ajax.Request(url,
          {method: 'get',
           onComplete:function(transport)
            {
            
            var z;
            
            var arr_pic = transport.responseText.split('<end>');
            
            for(var i = 0; i < arr_pic.length; i++)
              {
              z = i + 1;
              arr_pic_preload[z] = new Image();
              arr_pic_preload[z].src = arr_pic[i];
              
              }
            }
          });


  }

function get_url()
  {
  if(window.location.hostname == 'localhost'){teilurl = 'http://localhost/autoland';}
  else {teilurl = 'http://' + window.location.hostname;}
  return teilurl;
  }

function load_slideshow()
  {
  var teilurl = get_url();
  url = teilurl + '/index.php?mode=25500';  
  
  new Ajax.Request(url, {
  
  onSuccess:function(transport)
    { 
    $('slideshow').innerHTML = transport.responseText;
    Init(); 
    } 
  })
  
  }

  
function my_lightbox_close()
  {
  //wenn Diashow läuft -> beenden
  if(dia_status == true)
    {
    my_lightbox_stop_diashow();
    }
  new Effect.Opacity('ajax_box', {from: 0.7, to: 0, duration: 0.2 ,
    afterFinish:function()
      {
      $('ajax_box').setStyle({visibility: 'hidden'});
      $('ajax_box').innerHTML = "";
      }});
  
  } 

function mod_list_show_car(image, target){
  if(image)
    {	  
    bild_tauschen(image, target);	
    $(target).setStyle({visibility: 'visible'});
    }
  }

function mod_list_hide_car(target){
	  $(target).setStyle({visibility: 'hidden'});
	  }

function bild_tauschen_verz(image, target)
  {
  timeout = setTimeout('bild_tauschen(\''+image+'\', \''+target+'\')', 300); 	
  }

function bild_tauschen(image, target)
  {
  clearTimeout(timeout);	
  $(target).src = image;
  if(!image)$(target).alt = '';
  }


function lightbox_navpic(e, pic)
  {
  $(e).src = pic;   
  }

function ankauf_farbe(cartyp, home)
{
var arr_cartyp = new Array('limo', 'kombi', 'kleinw', 'coupe', 'cabrio', 'suv', 'van');
for(var i in arr_cartyp)
  { 
  $(arr_cartyp[i]).src = home + 'public/images/chassis/'+arr_cartyp[i]+'_grey.png';
  }
$(cartyp).src = home + 'public/images/chassis/'+cartyp+'_red.png';
}

function DeleteSearch(form_id)
{
var form = $('filter')	
arr_inputs = form.getInputs();	
for (var index = 0; index < arr_inputs.length; ++index) {
	 if($(arr_inputs[index]).id != 'source')
		{ 
	    $(arr_inputs[index]).value = '';
		}
	  
	}
suche_eingrenzen(form_id);
}


//Für Formular 'Suche verfeinern'; Wechselt die grafischen Checkboxen
function CheckBox(form_id, feld, fieldval)
{
if($(feld).value == '')
 {
 $(feld).value = fieldval;
 }
else
 {
 $(feld).value = '';
 }
suche_eingrenzen(form_id);
}

//absenden eines Forms über die ID des Forms
function formSubmit(form_id)
{
$(form_id).submit();
}
 
document.onclick = showNodeName;

function showNodeName(e)
{
  if (!e) e = window.event;
  var target = e.target || e.srcElement;
  if (target.nodeType == 3) target = target.parentNode; // defeat Safari bug
  if(target.id == 'ajax_box')my_lightbox_close();
  if(target.id == 'lightbox_anfahrtskizze')my_lightbox_close();
  if(target.id == 'lightbox_filialbild')my_lightbox_close();
  if(target.id == 'close_button')my_lightbox_close();
  if(target.id == 'stellenangebote_close_button')my_lightbox_close();
  //alert(target.id);
}  

Event.observe (window, 'load', dokumentGeladen, false);


function dokumentGeladen (e) {
   if(dia_show == true)pic_preloader();
   if(show_detailform == true)$('filter_form').setStyle({visibility: 'visible'});
   show_filter_form();
}