https://www.bemoair.cz/english/index_htm_files/featurelistv8_config.js

1var xaraSwidgets_featureList_v8Templates = {
2	
3	
4	entry:		'<li><a href="javascript:;"><img src="{imagetiny}" /><img class="xr_ap" src="{title}"></a></li>',
5	entry2:		'<li><img src="{imagebig}" /><a href="{featurelink}"><img class="xr_ap" style="border:none; position:relative; margin:10px 10px 0px 10px;" src="{featurelinkdesc}"></a></li>',
6	currentimage:'{image}',
7	currentimageoff:'{image1}',
8	contentimage:'{contentimage}',
9	contentimageover:'{contentimageover}',
10	
11	
12	main:		'<div class="feature_list" id="{component_id}OuterDiv">'
13			+	'<ul class="tabs" id="{component_id}tabs">'
14			+	'{entryhtml}'
15			+	'</ul><ul class="output" id="{component_id}output" >'
16			+	'{entryhtml2}'
17			+	'</ul>'
18			+	'</div>'
19	
20			
21};
22
23function xsw_ea_htmlbr(str)
24{
25    if (str == undefined)
26        return '';
27    var lines = str.split("\n");
28    for (var t = 0; t < lines.length; t++) {
29        lines[t] = $("<p>").text(lines[t]).html();
30    }
31    return lines.join("<br/>");
32}
33
34// this is the constructor for a component
35// it loops through each 'entry' in the array of data and compiles the entry template for it
36// it then applies the resulting HTML to the main template before writing the whole lot to the div on the page
37// it then initialises the actual jquery plugin for the div (that now contains the required HTML as a result of writing the template to it)
38function xaraSwidgets_featureList_v8Constructor(divID, data)
39{
40	var entryHTML = '';
41	var entryHTML2 = '';
42
43	// loop through each entry in the array and compile the entry template for it
44	for(var i=0; i<data.length; i++)
45	{
46	    data[i].heading = xsw_ea_htmlbr(data[i].featurelinkdesc);
47	    image = (data[0].image);
48		image1 = (data[0].image1);
49		contentimage = (data[0].contentimage);
50		contentimageover = (data[0].contentimageover);
51		entryHTML += xaraSwidgets_compileTemplate(xaraSwidgets_featureList_v8Templates.entry, data[i]);
52		entryHTML2 += xaraSwidgets_compileTemplate(xaraSwidgets_featureList_v8Templates.entry2, data[i]);
53	}
54
55	// now lets compile the 'main' template which acts as a wrapper for each entry
56	var mainData = {
57		component_id:divID,
58		entryhtml:entryHTML,
59		entryhtml2:entryHTML2
60	};
61	
62	var mainTemplate = xaraSwidgets_compileTemplate(xaraSwidgets_featureList_v8Templates.main, mainData);
63	
64	// now lets apply the resulting HTML for the whole component to the main DIV that was exported by XARA
65	$('#' + divID).html(mainTemplate);
66	
67	
68	// now we have the components DOM on the page - we can use the 'OuterDiv' as the jquery initiation point
69	
70	var imgHeight = $('#' + divID).parent('div').height()
71	var buttonHeight = imgHeight/4;
72	var textPanelHeight = buttonHeight+1;
73	//console.log(imgHeight,buttonHeight, textPanelHeight);
74	
75	// write the css for contentimage graphics and the currentimage tab
76	$('head').append("<style> ul#"+ divID +"tabs li a.current {background:  url('"+ image + 
77	"'); background-repeat:no-repeat; color: #FFF;} ul#"+ divID +"tabs li a {height:" + buttonHeight +"px; background:  url('"+ image1 + 
78	"'); background-repeat:no-repeat;} ul#"+ divID +"output li a {height:" + textPanelHeight +"px;  background: url('"+ 
79	contentimageover +"'); background-repeat:no-repeat;} ul#"+ divID +"output  li a:hover { background:  url('"+ contentimage 
80	+"'); background-repeat:no-repeat;}ul#"+ divID +"tabs {left: 0;} ul#"+ divID +"output {right:0;} </style>" );	
81	
82
83    // apply png fix if the browser is ie 5-6
84	
85	$(document).ready(function() {
86	var oldBrowser = (/MSIE ((5\.5)|6)/.test(navigator.userAgent) && navigator.platform == "Win32");
87	if (oldBrowser) {
88     xr_png();
89//	 xr_pngc();
90		}
91	});
92	
93	
94$('#' + divID + 'OuterDiv').find ('.tabs li a').featureList({
95	output		: $('#' + divID + 'OuterDiv').find ('.output li'),
96//	output		: '.output li',
97	start_item	: 0
98});
99
100}
101
102
103