function SigmaUITemplates(config){
	
if(!config){
    this.config = {};
}else{
    this.config = config;
}
var sA=[],i=0;
		
/* source buttons templates */

sA[i++]='<div class="fl unrejectSourceButton buttonContainer" >';
sA[i++]=    '<a class="unrejectSource action-button ui-state-default action-button-icon-right ui-corner-all" ';
sA[i++]=		'href="javascript:void(0);" title="confirm">';
sA[i++]=	    '<span class="ui-icon ui-icon-check"></span>unreject';
sA[i++]=    '</a>';
sA[i++]='</div>';
this.unrejectSourceButtonTemplate = sA.join(''); 

sA=[]; i=0;        
sA[i++]='<div class="fl unapproveButton buttonContainer" >';
sA[i++]=    '<a class="unconfirmSource action-button ui-state-default action-button-icon-right ui-corner-all" ';
sA[i++]=        'href="javascript:void(0);" title="unconfirm">';
sA[i++]=		'<span class="ui-icon ui-icon-check"></span>unapprove';
sA[i++]=	'</a>';
sA[i++]='</div>';
this.unapproveButtonTemplate = sA.join('');
			
sA=[]; i=0;        
sA[i++]='<div class="fl dehighlightButton buttonContainer buttonContainerFirst" >'; 
sA[i++]=    '<a class="dehighlightSource action-button ui-state-highlight action-button-icon-right ui-corner-all" ';
sA[i++]=	   'href="javascript:void(0);" title="highlight values" style="display:none;">';
sA[i++]=	   '<span class="ui-icon ui-icon-unlocked"></span>'+this.config.unfilterSoloButtonLabel;
sA[i++]=	'</a>';
sA[i++]='</div>';
this.dehighlightButtonTemplate = sA.join('');  
						
sA=[]; i=0;        
sA[i++]='<div class="fl highlightButton buttonContainer" >';
sA[i++]=    '<a class="highlightSource action-button ui-state-default action-button-icon-right ui-corner-all" ';
sA[i++]=	   'href="javascript:void(0);" title="highlight values">';
sA[i++]=		'<span class="ui-icon ui-icon-locked"></span>solo';
sA[i++]=    '</a>';
sA[i++]='</div>';
this.highlightButtonTemplate = sA.join(''); 
						 
sA=[]; i=0;        
sA[i++]='<div class="fl approveButton buttonContainer" >';
sA[i++]=    '<a class="confirmSource action-button ui-state-default action-button-icon-right ui-corner-all" ';
sA[i++]=	   'href="javascript:void(0);" title="confirm">';
sA[i++]=		'<span class="ui-icon ui-icon-check"></span>approve';
sA[i++]=	'</a>';
sA[i++]='</div>';
this.approveButtonTemplate = sA.join(''); 

sA=[]; i=0;        
sA[i++]='<div class="fl confirmSourceFromTheSameDomainButton buttonContainer" >';
sA[i++]=    '<a class="confirmSourceFromTheSameDomain action-button ui-state-default action-button-icon-right1 ui-corner-all" ';
sA[i++]=        'href="javascript:void(0);" title="confirm all from the same domain">';
sA[i++]=        '<span class="ui-icon ui-icon-check"></span>';
sA[i++]=		'<span class="ui-icon1 ui-icon-check"></span>&nbsp;';
sA[i++]=	'</a>';
sA[i++]='</div>';
this.confirmSourceFromTheSameDomainButtonTemplate = sA.join('');
						
sA=[]; i=0;        
sA[i++]='<div class="fl rejectButton buttonContainer" >'; 
sA[i++]=    '<a class="rejectSource action-button ui-state-default action-button-icon-right ui-corner-all" ';
sA[i++]=        'href="javascript:void(0);" title="reject">';
sA[i++]=        '<span class="ui-icon ui-icon-close"></span>reject';
sA[i++]=	'</a>';
sA[i++]='</div>';
this.rejectButtonTemplate = sA.join('');
								
sA=[]; i=0;        
sA[i++]='<div class="fl rejectSourceFromTheSameDomainButton buttonContainer buttonContainerLast" >'; 
sA[i++]=    '<a class="rejectSourceFromTheSameDomain action-button ui-state-default action-button-icon-right1 ui-corner-all" ';
sA[i++]=        'href="javascript:void(0);" title="reject all from the same domain">';
sA[i++]=		'<span class="ui-icon ui-icon-close"/>';
sA[i++]=		'<span class="ui-icon1 ui-icon-close"></span>&nbsp;';
sA[i++]=	'</a>';
sA[i++]='</div>';
this.rejectSourceFromTheSameDomainButtonTemplate = sA.join('');
			

/* properties buttont templates */
		
		this.rejectPropertyButtonTemplate = 
			'<div class="fl buttonContainer buttonContainerLast" >'+ 
				'<a class="rejectProperty action-button ui-state-default action-button-icon-right ui-corner-all" ' +
				'href="javascript:void(0);" title="hide property">'+
					'<span class="ui-icon ui-icon-close"></span>&nbsp;'+
				'</a>'+
			'</div>';


		this.allValuesPropertyButtonTemplate = 
			'<div class="fl buttonContainer" >'+ 
				'<a class="allValuesProperty action-button ui-state-default action-button-icon-right ui-corner-all" ' +
				'style="display:none;" href="javascript:void(0);" title="all values">'+
					'<span class="ui-icon ui-icon-arrowthickstop-1-e" ></span>show all'+
				'</a>'+
			'</div>';

		this.topValuePropertyButtonTemplate = 
			'<div class="fl buttonContainer" >'+ 
				'<a class="topValueProperty action-button ui-state-default action-button-icon-right ui-corner-all" ' +
				'href="javascript:void(0);" title="top value">'+
					'<span class="ui-icon ui-icon-arrowthickstop-1-e" ></span>show top'+
				'</a>'+
			'</div>';

		this.highlightPropertyButtonTemplate = 
		 	'<div class="fl buttonContainer" >'+ 
			 	'<a class="highlightProperty action-button ui-state-default action-button-icon-right ui-corner-all" ' +
			 	'href="javascript:void(0);" title="filter sources">'+
			 		'<span class="ui-icon ui-icon-locked"></span>&nbsp;'+
				'</a>'+
			'</div>';

		this.dehighlightPropertyButtonTemplate = 
			'<div class="fl buttonContainer" >'+ 
			 	'<a style="display:none;" class="dehighlightProperty action-button ui-state-error action-button-icon-right ui-corner-all" ' +
			 	'href="javascript:void(0);" title="filter sources">'+
			 		'<span class="ui-icon ui-icon-unlocked"></span>&nbsp;'+
				'</a>'+
			'</div>';

		// =========================================
        this.singleViewPropertyButtonTemplate = 
            '<div class="fl buttonContainer buttonContainerFirst" >'+ 
            '<a class="singleViewProperty action-button ui-state-default action-button-icon-right ui-corner-all" ' +
            'href="javascript:void(0);" title="show just top value">'+
                '<span class="ui-icon ui-icon-bullet"></span>&nbsp;'+
            '</a>'+
            '</div>';

		this.compactViewPropertyButtonTemplate = 
		 	'<div class="fl buttonContainer" >'+ 
		 	'<a class="compactViewProperty action-button ui-state-default action-button-icon-right ui-corner-all" ' +
		 	'href="javascript:void(0);" title="show values inline">'+
                '<span class="ui-icon ui-icon-grip-dotted-horizontal"></span>&nbsp;'+
			'</a>'+
			'</div>';
		
		
		this.listViewPropertyButtonTemplate = 
		 	'<div class="fl buttonContainer" >'+ 
		 	'<a class="listViewProperty action-button ui-state-default action-button-icon-right ui-corner-all" ' +
		 	'href="javascript:void(0);" title="show values as a list">'+
                '<span class="ui-icon ui-icon-grip-dotted-vertical"></span>&nbsp;'+
			'</a>'+
			'</div>';

		this.hideViewPropertyButtonTemplate = 
		 	'<div class="fl buttonContainer" >'+ 
		 	'<a class="hideViewProperty action-button ui-state-default action-button-icon-right ui-corner-all" ' +
		 	'href="javascript:void(0);" title="remove property">'+
		 		'<span class="ui-icon ui-icon-trash"></span>&nbsp;'+
			'</a>'+
			'</div>';
							
		this.stickToPreviousOne1ButtonTemplate = 
            '<div class="fl buttonContainer" >'+ 
            '<a class="stickToPreviousOne stickToPreviousOne1 action-button ui-state-default action-button-icon-right ui-corner-all" ' +
            'href="javascript:void(0);" title="stick to previous property">'+
                '<span class="ui-icon ui-icon-arrowreturnthick-1-n"></span>&nbsp;'+
            '</a>'+
            '</div>';
        this.stickToPreviousOne2ButtonTemplate = 
            '<div class="fl buttonContainer" >'+ 
            '<a class="stickToPreviousOne stickToPreviousOne2 action-button ui-state-default action-button-icon-right ui-corner-all" ' +
            'style="display:none;" href="javascript:void(0);" title="disable stick to previous property">'+
                '<span class="ui-icon ui-icon-arrowreturnthick-1-s"></span>&nbsp;'+
            '</a>'+
            '</div>';
		 
        this.stickToPreviousOne3ButtonTemplate = 
            '<div class="fl buttonContainer" >'+ 
            '<a class="stickToPreviousOne stickToPreviousOne3 action-button ui-state-default action-button-icon-right ui-corner-all" ' +
            'style="display:none;" href="javascript:void(0);" title="disable stick to previous property">'+
                '<span class="ui-icon ui-icon-arrowreturnthick-1-w"></span>&nbsp;'+
            '</a>'+
            '</div>';
		
		this.moreValuesCompactViewButtonTemplate = 
			'<div class="fl moreButtonCompactView" ><a class="moreValuesInCompactView smallerFont" "href="javascript:void(0);">show @number@ more ...</a></div>';

		
	    this.propertyButtonsTemplate = 
	        '<div class="propertyButtonsContainer">'+
	            this.stickToPreviousOne1ButtonTemplate+ 
                this.stickToPreviousOne2ButtonTemplate+ 
                this.stickToPreviousOne3ButtonTemplate+ 
                this.singleViewPropertyButtonTemplate+ 
                this.compactViewPropertyButtonTemplate+ 
	            this.listViewPropertyButtonTemplate+ 
	            this.hideViewPropertyButtonTemplate+ 
	        '</div>';
			    
	    /* values buttons templates */

		this.rejectValueButtonTemplate = 
			'<div class="fl buttonContainer buttonContainerFirst" >'+ 
				'<a class="rejectValue action-button ui-state-default action-button-icon-right ui-corner-all" ' +
				'href="javascript:void(0);" title="hide value">'+
					'<span class="ui-icon ui-icon-trash" ></span>hide value'+
				'</a>'+
			'</div>';

		this.singleValueButtonTemplate = 
			'<div class="fl buttonContainer" >'+ 
				'<a class="singleValue action-button ui-state-default action-button-icon-right ui-corner-all" ' +
				'href="javascript:void(0);" title="just this value">'+
					'<span class="ui-icon ui-icon-bullet"></span>just this value'+
				'</a>'+
			'</div>';
								

		this.highlightValueButtonTemplate = 
			'<div class="fl buttonContainer" >'+ 
				'<a class="highlightValue action-button ui-state-default action-button-icon-right ui-corner-all" ' +
				'href="javascript:void(0);" title="filter sources">'+
				'<span class="ui-icon ui-icon-locked"></span>'+this.config.filterButtonLabel+
				'</a>'+
			'</div>';

		this.dehighlightValueButtonTemplate = 
			'<div class="fl buttonContainer" >'+ 
				'<a class="dehighlightValue action-button ui-state-error action-button-icon-right ui-corner-all" ' +
				'href="javascript:void(0);" title="filter sources" style="display:none;" >'+
				'<span class="ui-icon ui-icon-unlocked"></span>'+this.config.unfilterButtonLabel+
				'</a>'+
			'</div>';
		
		
		this.smallValueSourcesFilterIndicator =
			'<div class="fl smallValueSourcesFilterIndicator" >'+
	    		'<div>'+
	    			'<a class="dehighlightValue small-button ui-state-error small-button-icon-right ui-corner-all" href="javascript:void(0);" title="filter sources">'+
	    				'<span class="ui-icon ui-icon-unlocked"></span>&nbsp;'+
	    			'</a>'+
	    		'</div>'+
	    	'</div>';
		
		this.rejectValueSourcesButtonTemplate = 
			'<div class="fl buttonContainer" >'+ 
				'<a class="rejectValueSources action-button ui-state-default action-button-icon-right ui-corner-all" ' +
				'href="javascript:void(0);" title="filter sources" >'+
				    '<span class="ui-icon ui-icon-close"/></span>reject sources'+
				'</a>'+
			'</div>';
        
        this.openDocumentSourceButtonTemplate = 
            '<div class="fl buttonContainer" >'+ 
                '<a style="display:none;" class="openDocumentSource action-button ui-state-default action-button-icon-right ui-corner-all" ' +
                'href="javascript:void(0);" title="openDocumentSource" >'+
                '<span class="ui-icon ui-icon-link"></span>&nbsp;'+
                '</a>'+
            '</div>';

	    this.valuesButtonsTemplate = 
	        '<div class="valueButtonsContainer"><div>'+ // this empty div is just for backword compability 
	            this.rejectValueButtonTemplate+
	            this.singleValueButtonTemplate+ 
	            '<div class="fl vertical-bar"></div>'+
	            this.highlightValueButtonTemplate+ 
	            this.dehighlightValueButtonTemplate+ 
	            this.rejectValueSourcesButtonTemplate+
	        	this.openDocumentSourceButtonTemplate+
	        '</div></div>';

		
		this.unfetchedValuesButtonTemplate =
			'<div class="unfetchedValuesButton">'+
				'<a class="unfetchedValuesButton action-button ui-state-default action-button-icon-right ui-corner-all" ' +
				'href="javascript:void(0);" title="fetch more values">'+
					'<span class="ui-icon ui-icon-arrowthickstop-1-w"></span>show @n@'+
				'</a>'+
			'</div>';

        /* indicators */
        this.soloIndicator=
            '<div id="valueFilterIndicator" class="filtered">'+
                    '<div class="indicatorMsg" >'+
                        'Properties and values filtered for <b>source</b>:<span></span>'+
                    '</div>'+
                    '<div class="indicatorButtonRight" >'+
                        '<a class="removePropertyAndValueFilterBoxButton action-button ui-state-highlight action-button-icon-right ui-corner-all" href="javascript:void(0);"><span class="ui-icon ui-icon-unlocked"/>'+this.config.unfilterSoloButtonLabel+'</a>'+
                    '</div>'+
                    '<div class="br"></div>'+
                '</div>';
        this.noResultsIndicator=
            '<div class="noResultsIndicator" style="display: none;">'+
                '<div class="indicatorBorder">'+
                    '<div class="msg">There was no results for this query</div>'+
                    '<div class="noResultsIndicatorButton">X</div>'+
                '</div>'+
            '</div>';
                
         this.reorderPropertiesIndicator = 
                 '<div style="display:none;" class="reorderPropertiesModeIndicator">' +
                    '<div class="indicatorMsg">'+
                        'You can reorder properties by dragging them up and down. Click "Done" when finished.'+
                        '<br />'+
                        '<input id="inReorderPropertiesModeHideValues" type="checkbox" title="show/hide values when in reorder properties mode" />'+
                        'Hide values.' +
                        '<br />'+
                        '<input id="inReorderPropertiesModeDisableButtons" type="checkbox" title="show/hide values when in reorder properties mode" />'+
                        'Disable buttons.' +
                    
                    '</div>'+
                    '<div class="indicatorButtonRight" >'+
                        '<a class="reorderPropertiesOff action-button ui-state-default action-button-icon-right ui-corner-all"><span class="ui-icon ui-icon-arrow-4-diag"></span>Done</a>'+
                    '</div>'+
                    '<div class="br"></div>'+
                '</div>';
          
          this.howToLearnIndicator = 
                  '<span class="big">'+
                    'Show your web data in Sigma, learn <a class="sigmaHelpLink" href="help.html" >how</a>' +
                  '</span>'+
                  '<br />'+
                  '<span class="small">'+
                    'Get this sigma <a class="openPermalink">embedded</a>, in <a class="openPermalink">rdf</a> or in <a class="openPermalink">json</a> format.'+
                  '</span>';
                   
          this.howToLearnIndicatorSindice = 
                '<span class="big">'+
                'This is a view of what seem to be the "main topic",'+
                '</span>'+
                '<br />'+
                '<span class="small">'+
                'use the other tabs to see the full information contained in this document.'+ 
                '<br />'+
                'This view is based on '+
                '</span>'+
                '<br />'+
                '<a href="http://sig.ma"><img src="images/icons/sig.ma-about.gif" /></a>';
           
sA=[];i=0;
sA[i++]='<div class="viewsAndLayoutsDialog" title="Layouts and views" >';
sA[i++]=    '<div class="optionsText">';
sA[i++]=    'Click on image in order to choose a layout.';
sA[i++]=    '</div>';

sA[i++]=    '<div class="fl layoutImg">';
sA[i++]=        '<a href="javascript:void(0);"  title="layout1"><img src="images/layouts/layout-regular.png"/></a>';
sA[i++]=    '</div>';

sA[i++]=    '<div class="fl layoutImg marginLeft">';
sA[i++]=        '<a href="javascript:void(0);" title="layout2"><img src="images/layouts/layout-compact.png"  /></a>';
sA[i++]=    '</div>';


//sA[i++]=    '<div class="fl layoutImg vertical marginLeft" >';
//sA[i++]=        '<a href="javascript:void(0);"  title="layout3"><img src="images/layouts/regular2.png"/></a>';
//sA[i++]=    '</div>';

sA[i++]=    '<div class="fl" style="margin:4px;">';
sA[i++]=    '<label class="fl" for="hideShowSourcesNumbers">Check/Uncheck to show/hide sources numbers</label>';
sA[i++]=    '<input class="fl" id="hideShowSourcesNumbers" type="checkbox" title="show/hide sources reference numbers" />';
sA[i++]=    '</div>';

sA[i++]=    '<div style="clear:both;"></div>';

sA[i++]=    '<div class="fl" style="margin:4px;">';
sA[i++]=    '<label class="fl" for="okkamSugestions">okkam suggestions</label>';
sA[i++]=   '<input type="checkbox" id="okkamSugestions"/>';
sA[i++]=	'</div>';



sA[i++]='</div>';
this.layoutSwitchDialogTemplate = sA.join('');       
    


sA=[];i=0;
sA[i++]=    '<div class="optionsText">';
sA[i++]=    'There are 3 ways of showing SIGMA. Permalink, Fresh and Widget.</div>';
sA[i++]=    '</div>';
sA[i++]=    '<div class="sigmaPermalinkTabs" style="border:none;" >';
sA[i++]=        '<ul>';
sA[i++]=            '<li>';
sA[i++]=                '<a href="#sigmaPermalinksTab-1">Permalink</a>';
sA[i++]=            '</li>';
sA[i++]=            '<li>';
sA[i++]=                '<a href="#sigmaPermalinksTab-2">Fresh</a>';
sA[i++]=            '</li>';
sA[i++]=            '<li>';
sA[i++]=                '<a href="#sigmaPermalinksTab-3">Embedded</a>';
sA[i++]=            '</li>';
sA[i++]=        '</ul>';
sA[i++]=        '<div id="sigmaPermalinksTab-1" class="sigmaPermalinksTabContainer" >';

sA[i++]='<span class="fl">To comeback to SIGMA as you see it now use <a href="@url@">link</a>:</span>'; //<span class="tooltip fr t1">&nbsp;</span>';
sA[i++]='<textarea class="widgetUrlCode">@url@</textarea>'; 
sA[i++]='<span class="fl">To create raw version of this SIGMA use <a href="@urlRaw@">link</a>:</span>'; //<span class="tooltip fr t2">&nbsp;</span>';
sA[i++]='<textarea class="widgetUrlCode">@urlRaw@</textarea>'; 
sA[i++]='<span class="fl">To get this SIGMA in RDF use <a class="sourceAsRdf" href="@urlRdf@">link</a>:</span>';  // <span class="tooltip fr t3">&nbsp;</span>';
sA[i++]='<textarea class="widgetUrlCode">@urlRdf@</textarea>'; 
sA[i++]='<span class="fl">To get this SIGMA in JSON use <a class="sourceAsJson" href="@urlJson@">link</a>:</span>'; // <span class="tooltip fr t3">&nbsp;</span>';
sA[i++]='<textarea class="widgetUrlCode">@urlJson@</textarea>'; 

sA[i++]=        '</div>';
sA[i++]=        '<div id="sigmaPermalinksTab-2" class="sigmaPermalinksTabContainer">';

sA[i++]='<span class="fl">To make FRESH SIGMA as you see it now use <a href="@freshUrl@">link</a>:</span>'; //<span class="tooltip fr t1">&nbsp;</span>';
sA[i++]='<textarea class="widgetUrlCode">@freshUrl@</textarea>'; 
sA[i++]='<span class="fl">To create raw version of FRESH SIGMA use <a href="@freshUrlRaw@">link</a>:</span>'; //<span class="tooltip fr t2">&nbsp;</span>';
sA[i++]='<textarea class="widgetUrlCode">@freshUrlRaw@</textarea>'; 
sA[i++]='<span class="fl">To get FRESH SIGMA in RDF use <a class="sourceAsRdf" href="@freshUrlRdf@">link</a>:</span>';  // <span class="tooltip fr t3">&nbsp;</span>';
sA[i++]='<textarea class="widgetUrlCode">@freshUrlRdf@</textarea>'; 
sA[i++]='<span class="fl">To get FRESH SIGMA in JSON use <a class="sourceAsJson" href="@freshUrlJson@">link</a>:</span>'; // <span class="tooltip fr t3">&nbsp;</span>';
sA[i++]='<textarea class="widgetUrlCode">@freshUrlJson@</textarea>'; 



sA[i++]=        '</div>';
sA[i++]=        '<div id="sigmaPermalinksTab-3" class="sigmaPermalinksTabContainer">';


sA[i++]='To display sigma widget on your page simply copy lines below and put them in your page html code in place where you want the widget.';
sA[i++]='<br />';
sA[i++]='<b>Sigma widget will use information only from approved sources !</b>';
sA[i++]='<textarea class="widgetCode">';
sA[i++]=    '<script src="@path@/js/sigma-widget.js"  type="text/javascript"></script>';
sA[i++]=    '\n<script type="text/javascript" sigma="true" >';
sA[i++]=    '\n       <!--';
sA[i++]=    '\n       createSigma("@id@",{width:600,height:400});';
sA[i++]=    '\n       // the config object (with dimensions) is optional';
sA[i++]=    '\n       //-->';
sA[i++]=    '\n</script>';
sA[i++]='</textarea>';
sA[i++]='<br />';
sA[i++]='<a class="sigma-widget-preview">Preview</a>';


sA[i++]=        '</div>';
sA[i++]=        '<div class="br"></div>';
sA[i++]=    '</div>';
this.old_permalinkDialogTemplate = sA.join('');



sA=[];i=0;

sA[i++]=    '<div class="optionsText">';
sA[i++]=    'There are 3 ways of showing SIGMA:</div>';
sA[i++]=    '</div>';

sA[i++]=    '<div class="permalinkOptions">';
sA[i++]=        '<div class="optionsTextLabel">Permalink based:</div>'; //<span class="tooltip fr t1">&nbsp;</span> 
sA[i++]=        '<div class="fl">'; 
sA[i++]=            '<div>'; 
sA[i++]=            	'<textarea class="widgetUrlCode fl" >@url@</textarea>'; 
sA[i++]=    			'<div class="br"></div>';
sA[i++]=            '</div>'; 
sA[i++]=            '<div style="margin-top:2px;">'; 
sA[i++]=              '<a class="sourceAsRdf"  href="@urlRdf@"><span>RDF</span></a>';
sA[i++]=              '<a class="sourceAsJson" href="@urlJson@"><span>JSON</span></a>';
sA[i++]=              '<a class="urlRss" href="@urlRss@"><span>RSS FEED</span></a>';
sA[i++]=              '<a class="urlAtom" href="@urlAtom@"><span>ATOM FEED</span></a>';
sA[i++]=              '<a class="urlTwitter" title="@url@"><span>TINY URL</span></a>';
sA[i++]=            '</div>'; 
sA[i++]=        '</div>'; 
sA[i++]=        '<div class="widgetRDFJSONCode fl" title="Will contain information only from approved sources">';
sA[i++]=            'Information only from <b>approved</b> sources.';
sA[i++]=		'</div>';
//sA[i++]=        '<div class="permalinkOptionsDesc">';
//sA[i++]=            'Will contain information only from <b>approved</b> sources.';
//sA[i++]=        '</div>';
sA[i++]=    '<div class="br"></div>';
sA[i++]=    '</div>';

sA[i++]=    '<div class="permalinkOptions">';
sA[i++]=        '<div class="optionsTextLabel">Query  based:</div>'; //<span class="tooltip fr t1">&nbsp;</span>
sA[i++]=        '<div class="fl">'; 
sA[i++]=        	'<div>'; 
sA[i++]=        	    '<textarea class="fl widgetUrlCode" >@freshUrl@</textarea>'; 
sA[i++]=    			'<div class="br"></div>';
sA[i++]=        	'</div>'; 
sA[i++]=            '<div style="margin-top:2px;">'; 
sA[i++]= 		  '<a class="sourceAsRdf" href="@freshUrlRdf@"><span>RDF</span></a>';  
sA[i++]=          '<a class="sourceAsJson" href="@freshUrlJson@"><span>JSON</span></a>';
sA[i++]=          '<a class="urlTwitter" title="@freshUrl@"><span>TINY URL</span></a>';
sA[i++]=        '</div>'; 
sA[i++]=        '</div>'; 
sA[i++]=        '<div class="widgetRDFJSONCode fl" title="Might contain information from new unapproved sources !" >';
sA[i++]=            'Information from new <b style="color:red;">unapproved</b> sources !';
sA[i++]= 		'</div>'; 
//sA[i++]=        '<div class="permalinkOptionsDesc">';
//sA[i++]=            'Might contain information from <b style="color:red;">unapproved</b> sources !';
//sA[i++]=        '</div>';
sA[i++]=    '<div class="br"></div>';
sA[i++]=    '</div>';

sA[i++]=    '<div class="permalinkOptions">';
sA[i++]=        '<div class="optionsTextLabel">Widget:</div>';
sA[i++]=        '<textarea class="widgetCode fl">';
sA[i++]=            '<script src="@path@/js/sigma-widget.js"  type="text/javascript"></script>';
sA[i++]=            '\n<script type="text/javascript" sigma="true" >';
sA[i++]=            '\n       <!--';
sA[i++]=            '\n       createSigma("@id@",';
sA[i++]=            '\n       {width:600,height:400});';
sA[i++]=            '\n       // the config object (with dimensions) is optional';
sA[i++]=            '\n       //-->';
sA[i++]=            '\n</script>';
sA[i++]=        '</textarea>';
sA[i++]=        '<div class="widgetRDFJSONCode fl"><a class="sigma-widget-preview" title=" Click to see the preview of the widget.">Preview</a></div>';
sA[i++]=        '<div class="permalinkOptionsDesc">';
sA[i++]=            'To display sigma widget on your page simply copy lines below and put them in your page html code in place where you want the widget. ';
sA[i++]=            'Sigma widget will use information <b>only from approved</b> sources!';
sA[i++]=        '</div>';
sA[i++]=    '<div class="br"></div>';
sA[i++]=    '</div>';


sA[i++]=    '<div class="permalinkOptionsSeparator"></div>';

sA[i++]=    '<div class="permalinkOptions emailNotifications" style="display:none;">';
// pid based notifications
sA[i++]=        '<div class="optionsText">Permalink [@id@] based sigma alerts:</div>';
sA[i++]=        '<div class="optionsTextLabel">Email:</div>'; 
sA[i++]=        '<div class="fl">';
sA[i++]=			'<input type="text" class="fl widgetEmailBox pidEmail" style="margin:0 0 0 2px;" value="" />'; 
sA[i++]=			'<div class="fl" style="margin:2px 0 0 4px;">';
sA[i++]=				'<a style="padding-top:.3em; padding-bottom: .3em;" class="signupToPidNotifications action-button ui-state-default action-button-icon-right ui-corner-all"><span class="ui-icon ui-icon-mail-closed"/>Signup</a>';
sA[i++]=			'</div>';
sA[i++]=		'</div>';
sA[i++]=		'<div class="widgetRDFJSONCode fl" style="margin:2px 0 0 4px;">';
sA[i++]=			'<img class="signupToPidNotificationIndicator" style="display:none; width:22px;height:22px;" src="images/icons/ajax-loader.gif" />';
sA[i++]=			'<span class="signupToPidNotificationIndicatorMsg" style="display:none;" ></span>';
sA[i++]=			'<span class="signupToPidNotificationIndicatorMsgDetail" style="display:none;" ></span>';
sA[i++]=		'</div>';
// query based notifications 
sA[i++]=        '<div class="optionsText">Query [@query@] based sigma alerts:</div>';
sA[i++]=        '<div class="optionsTextLabel">Email:</div>'; 
sA[i++]=        '<div class="fl">';
sA[i++]=			'<input type="text" class="fl widgetEmailBox queryEmail" style="margin:0 0 0 2px;" value="" />'; 
sA[i++]=			'<div class="fl" style="margin:2px 0 0 4px;">';
sA[i++]=				'<a style="padding-top:.3em; padding-bottom: .3em;" class="signupToQueryNotifications action-button ui-state-default action-button-icon-right ui-corner-all"><span class="ui-icon ui-icon-mail-closed"/>Signup</a>';
sA[i++]=			'</div>';
sA[i++]=		'</div>';
sA[i++]=		'<div class="widgetRDFJSONCode fl" style="margin:2px 0 0 4px;">';
sA[i++]=			'<img class="signupToQueryNotificationIndicator" style="display:none; width:22px;height:22px;" src="images/icons/ajax-loader.gif" />';
sA[i++]=			'<span class="signupToQueryNotificationIndicatorMsg" style="display:none;" ></span>';
sA[i++]=			'<span class="signupToQueryNotificationIndicatorMsgDetail" style="display:none;" ></span>';
sA[i++]=		'</div>';




sA[i++]=        '<div class="permalinkOptionsDesc">';
sA[i++]=    		'If you want to know when something change in your sigma provide an email address.';
sA[i++]=    		'<br />We will send you an email every time when something change in your sigma';
sA[i++]=    		'<br/>We WILL NOT use your email for any other purpose.';
sA[i++]=    		'<br/>We WILL NOT give your email to anybody.';
sA[i++]=    		'<br/>You can always disable this feature by single click at cancellation link attached to every email.</a>.';
sA[i++]=    	'</div>';
sA[i++]=    '</div>';

sA[i++]=    '<div class="permalinkOptionsSeparator"></div>';

sA[i++]=    '<div class="permalinkOptions">';
sA[i++]=        '<div class="optionsText" >To find an info about some more advanced options see <a style="color:#2D8FB4;" class="helpLink" href="" >help</a>.</div>';
//sA[i++]=        '<div class="permalinkOptionsDesc">';
//sA[i++]=            '<b>&raw=1</b> To get raw version of sigma';
//sA[i++]=            '<br /><b>&sources=number</b> To specify number of sources [0 < number <=100]';
//sA[i++]=            '<br /><b>&format=json</b> To get the results in JSON format';
//sA[i++]=            '<br /><b>&format=rdf</b> To get the results in RDF format';
//sA[i++]=        '</div>';
sA[i++]=    '</div>';

this.permalinkDialogTemplate = sA.join('');
       

sA=[];i=0;
sA[i++]='<div class="column span-3">';       
sA[i++]=  '<div id="sigma-logo">';
sA[i++]=      '<a href="/"><img src="images/icons/sigma-logo-h70.png" alt="Sindice" title="" /></a>';
sA[i++]=  '</div>';
sA[i++]='</div>';
sA[i++]='<div class="column span-109 last">';        
sA[i++]=  '<ul id="nav-left-piece" class="_">';                    
sA[i++]=      '<li class="_"><a href="help.html">Help</a></li>';
sA[i++]=      '<li class="_"><a href="about.html">About</a></li>';
sA[i++]=      '<li class="_" ><a href="http://sindice.com/main/forum" style="padding-right:18px;">Forum</a></li>';
sA[i++]=  '</ul>';
sA[i++]=  '<br />';
sA[i++]=  '<div id="sigmaVersion" style="float:right; margin-right:8px; font-size:11px; color:#A6C9E2; "></div>';
sA[i++]='</div>';
sA[i++]='<div class="cut">&nbsp;</div>';
this.headerTemplate = sA.join('');
    
sA=[];i=0;
sA[i++]='<div class="sigmaTrashBinDialog" title="Trash bin">';
sA[i++]=    '<div class="optionsText">';
sA[i++]=        'Click on value or property to restore it.';
sA[i++]=    '</div>';
sA[i++]=            '<ul class="properties"></ul>';
sA[i++]=    '</div>';
this.sigmaTrashBinDialogTemplate = sA.join('');
    
    
sA=[];i=0;
sA[i++]='<div id="sigmaOptionsDialog" >';
sA[i++]=    '<div id="sigmaOptionsTabs" >';
sA[i++]=        '<ul>';
//sA[i++]=            '<li>';
//sA[i++]=                '<a href="#sigmaOptionsTab-1">Permalink</a>';
//sA[i++]=            '</li>';
sA[i++]=            '<li>';
sA[i++]=                '<a href="#sigmaOptionsTab-2">Layouts</a>';
sA[i++]=            '</li>';
//sA[i++]=            '<li>';
//sA[i++]=                '<a href="#sigmaOptionsTab-3">Other</a>';
//sA[i++]=            '</li>';
sA[i++]=            '<li>';
sA[i++]=                '<a href="#sigmaOptionsTab-4">Deleted properties and values</a>'; 
sA[i++]=            '</li>';
sA[i++]=            '<li class="optionsTabClose" style="float:right;margin:4px 2px;">';
sA[i++]=                '<span class="ui-icon ui-icon-close">&nbsp;</span>';
sA[i++]=            '</li>';
sA[i++]=        '</ul>';
//sA[i++]=        '<div id="sigmaOptionsTab-1" class="sigmaOptionsTabContainer" >';
//sA[i++]=            this.permalinkDialogTemplate;
//sA[i++]=        '</div>';
sA[i++]=        '<div id="sigmaOptionsTab-2" class="sigmaOptionsTabContainer">';
sA[i++]=            this.layoutSwitchDialogTemplate;
sA[i++]=        '</div>';
//sA[i++]=        '<div id="sigmaOptionsTab-3" class="sigmaOptionsTabContainer">';
//sA[i++]=            '<label for="hideShowSourcesNumbers">Check/Uncheck to show/hide sources numbers</label>';
//sA[i++]=            '<input id="hideShowSourcesNumbers" type="checkbox" title="show/hide sources reference numbers" />';
//sA[i++]=        '</div>';
sA[i++]=        '<div id="sigmaOptionsTab-4" class="sigmaOptionsTabContainer">';
sA[i++]=            this.sigmaTrashBinDialogTemplate;
sA[i++]=        '</div>';
sA[i++]=        '<div class="br"></div>';
sA[i++]=    '</div>';
sA[i++]='</div>';
this.sigmaOptionsDialogTemplate =sA.join(''); 
   
sA=[];i=0;
sA[i++]='<div class="searchBar">';
sA[i++]='<form action="search" method="get">';
sA[i++]=   '<input style="float:left; width:275px; border:2px solid #A1C98B;" id="q" onfocus="this.select(); return true;" type="text" name="q" size="45" />';
sA[i++]='</form>';
sA[i++]='<div class="topButton">';
sA[i++]=   '<a class="moreSources" ><span>Add More Info</span></a>';
sA[i++]='</div>';
sA[i++]='<div class="topButton">';
sA[i++]=   '<a class="newSigma" ><span>Start New</span></a>';
sA[i++]='</div>';

//sA[i++]='<div class="menuButton" style="float:right;margin-top:0.4em;" >';
//sA[i++]=   '<a class="trashBinButton action-button ui-state-default action-button-icon-right ui-corner-all"><span class="ui-icon ui-icon-trash">&nbsp;</span>Bin</a>';
//sA[i++]='</div>';  
//sA[i++]='<div class="menuButton" style="float:right;margin-top:0.4em;" >';
//sA[i++]=    '<a class="viewsAndLayoutsButton action-button ui-state-default action-button-icon-right ui-corner-all"><span class="ui-icon ui-icon-gear">&nbsp;</span>Layouts</a>';
//sA[i++]='</div>';


sA[i++]='<div class="menuButton" style="float:right;margin-top:0.4em;" >';
sA[i++]=    '<a class="permLinkSourcesBoxButton action-button ui-state-default action-button-icon-right ui-corner-all"><span class="ui-icon ui-icon-link">&nbsp;</span>Use it</a>';
sA[i++]='</div>';

sA[i++]='<div class="menuButton" style="float:right;margin-top:0.4em; position:relative;" >';
sA[i++]=    '<a class="sigmaOptions action-button ui-state-default action-button-icon-right ui-corner-all"><span class="ui-icon ui-icon-gear"></span>Options</a>';
sA[i++]=    '<div style="display:none;" class="sigmaOptionsContainer">';
sA[i++]=        this.sigmaOptionsDialogTemplate;
sA[i++]=    '</div>';
sA[i++]='</div>';


sA[i++]='<div class="menuButton" style="float:right;margin-top:0.4em;" >';
sA[i++]=    '<a class="reorderPropertiesOn action-button ui-state-default action-button-icon-right ui-corner-all"><span class="ui-icon ui-icon-arrow-4-diag"></span>Order</a>';
sA[i++]='</div>';

sA[i++]='<div style="clear:both"></div>';      
sA[i++]='</div>';      
this.searchTemplate = sA.join('');
 


sA=[];i=0;
sA[i++]='<div class="searchBar">';
sA[i++]='<form action="search" method="get">';
sA[i++]=   '<input style="float:left; width:275px; border:2px solid #A1C98B;" id="q" onfocus="this.select(); return true;" type="text" name="q" size="45" />';
sA[i++]='</form>';
sA[i++]='<div class="topButton">';
sA[i++]=   '<a href="javascript:void(0);"><span>Search</span></a>';
sA[i++]='</div>';

sA[i++]='<div style="clear:both"></div>';      
sA[i++]='</div>';      
this.fakeSearchTemplate = sA.join('');


sA=[];i=0;
sA[i++]='<div class="fullBorder" >';             
sA[i++]='<div  class="column span-6a">';             
sA[i++]=    '<p>';
sA[i++]=        '<a href="">Home</a> |';
sA[i++]=        '<a href="help.html">Help</a> |';
sA[i++]=        '<a href="http://sindice.com/main/forum">Forum</a>';
sA[i++]=    '</p>';
sA[i++]='</div>';  
sA[i++]='<div style="text-align: right" class="column span-6 last">';     
sA[i++]=    '<div class="fl" style="margin-top:10px;">';
sA[i++]=        '<a href="http://blog.sindice.com">Blog</a> |';
sA[i++]=        '<a href="http://sindice.com/developers/feedback">Contact</a> |';
sA[i++]=        'Copyright &copy; 2009 - Powered by ';
sA[i++]=    '</div>';
sA[i++]=    '<div class="fl" style="margin:9px 4px 0 4px;">';
sA[i++]=        '<a href="http://sindice.com/"><img title="Sindice" src="images/logo/sindice.png" alt="sindice logo"/></a> ';
sA[i++]=    '</div>';
sA[i++]=    '<div class="fl" style="margin:10px 4px 0 0;">';
sA[i++]=        'and other services. See <a href="about.html">About</a>.';
sA[i++]=    '</div>';
sA[i++]='</div>';  
sA[i++]='<div class="br"></div>';  
sA[i++]='</div>';  
this.footerTemplate = sA.join('');
  
sA=[];i=0;
sA[i++]='<div id="coverLight"><!-- --></div>';
sA[i++]='<div id="coverDark"><!-- --></div>';
this.invisibleElementsTemplate = sA.join(''); 


sA=[];i=0;
sA[i++]='<div class="ecsseProfileBox">';
sA[i++]=	'<div style="display:none;" class="expandToFullView">See all we know about "<span id="fullSigmaView"></span>" with the <a href="" target="_blank">Full Sigma Search</a></div>';
sA[i++]=    '<div class="ecsseProfileBoxInner">';
sA[i++]=        '<div class="ecsseProfile ecsseWidgetLoading">';
sA[i++]=        '<div class="br"></div>';
sA[i++]=            this.reorderPropertiesIndicator;
sA[i++]=        '<div style="display:none;" class="layout1TopLabelContainer layout2TopLabelContainer  entityLabel entityLabelStyle" />';
sA[i++]=        '<div style="display:none;" class="layout1TopPictureContainer layout1TopCommentContainer entityPictureAndComment entityPictureAndCommentStyle">';
sA[i++]=            '<img style="display:none;" class="entityPicture entityPictureStyle" />';
sA[i++]=            '<p style="display:none;" class="entityComment entityCommentStyle"></p>';
sA[i++]=            '<div class="br"></div>';
sA[i++]=            '<div class="separator" />';                
sA[i++]=         '</div>';
sA[i++]=         this.noResultsIndicator;   
sA[i++]=         this.soloIndicator;   
sA[i++]=         '<div class="br"></div>';
sA[i++]=         '<div class="profileLeft profileLeftInvisible">';
sA[i++]=            '<div style="display:none;" class="layout2TopPictureContainer  entityPictureAndComment entityPictureAndCommentStyle">';
sA[i++]=                '<img style="display:none;" class="entityPicture entityPictureStyle" />';
sA[i++]=                '<div class="br"></div>';
sA[i++]=            '</div>';
sA[i++]=            '</div>';
sA[i++]=            '<div class="profileRight profileRightStyle">';
sA[i++]=        '</div>';
sA[i++]=        '<div class="br"></div>';
sA[i++]=			'<div class="howToLearnMessage"></div>';
//sA[i++]=        this.howToLearnIndicator;
sA[i++]=        '</div>';
sA[i++]=    '</div>';
sA[i++]='</div>';
this.profileBoxTemplate = sA.join(''); 
    
        
    this.sigmaSourcesBoxTemplate = 
    '<div class="ecsseRightBox">'+
        '<div id="ecsseRightBoxTabs" style="-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0; ">'+
            '<ul>'+
                '<li>'+
                    '<a href="#tabs-1">Sources</a><span class="tabNewSources">(<span id="tabs-1-no">0</span>)</span>'+
                    '<input id="showHideSources" type="checkbox" checked="checked" />'+
                '</li>'+
                '<li>'+
                    '<a href="#tabs-2">Approved</a><span class="tabApprovedSources">(<span id="tabs-2-no">0</span>)</span>'+
                    '<input id="showHideApproved" type="checkbox" checked="checked" />'+
                '</li>'+
                '<li>'+
                    '<a href="#tabs-3">Rejected</a><span class="tabRejectedSources">(<span id="tabs-3-no">0</span>)</span>'+
                    '<input id="showHideRejected" type="checkbox" />'+
                '</li>'+
       '<li class="sourcesTabClose" style="float:right;margin:4px 2px;">'+
            '<span class="ui-icon ui-icon-close">&nbsp;</span>'+
       '</li>'+
            '</ul>'+
            
            '<div id="fetchingIndicator" >'+
                'Pending <span id="pendingSources" /> sources'+ 
                '<img src="images/icons/sources-ajax-loader.gif">'+
            '</div>'+
            '<div id="filterIndicator" class="filtered">'+
                'Sources filtered for <span></span>:<br /><span></span>'+
                '<div style="margin:0.2em;"><a class="removeSourcesFilterBoxButton action-button ui-state-error action-button-icon-right ui-corner-all" href="javascript:void(0);"><span class="ui-icon ui-icon-unlocked"/>'+this.config.unfilterButtonLabel+'</a></div>'+
            '</div>'+
            '<div class="br"></div>'+
            
            '<div id="tabs-1" class="ecsseSourcesBoxInner">'+
                '<ul id="'+this.config.sigmaNewSourcesListId+'"></ul>'+
                '<div class="fl sigmaPaginationContainer">'+    
                    '<div id="sourcesPagination" class="sigmaPagination"></div>'+
                    '<div class="br"></div>'+
                '</div>'+
                '<div class="fr" style="margin-top:12px;">'+    
                    '<div class="fr" style="margin-left:1px;"><a class="approveAllSources action-button ui-state-default action-button-icon-right ui-corner-all"><span class="ui-icon ui-icon-arrowthick-1-n"></span>approve all</a></div>'+
                    '<div class="fr" ><a class="rejectAllSources action-button ui-state-default action-button-icon-right ui-corner-all"><span class="ui-icon ui-icon-arrowthick-1-n"></span>reject all</a></div>'+
                    '<div class="br"></div>'+
                '</div>'+
                
                '<div class="br"></div>'+

                '<div style="margin-top:1px;">'+    
                    '<div class="fl"><input type="text" id="addNewSourceFromUrlInput" value="http://example.loc/document.rdf" /></div>'+
                    '<div class="fr"><a class="addNewSourceFromUrlButton action-button ui-state-default action-button-icon-right ui-corner-all"><span class="ui-icon ui-icon-circle-plus"></span>add source url</a></div>'+
                    '<div class="br"></div>'+
                '</div>'+
            '</div>'+
            '<div id="tabs-2" class="ecsseSourcesBoxInner">'+
                '<ul id="'+this.config.sigmaApprovedSourcesListId+'"></ul>'+
                
                '<div class="fl sigmaPaginationContainer">'+    
                    '<div id="approvedSourcesPagination" class="sigmaPagination"></div>'+
                    '<div class="br"></div>'+
                '</div>'+
            '</div>'+
            '<div id="tabs-3" class="ecsseSourcesBoxInner">'+
                '<ul id="'+this.config.sigmaRejectedSourcesListId+'"></ul>'+
                
                '<div class="fl sigmaPaginationContainer">'+    
                    '<div id="bannedSourcesPagination" class="sigmaPagination"></div>'+
                    '<div class="br"></div>'+
                '</div>'+
            '</div>'+
        '</div>'+
    '</div>';
    
sA=[];i=0;
sA[i++]='<div id="fixedboxPanel" class="panelHide" >&nbsp;</div>';
sA[i++]='<div id="fixedbox" class="fullBorder">';
sA[i++]=    '<div id="sigmaRightBoxContainer" class="ecsse">';
sA[i++]=        this.sigmaSourcesBoxTemplate;
sA[i++]=    '</div>';
sA[i++]='</div>';
this.fixedBoxPanelTemplate = sA.join(''); 
             
}