function mOverRegion(name)
{   
    name = "<strong>" + name.replace(/ /g, '&nbsp;') + "</strong>";
    overlib(name, TEXTCOLOR, '#000', BGCOLOR, '#000', CELLPAD, 5, VAUTO, WIDTH, 10, OFFSETX, 8, OFFSETY, 20);
}
function mDownRegion(obj,rgn)
{
    $('usa').firstChild.className = '';
    $('canada').firstChild.className = '';
    $('mexico').firstChild.className = '';
    $('central-america').firstChild.className = '';
    $('caribbean').firstChild.className = '';
    $('south-america').firstChild.className = '';
    $('europe').firstChild.className = '';
    $('asia').firstChild.className = '';
    $('south-pacific').firstChild.className = '';
    $('africa').firstChild.className = '';
    $('middle-east').firstChild.className = '';
    
    $(obj).className = 'selected';
    AxExecT(loadRgn,'/ax/air/deal.ashx?rgn='+escape(rgn));    
}

function loadRgn(txt){
    scroll.setValue(0, 0);
    var o;eval('o='+txt);

    $('rf').value=o.Code;
    $('rfData').value=txt;

    $('region').innerHTML = '<a href="/flights/deals/'+o.Region.replace(/\s/g, "-")+'.htm">'+o.Region+'</a>';
    
    if(o.List.length == 0)
        htm = '<div class="mes"><em>Currently we do not have deals for this region.</em></div>';
    else
    {
        htm = '<ul>'
        for(i = 0; i < o.List.length; i++)
        {
			var u='<a href="/flights/deals/'+o.Region.replace(/ /g, "-")+'/'+o.List[i].Country.replace(/ /g, "-")+'.htm">'
            htm += (i == o.List.length - 1)?'<li class="last">' + u + o.List[i].Country + '</a><ul>':'<li>' + u + o.List[i].Country + '</a><ul>';
                
            for(j = 0; j < o.List[i].City.length; j++)
            {
                var url = "/flights/deals/" + o.List[i].Country.replace(/ /g, "-") + "/" + o.List[i].City[j].Name.replace(/ /g, "-") + "-" + o.List[i].City[j].Code + ".htm";
                htm += '<li><a href="' + url + '">&#187; ' + o.List[i].City[j].Name + ' from $'+o.List[i].City[j].Price+'</a></li>';
            }
            htm += '</ul></li>';
        }
        htm += '</ul>'
    }
    $('regionDest').innerHTML = htm;
    scrollCheck();
}


function updatePanel(region)
{
	$('region').innerHTML = region;
	var htm = '';
	var regionData = cityTestData;
	
	if(regionData.length == 0)
		htm = '<div class="mes"><em>Currently we do not have deals for this region.</em></div>';
	else
	{
        htm = '<ul>'
        for(i = 0; i < regionData.length; i++)
        {
			var u='<a href="flights/deals/'+o.Region.replace(/ /g, "-")+'/'+regionData[i].Country.replace(/ /g, "-")+'.htm">'
            if(i == regionData.length - 1)
                htm += '<li class="last">' + u + regionData[i].Country + '</a><ul>';
            else
                htm += '<li>' + u + regionData[i].Country + '</a><ul>';
                
            for(j = 0; j < regionData[i].City.length; j++)
            {
                var url = "/flights/deals/" + regionData[i].Country.replace(/ /g, "-") + "/" + regionData[i].City[j].Name.replace(/ /g, "-") + "-" + regionData[i].City[j].Code + ".htm";
                htm += '<li><a href="' + url + '">&#187; ' + regionData[i].City[j].Name + '</a></li>';
            }
            htm += '</ul></li>';
        }
        htm += '</ul>'
    }
        
    $('regionDest').innerHTML = htm;
}

var scrollAmount = 25;
var scroll = new Control.Slider('scrollBar-handle', 'scrollBar-track', {axis: 'vertical', range:$R(0,100), onSlide: function(v) { scrollVertical(v, $('regionDest'), scroll); }, onChange: function(v) {scrollVertical(v, $('regionDest'), scroll);}});

function scrollVertical(value, element, scroll) 
{
    element.scrollTop = Math.round(value/scroll.maximum*(element.scrollHeight-element.offsetHeight));
}

function scrollCheck()
{
    if ($('regionDest').scrollHeight <= $('regionDest').offsetHeight) 
    {
        scroll.setDisabled();
        $('scrollBar').hide();
        $('regionDest').style.width = '208px';
    }
    else
    {
		scroll.setEnabled();
		$('scrollBar').show();
		$('regionDest').style.width = '192px';
        scroll.setValue(0, 0);		
    }
}

Event.observe('scrollBar-top', 'click', function(){var curPos = scroll.getRange().start; scroll.setValue(curPos-scrollAmount, 0);});
Event.observe('scrollBar-top', 'dblclick', function(){var curPos = scroll.getRange().start; scroll.setValue(curPos-scrollAmount, 0)});    
Event.observe('scrollBar-bottom', 'click', function(){var curPos = scroll.getRange().start; scroll.setValue(curPos+scrollAmount, 0)});   
Event.observe('scrollBar-bottom', 'dblclick', function(){var curPos = scroll.getRange().start; scroll.setValue(curPos+scrollAmount, 0)});

scrollCheck();