lord2kim,
Если вы так настаиваете, то пожалуста - узрите этот скрипт:
$(document).ready(function(){
function price(){
var opt = $("input[name = options]:checked");
var min =0;
var max =0;
var price =0;
var i =0;
while(opt[i]){
if(Number($(opt[i]).attr('min')) > min) {min = Number($(opt[i]).attr('min'))};
if(Number($(opt[i]).attr('max')) > max) {max = Number($(opt[i]).attr('max'))};
price += Number($(opt[i]).attr('price'));
i++;
}
refresh2(min+price, max+price);
};
function refresh(i,j){
$('#credit').animate({'width':1.5*j/100+'px'}, 700);
$('#footer').animate({'width':i/100+'px'}, 700);
};
function refresh2(i,j){
$('div#ot').html("от "+i/1000+"тыс.");
$('div#do').html("до "+j/1000+"тыс.");
$('.right-price').animate({'width':1.5*j/100+'px'}, 700);
$('.left-price').animate({'width':i/100+'px'}, 700);
};
function tooltip(items, name){
$(items).children('div').each(function(i){
$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).children('input').attr('text')+"</p></div>");
var my_tooltip = $("#"+name+i);
$(this).removeAttr("title").mouseover(function(){
my_tooltip.css({opacity:0.8, display:"none"}).stop().fadeIn(1000);
}).mousemove(function(kmouse){
my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY+15});
}).mouseout(function(){
my_tooltip.stop().fadeOut(100);
});
});
}
$('.caption').click(function(){
if(!$(this).hasClass('active')){
var radio = $("input[name=type]")[$(this).index()];
$('.caption').removeClass('active');
$(this).addClass('active');
$("input[name=type]").removeAttr('checked', 'checked');
$(radio).attr('checked','checked');
this_id = $(radio).attr('id');
$('#about').animate({'height':0},700,function(){
$("#options").load('content.php?id='+this_id,function(){
$("#info").load('info.php?id='+this_id, function(){
$('#about').animate({'height':$('#about').children('td').height()+40},1300,function(){
price();
tooltip('#options','tooltip');
$('div#options').children('input').click(function(){price()});
$('div.checkbox').click(function(){
var cb = $(this).children('input');
if($(cb).attr('checked')!='checked'){
$(cb).attr('checked', 'checked');
price();
$(this).removeClass('unchecked');
$(this).addClass('checked');
} else {
$(cb).removeAttr('checked');
price();
$(this).removeClass('checked');
$(this).addClass('unchecked');
}
});
});
});
});
});
}
});
$('input[name=type]').click(function(){
this_id = $(this).attr('id');
$("#options").load('content.php?id='+$(this).attr('id'),function(){
$("#info").load('info.php?id='+this_id, function(){
price();
$('div#options').children('input').click(function(){price()});
});
});
});
});