var highlight;
var myFx;
var showdrop;
var showpickup;
var picked;

window.addEvent('domready', function() {
//    $$('input.DatePicker').each( function(el){
//     new DatePicker(el);
//});
    window.addEvent('domready', function() {
	myCal = new Calendar({ 'pickup-date': 'D d M Y' ,'drop-date':'D d M Y'},{ direction: 1, tweak: { x: 6, y: 0 }});
	});
        highlight = new Fx.Morph($('car_name'), {
        duration: 500,
        link: 'cancel',
        transition: 'quad:out'
    });

    showdrop = new Fx.Morph($('drop-location'), {
        duration: 2000,
        link: 'cancel',
        transition: 'sine:out'
    });
    
    showpickup = new Fx.Morph($('pickup-location'), {
        duration: 2000,
        link: 'cancel',
        transition: 'sine:out'
    });
    
    addpickup = new Fx.Morph($('pickdiv'), {
        duration: 2000,
        link: 'cancel',
        transition: 'sine:out'
    });
    
    adddrop = new Fx.Morph($('dropdiv'), {
        duration: 2000,
        link: 'cancel',
        transition: 'sine:out'
    });
    
    showCar('1-man');
})
    function insert_option(parent, value)
{
        var element=new Element('option', {'value': value,'text':value});
        element.injectInside(parent);
}
function checkHour(){
    var parts = location.pathname.split("/");
    if(parts[1] == "spanish"){
        var daytext = "día";
        var weektext = "semana";
        var totaltext = "Total de Alquiler"
    }
    else{
        var daytext = "day";
        var weektext = "week";
        var totaltext = "Total Rental"
    }
    if($('drop-date').value != ''){
        var hourset = $('hours').value;
        //alert(hourset);
    var hours = $('Hora_Drop').value - $('Hora_Pick').value;
    //alert(hours);
        if( hours > 1 && hourset < 2)
        {
            var tdays = $('totaldays').value;
            tdays++;

        }
        else if( hours <2 && hourset > 1){
            var tdays = $('totaldays').value;
            tdays--;
        
        
        }
        var days = tdays % 7;
        var weeks = Math.floor(tdays / 7 );
        $('dayhold').set('html',totaltext+': '+weeks+' '+(weeks == 0 ? '' : (weeks == 1 ? weeks+weektext : weeks+weektext+"s"))+' '+days+(days == 0 ? '' : (days == 1 ? days+daytext : days+daytext+"s")));
        $('numdays').set('value',days);
        $('numweeks').set('value',weeks);
        $('totaldays').set('value',tdays);
        $('hours').set('value',hours);
    showCar(showncar);
    }
}
    function addTotal(){
        for(i = 1;i < car.length ;i++){
            var amount =     (car[i][6]*$('numdays').value) +  (car[i][7]*$('numweeks').value)
            $("price"+i).set('html','US $'+amount+".00");
            
        }
        var ndays
        var parts = location.pathname.split("/");
        if(parts[1] == "spanish"){
            var daytext = "día";
            var weektext = "semana";
        }
        else{
            var daytext = "day";
            var weektext = "week";
        }
        	

        if($('numdays').value > 0){
            if($('numdays').value == 1){
                ndays = '1 '+daytext
            }
            else {
                ndays = $('numdays').value + ' '+daytext+"s";
            }
      
        }
        if($('numweeks').value > 0){
            if($('numweeks').value == 1){
                ndays = ndays+' 1 '+weektext;
            }
            else {
                ndays = ndays + $('numweeks').value + ' '+weektext+"s";
            }
      
        }
         $("tdays").set('html',ndays);
         var newamount =     (car[showncar][4]*$('numdays').value) +  (car[showncar][5]*$('numweeks').value);
         $('total').set('html',newamount+".00") 

    
    }
    
    function getQuote(){
        if($('drop-date').value == ''){
            alert('You must select a Return Date') ;
            var blink = new Fx.Morph($('drop-date'), {
        duration: 2500,
        link: 'cancel',
        transition: 'sine:out'
    });
        blink.start({backgroundColor:['#f00','#fff']});
        $('drop-date').focus()
            return false;
        }
        $('first-form').submit();
    
    }
    var showncar = 1;
     function showCar(carnumber){
	 	
                showncar = carnumber
                var ctype = '4WD';
                var cdoors = '4'
                 $('car_name').set('html', car[carnumber][0]);
           /// highlight.start({
           //     backgroundColor: ['#FF3300', '#fff'],
           //     opacity: [.5, 1]
           // });
                $('trans').set('html',car[carnumber][1])
                $('vgroup').set('html',car[carnumber][3])
                $('vpass').set('html',car[carnumber][2])
                $('car_image').set('src','/public/images/rentacar/'+car[carnumber][6]+'.jpg')
                $('daily-rate').set('value',car[carnumber][4])
                $('weekly-rate').set('value',car[carnumber][5])              
                var amount =     (car[carnumber][4]*$('numdays').value) +  (car[carnumber][5]*$('numweeks').value);
                $('total').set('html',amount+".00") 
                $("usprice").set('html','US $'+car[carnumber][4]);
                $('car_id').set('value',carnumber); 
                $$('h5.picked').removeClass('picked');
                $$('h4.picked').removeClass('picked');
                $('price'+carnumber).addClass('picked');
                $('name'+carnumber).addClass('picked');
				
        }
   
  


   
function addInput(box){
 var choice = box.options(box.selectedIndex).value;
 if(choice.test('other')){
    $(box.id+'-input').setProperty('value','Enter the location to pick up the rental ');
    $(box.id+'-input').setStyle('display','block');
    if(box.id.test('pickup')){
        if($('drop-area-input').getStyle('display') == 'none'){
           $('drop-filler').setStyle('display','block');
        }
    }else{
        if($('drop-area-input').getStyle('display') == 'block'){
           $('drop-filler').setStyle('display','none');
        }
    }
 }
 if(choice.test('central')){
    $(box.id+'-input').setProperty('value','Enter the location in the Panama City Area ');
    $(box.id+'-input').setStyle('display','block');
    if(box.id.test('pickup')){
        if($('drop-area-input').getStyle('display') == 'none'){
           $('drop-filler').setStyle('display','block');
        }
    }else{
        if($('drop-area-input').getStyle('display') == 'block'){
           $('drop-filler').setStyle('display','none');
        }
    }
 }
 if(choice.test('sixt') || choice.test('SJO')){
    $(box.id+'-input').setProperty('value','');
    $(box.id+'-input').setStyle('display','none');
 
 }
  
}

function cleanUp(field){
    if($(field.id).getProperty('value') == 'Enter the location to pick up the rental ' || $(field.id).getProperty('value') == 'Enter the location in the Panama City Area '){
        $(field.id).setProperty('value','')
    }
   
}

function showExp(){
    $('exp').setStyle('display','block')

}

function hideExp(){
    $('exp').setStyle('display','none')       
}

function showTim(){
    $('time').setStyle('display','block')

}

function hideTim(){
    $('time').setStyle('display','none')       
}