$(document).ready(function() {       
    $('.thumb li a img').live('mouseover',function(){
        var image_url =  $(this).attr("src");
        var image_id =  $(this).attr("id");
        var splitUrl = image_url.split('/');
        var img_name = splitUrl.pop();
        var car_name = img_name.split('.');
        car_name = car_name[0];
        if (image_id == "0" || image_id == "7") {
            $('#car_scroller img').addClass('toggleopacity');
            $(this).addClass('highlight');
            $('#view_tooltip1').css("display","block");
            $('#view_tooltip1').css("background-image","url(public/images/tooltip_images/"+car_name+".jpg)");

            var price_payment = $.ajax({
                url: "ajax/ajax_tooltipVal/"+car_name,
                async: false
            }).responseText;
            var splitprice = price_payment.split('-');            
            $('#view_tooltip1 #price').text("$"+splitprice[0]);
            $('#view_tooltip1 #payment').text("$"+splitprice[1]);
            $('#view_tooltip1 #min_mile').text(splitprice[2]);
            $('#view_tooltip1 #max_mile').text(splitprice[3]);
            $('#view_tooltip1 #msrp_value').text("$"+splitprice[4]);
            $('#view_tooltip1 #debate_value').text("$"+splitprice[5]);
            $('#view_tooltip1 #discount_value').text("$"+splitprice[6]);
        }
        if (image_id == "1" || image_id == "8") {
            $('#car_scroller img').addClass('toggleopacity');
            $(this).addClass('highlight');
            $('#view_tooltip2').css("display","block");
            $('#view_tooltip2').css("background-image","url(public/images/tooltip_images/"+car_name+".jpg)");

            var price_payment = $.ajax({
                url: "ajax/ajax_tooltipVal/"+car_name,
                async: false
            }).responseText;
            var splitprice = price_payment.split('-');
            $('#view_tooltip2 #price').text("$"+splitprice[0]);
            $('#view_tooltip2 #payment').text("$"+splitprice[1]);
            $('#view_tooltip2 #min_mile').text(splitprice[2]);
            $('#view_tooltip2 #max_mile').text(splitprice[3]);
            $('#view_tooltip2 #msrp_value').text("$"+splitprice[4]);
            $('#view_tooltip2 #debate_value').text("$"+splitprice[5]);
            $('#view_tooltip2 #discount_value').text("$"+splitprice[6]);
        }
        if (image_id == "2" || image_id == "9") {
            $('#car_scroller img').addClass('toggleopacity');
            $(this).addClass('highlight');
            $('#view_tooltip3').css("display","block");
            $('#view_tooltip3').css("background-image","url(public/images/tooltip_images/"+car_name+".jpg)");

            var price_payment = $.ajax({
                url: "ajax/ajax_tooltipVal/"+car_name,
                async: false
            }).responseText;
            var splitprice = price_payment.split('-');
            $('#view_tooltip3 #price').text("$"+splitprice[0]);
            $('#view_tooltip3 #payment').text("$"+splitprice[1]);
            $('#view_tooltip3 #min_mile').text(splitprice[2]);
            $('#view_tooltip3 #max_mile').text(splitprice[3]);
            $('#view_tooltip3 #msrp_value').text("$"+splitprice[4]);
            $('#view_tooltip3 #debate_value').text("$"+splitprice[5]);
            $('#view_tooltip3 #discount_value').text("$"+splitprice[6]);
        }
        if (image_id == "3" || image_id == "10") {
            $('#car_scroller img').addClass('toggleopacity');
            $(this).addClass('highlight');
            $('#view_tooltip4').css("display","block");
            $('#view_tooltip4').css("background-image","url(public/images/tooltip_images/"+car_name+".jpg)");

            var price_payment = $.ajax({
                url: "ajax/ajax_tooltipVal/"+car_name,
                async: false
            }).responseText;
            var splitprice = price_payment.split('-');
            $('#view_tooltip4 #price').text("$"+splitprice[0]);
            $('#view_tooltip4 #payment').text("$"+splitprice[1]);
            $('#view_tooltip4 #min_mile').text(splitprice[2]);
            $('#view_tooltip4 #max_mile').text(splitprice[3]);
            $('#view_tooltip4 #msrp_value').text("$"+splitprice[4]);
            $('#view_tooltip4 #debate_value').text("$"+splitprice[5]);
            $('#view_tooltip4 #discount_value').text("$"+splitprice[6]);
        }
        if (image_id == "4" || image_id == "11") {
            $('#car_scroller img').addClass('toggleopacity');
            $(this).addClass('highlight');
            $('#view_tooltip5').css("display","block");
            $('#view_tooltip5').css("background-image","url(public/images/tooltip_images/"+car_name+".jpg)");

            var price_payment = $.ajax({
                url: "ajax/ajax_tooltipVal/"+car_name,
                async: false
            }).responseText;
            var splitprice = price_payment.split('-');
            $('#view_tooltip5 #price').text("$"+splitprice[0]);
            $('#view_tooltip5 #payment').text("$"+splitprice[1]);
            $('#view_tooltip5 #min_mile').text(splitprice[2]);
            $('#view_tooltip5 #max_mile').text(splitprice[3]);
            $('#view_tooltip5 #msrp_value').text("$"+splitprice[4]);
            $('#view_tooltip5 #debate_value').text("$"+splitprice[5]);
            $('#view_tooltip5 #discount_value').text("$"+splitprice[6]);
        }
        if (image_id == "5" || image_id == "12") {
            $('#car_scroller img').addClass('toggleopacity');
            $(this).addClass('highlight');
            $('#view_tooltip6').css("display","block");
            $('#view_tooltip6').css("background-image","url(public/images/tooltip_images/"+car_name+".jpg)");

            var price_payment = $.ajax({
                url: "ajax/ajax_tooltipVal/"+car_name,
                async: false
            }).responseText;
            var splitprice = price_payment.split('-');
            $('#view_tooltip6 #price').text("$"+splitprice[0]);
            $('#view_tooltip6 #payment').text("$"+splitprice[1]);
            $('#view_tooltip6 #min_mile').text(splitprice[2]);
            $('#view_tooltip6 #max_mile').text(splitprice[3]);
            $('#view_tooltip6 #msrp_value').text("$"+splitprice[4]);
            $('#view_tooltip6 #debate_value').text("$"+splitprice[5]);
            $('#view_tooltip6 #discount_value').text("$"+splitprice[6]);
        }
        if (image_id == "6" || image_id == "13") {
            $('#car_scroller img').addClass('toggleopacity');
            $(this).addClass('highlight');
            $('#view_tooltip7').css("display","block");
            $('#view_tooltip7').css("background-image","url(public/images/tooltip_images/"+car_name+".jpg)");

            var price_payment = $.ajax({
                url: "ajax/ajax_tooltipVal/"+car_name,
                async: false
            }).responseText;
            var splitprice = price_payment.split('-');
            $('#view_tooltip7 #price').text("$"+splitprice[0]);
            $('#view_tooltip7 #payment').text("$"+splitprice[1]);
            $('#view_tooltip7 #min_mile').text(splitprice[2]);
            $('#view_tooltip7 #max_mile').text(splitprice[3]);
            $('#view_tooltip7 #msrp_value').text("$"+splitprice[4]);
            $('#view_tooltip7 #debate_value').text("$"+splitprice[5]);
            $('#view_tooltip7 #discount_value').text("$"+splitprice[6]);
        }
       
    }).live('mouseout',function(){
        var image_id =  $(this).attr("id");
        if (image_id == "0" || image_id == "7") {
            $('#car_scroller img').removeClass('toggleopacity');
            $(this).removeClass('highlight');
            $('#view_tooltip1').css("display","none");
        }
        if (image_id == "1" || image_id == "8") {
            $('#car_scroller img').removeClass('toggleopacity');
            $(this).removeClass('highlight');
            $('#view_tooltip2').css("display","none");
        }
        if (image_id == "2" || image_id == "9") {
            $('#car_scroller img').removeClass('toggleopacity');
            $(this).removeClass('highlight');
            $('#view_tooltip3').css("display","none");
        }
        if (image_id == "3" || image_id == "10") {
            $('#car_scroller img').removeClass('toggleopacity');
            $(this).removeClass('highlight');
            $('#view_tooltip4').css("display","none");
        }
        if (image_id == "4" || image_id == "11") {
            $('#car_scroller img').removeClass('toggleopacity');
            $(this).removeClass('highlight');
            $('#view_tooltip5').css("display","none");
        }
        if (image_id == "5" || image_id == "12") {
            $('#car_scroller img').removeClass('toggleopacity');
            $(this).removeClass('highlight');
            $('#view_tooltip6').css("display","none");
        }
        if (image_id == "6" || image_id == "13") {
            $('#car_scroller img').removeClass('toggleopacity');
            $(this).removeClass('highlight');
            $('#view_tooltip7').css("display","none");
        }
    //        if (image_id == "7" || image_id == "15") {
    //            $('#car_scroller img').removeClass('toggleopacity');
    //            $(this).removeClass('highlight');
    //            $('#view_tooltip8').css("display","none");
    //        }
    });
});