﻿document.write ("<style type='text/css'>.leftBlock {position:absolute;}</style>");

function switchDealers(dealers)
{

 var element = $(dealers); 
 var elm = element.getElementsBySelector('div.btnDealers').first();

 if (elm.getStyle("backgroundPosition") == "left 0px")
 {
    element.getElementsBySelector('div.bl2').first().hide();    
    elm.setStyle({
        backgroundPosition: 'left 100%'
    });    
    element.getElementsBySelector('div.bl3').first().setStyle({
        backgroundPosition: 'left 100%'
    }); 
    $('regions').stopObserving('mouseout', respondRegions);
    $('dealers').stopObserving('mouseout', respondDealers);
 }else{
    element.getElementsBySelector('div.bl2').first().show();    
    elm.setStyle({
        backgroundPosition: 'left 0px'
    });    
    element.getElementsBySelector('div.bl3').first().setStyle({
        backgroundPosition: 'left 0px'
    });   
    $('regions').observe('mouseout', respondRegions);
    $('dealers').observe('mouseout', respondDealers);
    
 }
}
function respondRegions(event) 
{
    var node = $('regions'); 
    var target = event.relatedTarget || event.toElement;       
    if(!isParent(target, node)) {
    switchDealers("regions");    
    }
}
function respondDealers(event) 
{
    var node = $('dealers'); 
    var target = event.relatedTarget || event.toElement;       
    if(!isParent(target, node)) {
    switchDealers("dealers");    
    }
}
function isParent(child, parent) 
{    
    if (!child || !parent) 
    {  return false;   }    
    while (true) 
    {  if (child == parent) {return true;}
       if (child.parentElement) 
       {
        child = child.parentElement;
       } 
        else if (child.parentNode) 
       {
        child = child.parentNode;
       }
        else 
       {
         return false;
       }
    }
}
function hideRegions()
{
    $$('div.bl2').each(Element.hide);   
$('regions').getElementsBySelector('div.bl3').first().setStyle({
        backgroundPosition: 'left 100%'});
$('dealers').getElementsBySelector('div.bl3').first().setStyle({
        backgroundPosition: 'left 100%'});
}

hideRegions();