function fw(a,b) {
    $(a).show();
    new Draggable(a,{handle:b}); 
    $('currencyFrom').selectedIndex = 15;
    $('currencyTo').selectedIndex = 4;
    setFlag($('currencyFrom')); 
    setFlag($('currencyTo'));
    $('currencyAmount').value='';
    $('currencyAmount').focus();
    $('conversionResult').update('');
    $(a).clonePosition('cc-link',{'setLeft':true,'setRight':true,'setWidth':false,'setHeight':false,'offsetLeft':-90,'offsetTop':-190});
}   

Event.observe(window, 'load', init);

function init() {
    $('currencyAmount').observe('keyup', convert);
    $('currencyFrom').observe('change', convert);
    $('currencyTo').observe('change', convert);
    $('cc-close').observe('click', function() {$('currency-converter').hide();return false;});
} 
        
function convert(event) { 
    var cf = 'currencyFrom';
    var ct = 'currencyTo';
    var sid = $F('sid');
    var el = Event.element(event);
    if(el.id == cf || el.id == ct) setFlag(el);
    var url = sid + '_xhr-proxy.html';
    var target = 'conversionResult';
    
    var myAjax = new Ajax.Updater(
        target, 
        url, 
        {
            method: 'post', 
            parameters: {
                'serviceType': 'currency',
                'currencyFrom': $F(cf),
                'currencyTo': $F(ct),
                'currencyAmount': $F('currencyAmount')                   
            }, 
            onLoading: function(request) {$('loadingIndicator').show()},
            onSuccess: function(request) {$('loadingIndicator').hide()}
     });
}

function setFlag(el)
{
    var cc = $F(el);
    $(el.id + 'Flag').setStyle({
        'background': 'url(/images/_default/flags/' + cc + '.png) no-repeat top left'
    });    
}