var globX = 0; var globY = 0; var globIn = false; $(document).ready(function(){ $('#calc_maket table').hover( function(){globIn = true; $('#calc_maket table').removeClass('no_pointer');}, function(){globIn = true; $('#calc_maket table').removeClass('no_pointer');} ); $('#calc_maket table td').hover( function(){ //$(this).find('div').fadeIn('fast'); if (globIn) { var y = $('#calc_maket table tr').index($(this).parent()); var x = $('#calc_maket table tr:eq(' + y + ') td').index($(this)); x++; $('#calc_maket table tr:gt(0):lt(' + y + ')').each(function(){ $(this).find('td:lt(' + x + ') div').addClass('fill'); }); } }, function(){ //$(this).find('div').fadeOut('fast'); if (globIn) $('#calc_maket table tr td div').removeClass('fill'); } ); /*$('#calc_settings td div').each(function(){ var name = $(this).find('select').attr('id'); $(this).jelectbox({selectbox_id:name, width:'395px'}); });*/ $('#calc_settings td select').sb({fixedWidth: true, arrowMarkup: "
"}); $('#calc_maket table td').click(function(){ var y = $('#calc_maket table tr').index($(this).parent()); var x = $('#calc_maket table tr:eq(' + y + ') td').index($(this)); x++; globX = x + 2; globY = y + 4; globIn = false; $('#calc_maket table').addClass('no_pointer'); var index = Math.min(x + 2, y + 4) + '_' + Math.max(x + 2, y + 4); if (images[index]) { $('#calc_example .image a').attr('href', links[index][0]); for (var t = 1; t < images[index].length && t < 3; t++) { $('#calc_example .small_image a').attr('href', links[index][t]); } } else { $('#calc_example .image a').attr('href', '#'); } $('#calc_maket table td').removeClass('fill'); $('#calc_maket table tr td div').removeClass('fill'); var j = 0; var i = 0; $('#calc_maket table tr:gt(0):lt(' + y + ')').each(function(){ i = 0; $(this).find('td:lt(' + x + ')').each(function(){ var el = $(this); setTimeout(function(){ el.addClass('fill').fadeIn('fast'); }, (i + j) * 20); i++; }); j++; }); if (!$('#calc_settings').is(':visible')) { setTimeout(function(){ $('#calc_settings').slideDown('normal'); }, (i + j - 3) * 20); } $('#calc_example .choose').fadeOut('normal'); if (images[index]) { if ($('#calc_example .types').is(':visible')) { $('#calc_example .types').fadeOut('normal', function(){ $('#calc_example .small_image').hide(); $('#calc_example .types').fadeIn('normal'); $('#calc_example .image img').attr('src', images[index][0]); $('#calc_example .price span').text(prices[index][0]); for (var t = 1; t < images[index].length && t < 3; t++) { $('#calc_example .small_image:eq(' + (t - 1) + ') img').attr('src', small_images[index][t]); } $('#calc_example .small_image').each(function(){ var el = $(this); if (el.find('img').attr('src') != '/des/empty.gif') { setTimeout(function(){ el.addClass('fill').slideDown('fast'); }, (i + j) * 20); i = i + 2; } }); }); } else { $('#calc_example .empty').fadeOut('normal'); $('#calc_example .types').fadeIn('normal'); $('#calc_example .small_image').hide(); $('#calc_example .image img').attr('src', images[index][0]); $('#calc_example .price span').text(prices[index][0]); for (var t = 1; t < images[index].length && t < 3; t++) { $('#calc_example .small_image:eq(' + (t - 1) + ') img').attr('src', small_images[index][t]); } $('#calc_example .small_image').each(function(){ var el = $(this); if (el.find('img').attr('src') != '/des/empty.gif') { setTimeout(function(){ el.addClass('fill').slideDown('fast'); }, (i + j) * 20); i = i + 2; } }); } } else { $('#calc_example .types').fadeOut('normal', function(){ $('#calc_example .image img').attr('src', '/des/empty.gif'); $('#calc_example .price span').text(''); $('#calc_example .small_image img').attr('src', '/des/empty.gif'); }); $('#calc_example .empty').fadeIn('normal'); } $('#calc_settings .price').html(''); calculate(); }); $('#calc_settings select').change(calculate); }); function calculate() { var obj = new Object(); obj['x'] = globX; obj['y'] = globY; $('#calc_settings select').each(function(){ obj[$(this).attr('id')] = $(this).val(); }); $.ajax({ type: "POST", url: "/ajax.php?mid=4", data: obj, success: function(msg){ if (msg) $('#calc_settings .price').html('Итого ' + msg + ' руб.'); else $('#calc_settings .price').html(''); } }); }