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

window.addEvent('domready', function() {
     var size = document.window.getSize();
     var other = $('container').getSize();
     if(size.y > other.y){
        $('nav_menu').setStyle('height',size.y)
     }else{
        $('nav_menu').setStyle('height',other.y)
     }
     
      
    // Our instance for the element with id "demo-local"

    $$('input.DatePicker').each( function(el){
    new DatePicker(el);
});

        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'
    });
    if($('drop-date').value != '' ) addTotal();
    showCar(0)
})
    function insert_option(parent, value)
{
        var element=new Element('option', {'value': value,'text':value});
        element.injectInside(parent);
}
function checkHour(){
    
    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++;
            var days = tdays % 7;
            var weeks = Math.floor(tdays / 7 );
            $('dayhold').set('html','Total Rental: '+weeks+' weeks '+days+" days");
            $('numdays').set('value',days);
            $('numweeks').set('value',weeks);
            $('totaldays').set('value',tdays);
            $('hours').set('value',hours);
        }
        else if( hours <2 && hourset > 1){
            var tdays = $('totaldays').value;
            tdays--;
            var days = tdays % 7;
            var weeks = Math.floor(tdays / 7 );
            $('dayhold').set('html','Total Rental: '+weeks+' weeks '+days+" days");
            $('numdays').set('value',days);
            $('numweeks').set('value',weeks);
            $('totaldays').set('value',tdays);
            $('hours').set('value',hours);
        
        }
        
    showCar(showncar);
    }
}
    function addTotal(){
		var start = $('pickup-date').value;
		var myRequest = new Request({
			method: 'get', 
			url: '/getRates.php' , 
			data:'date='+start , 
			onSuccess: function(text){

					var parts = text.split('-');
					for (j = 0; j < car.length;j++) {
						var small = parts[j].split('/');
						car[j][6] = small[0];
						car[j][7] = small[1];
				        var amount =     (small[0]*$('numdays').value) +  (small[1]*$('numweeks').value)
						//alert(amount)
            			$("price"+j).set('html','US $'+amount+".00");
					}
				//alert(car)
				} 
			}).send();
        var ndays
        if($('numdays').value > 0){
            if($('numdays').value == 1){
                ndays = '1 day '
            }
            else {
                ndays = $('numdays').value + ' days '
            }
      
        }
        if($('numweeks').value > 0){
            if($('numweeks').value == 1){
                ndays = ndays+' 1 week '
            }
            else {
                ndays = ndays + $('numweeks').value + ' weeks '
            }
      
        }
         $("tdays").set('html',ndays);
         var newamount =     (car[showncar][6]*$('numdays').value) +  (car[showncar][7]*$('numweeks').value);
         $('total').set('html','US $'+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 = 0
     function showCar(carnumber){
                showncar = carnumber;
                var ctype = '4WD';
                var cdoors = '4'
                 if(carnumber < 3)ctype = 'Sedan';
                 $('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])
                $('vtype').set('html',ctype)
                $('vpass').set('html',car[carnumber][2])
                $('car_image').set('src',car[carnumber][8])
                $('daily-rate').set('value',car[carnumber][6])
                $('weekly-rate').set('value',car[carnumber][7]) 
                //alert($('numweeks').value);
                //alert($('numdays').value);               
                var amount =     (car[carnumber][6]*$('numdays').value) +  (car[carnumber][7]*$('numweeks').value);
                $('total').set('html',amount+".00");
				//alert(car[carnumber][6]);
                $('usprice').set('html','US $'+car[carnumber][6]+".00");
                $('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 San Jose Surrounding 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 San Jose Surrounding 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')       
}