var visual = $('.'+model+'_visual', that);
if(!visual.length){
var cal_global = $(tpl_global).attr('id', id);
cal_global.appendTo(that);
visual = $('.'+model+'_visual', that);
}
else visual.html('');
//var tmp_tpl = visual.length ? tpl : '
';
var cal = $(tpl)
.find('.'+model+'_layers').attr('title', options.layers_div_tite).css({'paddingLeft':options.block_paddingLeft}).end()
.find('.'+model+'_mapping').css({zIndex:options.zIndexFirst+20}).end()
.find('.'+model+'_point').css({zIndex:options.zIndexFirst+1}).end()
.find('.'+model+'_line').css({zIndex:options.zIndexFirst+1}).end()
.find('.'+model+'_text').css({zIndex:options.zIndexFirst+1}).end()
.find('.'+model+'_map').attr('id', id+'_map_name').attr('name', id+'_map_name').end()
//.find('.'+model+'_mapping_image').attr('usemap', '#'+id+'_map_name').css({zIndex:options.zIndexFirst+10}).end();
//alert(cal.find('.'+model+'_map').attr('name'))
cal.appendTo(visual).show();
$('.'+model+'_layers').attr('title', options.layers_div_tite).css({'paddingLeft':options.block_paddingLeft});
return cal;
}
/*
* Рендер слоёв и блока названий слоёв
*/
,layersRender = function(that, options, id){
//'+model+'_layers_name
var layers_html = [], layers_name_html = [], layers = options.layers, sumTop = 0, top = 0;
var count = options.layers.length;
var zIndex = options.zIndexFirst*1;
zIndex;
for(var i = 0; i < count; i++){
sumTop += i>0 ? layers[i].h*1+options.z*1 : layers[i].h*1;
top += i>0 ? layers[i-1].h*1+options.z*1 : 0;
layers_html.push('
');
layers_name_html.push('
'+(i+1)+'. '+layers[i].name+'
');
/*
if(i>0){
layers_html.push('
');
} */
layers_html.push('
');
// Прелоад померкнувшего изображения слоя
preLoad(layers_dir+layers[i].src_hover);
}
$('.'+model+'_layers', that).html(layers_html.join(''));
$('.'+model+'_layers_name', that).css({width:options.imgW*1+options.block_paddingLeft}).html(layers_name_html.join(''));
return sumTop;
}
,mapRender = function(that, options, id)
{
// Короткие названия переменных
var pointers = options.pointers;
var count = options.layers.length;
var layers = options.layers;
// Дефолтные x
var x1 = pointers[0][0]*1; // x левой точки
var x2 = pointers[1][0]*1; // x центральной точки
var x3 = pointers[2][0]*1; // x правой точки
var y1 = pointers[0][1]*1; // x левой точки
var y2 = pointers[1][1]*1; // x центральной точки
var y3 = pointers[2][1]*1; // x правой точки
var z = options.z; // константный отступ между слоями
$('.'+model+'_html_map', that).html(''); // Очистка map
var arr = [];
var H = sumH = 0;
var area = [];
var map_name = id+'_map_name';
if($('#'+map_name).length)$('#'+map_name).attr('id', '1').attr('name', '1').remove();// for google hrome
for(var i=0; i
0 ? sumH*1-z*1 : h*1;
// Просчёт координат точки наложения "точки" =)
layers[i].point = [];
layers[i].point[0] = parseInt(x1+(x2-x1)/3);
layers[i].point[1] = parseInt(y1+H-h/2+z+z/2);
// Просчёт координат полигона
// Если не первый слой
if(i > 0){
arr = [x1+options.block_paddingLeft, y1+H, x2+options.block_paddingLeft, y2+H, x3+options.block_paddingLeft, y3+H, x3+options.block_paddingLeft, y3+H-h-z, x2+options.block_paddingLeft, y2+H-h-z, x1+options.block_paddingLeft, y1+H-h-z];
}else{
arr = [x1+options.block_paddingLeft, y1+H, x2+options.block_paddingLeft, y2+H, x3+options.block_paddingLeft, y3+H, x3+options.block_paddingLeft, 0, x3-20+options.block_paddingLeft, 0, x1+options.block_paddingLeft, y1+H-h, x1+options.block_paddingLeft, y1+H];
}
area.push('');
}
//document.getElementById(id+'_map_name').innerHTML = area.join(''); // глюк, jquery тут не катит
//alert('')
//alert(area.join(''));
var map = $('').css({display:'block'}).appendTo('#'+id);
var model_mapping = $('.'+model+'_mapping', that);
//model_mapping.html(model_mapping.html()+'
');
$('').appendTo(model_mapping);
//$('#'+id+'_map_name', that).attr('innerHTML', area.join(''))
}
,miniWindowsRender = function(that, options, id){
// Короткие названия переменных
var pointers = options.pointers;
var count = options.layers.length;
var layers = options.layers;
var miniWindows = [];
var miniWindows_parent = $('.'+model+'_mini_windows', that);
for(var i=0; i.
'+(i+1)+'
');
var point = {'left':options.layers[i].point[0]*1+options.block_paddingLeft, 'top':options.layers[i].point[1], 'display':'block'};
var line = {'left':parseInt(point.left)-options.line_mini_width, 'top':parseInt(point.top)+2, width:options.line_mini_width, 'display':'block'};
var round = {'left':parseInt(line.left)-18, 'top':parseInt(line.top)-9, 'display':'block'};
var el = $(miniWindows[i]).css({'zIndex':options.zIndexFirst+1021, 'position':'absolute'})
.find('.'+model+'_point').css(point).end()
.find('.'+model+'_line').css(line).end()
.find('.'+model+'_round').css(round).end()
el.appendTo(miniWindows_parent);
}
}
/*
* Показ блока с текстом
*/
,showWindow = function(that, options){
var id = options.active_id;
// Скрываем цифру слоя
//$('.'+model+'_mini_window_'+id).hide();
var window = $('.'+model+'_window', that);
// Прорисовка точки
var point = {'left':options.layers[id].point[0]*1+options.block_paddingLeft, 'top':options.layers[id].point[1]};
$('.'+model+'_point', window).css(point).show();
// Прорисовка линии
var line = {'left':parseInt(point.left)-options.line_width, 'top':parseInt(point.top)+2, width:options.line_width};
$('.'+model+'_line', window).css(line).show();
// Прорисовка блока с текстом
var text = {'left':parseInt(line.left)-1-options.text_width, 'top':parseInt(line.top)-10, width:options.text_width};
$('.'+model+'_text', window).css(text).html('
'+(id*1+1)+'
'+options.layers[id].name+'
'+options.layers[id].text).show();
// Показ блока
window.show();
}
/*
* Прелоад нужных изображений
*/
,preLoad = function(src){
var image = new Image();
image.src = src;
}
,changeImage = function(that, el, src){
if($.browser.msie && $.browser.version<="6.0"){
//Достаём src изображения
var element = $('span'+el, that);
if(element.length > 0){
var el_style = element.attr('style');
//var matches = el_style.match(/src[^"]/g);
//alert(matches.length)
el_style = el_style.replace(/src=([^;]+)/i, 'src='+layers_dir+src);
element.attr('style', el_style).show();
}
}
else{
var element = $(el, that);
if(element.length > 0){
element.attr('src', layers_dir+src).show();
}
}
}
,mouseOut = function(that, options){
if(options.active_id == null){
for(var i=0; i
"6.0")){
if(!options.block_events){
// При наведении на любой слой map
$('.'+model+'_map_layer, .'+model+'_layer_name, .'+model+'_mini_window', that).livequery('mouseover', function(e){
//$(this).addClass(model+'_area_over');
e.preventDefault();
var layer_id = $(this).attr('id').split('_')[4]*1;
$('#'+id+'_map_layer_'+layer_id+', #'+id+'_layer_name_'+layer_id).addClass(model+'_area_over');
var old_active_id = null;
old_active_id = options.active_id;
//$('.'+model+'_mini_window_'+old_active_id).show();
options.active_id = layer_id;
// Скрываем слой, который был активный
for(var i=0; iВнимание! Интерактивная модель не работает в браузерах IE ниже 7 версии.