var clip_timeout = null;
var samples_layers = "";
var ground_layer=new Array();
var sample_layer=new Array();
var text_layer=new Array();
var arrow_layer=new Array();
var arrow_image=new Array();
var sample_left;
var sample_top;
var swap_colors=new Array("#58E3EB","#008BC2","#5DDEB5","#6DCABF","#BDD28A","#F9CB77","#E59896","#F895BA","#DB96DE","#AF96E5");
var page_colors_index=new Array();
page_colors_index[0]=Math.floor(swap_colors.length*(Math.random()-Math.floor(Math.random())));

do{coincidence=false;
random_color_index = Math.floor(swap_colors.length*(Math.random()-Math.floor(Math.random())));
		for (i=0; i<page_colors_index.length; i++){
			if(random_color_index==page_colors_index[i])coincidence=true;}
if(!coincidence)page_colors_index[page_colors_index.length]=random_color_index;
}while(page_colors_index.length<samplesArray["image"].length)

							for (i=0; i<samplesArray["image"].length; i++){
sample_left = left_+235 + 121*(i-Math.floor(i/3)*3);
sample_top = top_+30 + 121*Math.floor(i/3);
if(isNav4){samples_layers+='<LAYER ID="g_'+i+'" left="'+sample_left+'" top="'+sample_top+'" width="118" height="118" visibility="show" z-index="5" bgcolor="'+swap_colors[page_colors_index[i]]+'">'}else{samples_layers+='<div id="g_'+i+'" style="position:absolute; left:'+sample_left+'; top:'+sample_top+'; width:118; height:118; visibility:visible; z-index:5; background-color:'+swap_colors[page_colors_index[i]]+';" title="Click arrow to open">'}
samples_layers+='<table width="118" height="118" cellspacing="0" cellpadding="0" border="0">';
samples_layers+='<tr><td width="118" height="42" valign="top">';
samples_layers+='<img src="'+out_path+'images/samples/g_'+samplesArray["image"][i]+'" width="42" height="42" hspace="0" vspace="0" border="0" align="left" alt="Click arrow to open"></td></tr>';
samples_layers+='<tr><td width="118" height="71" align="center" valign="bottom">';
samples_layers+='<a href="'+samplesArray["url"][i]+'" target="_online"';
if(isNav6)samples_layers+=' style="text-decoration:none;"';
samples_layers+='><span class="samplelink">'+samplesArray["title"][i]+'</span></a></td></tr>';
samples_layers+='<tr><td width="118" height="5" valign="top">';
samples_layers+='<img src="'+out_path+'images/spacer.gif" width="118" height="5" hspace="0" vspace="0" border="0" align="left"></td></tr>';
samples_layers+='</table>';
if(isNav4){samples_layers+='</LAYER>'}else{samples_layers+='</div>'}

if(isNav4){samples_layers+='<LAYER ID="s_'+i+'" left="'+sample_left+'" top="'+sample_top+'" width="118" height="118" visibility="show" z-index="6" clip="0,0,0,0">'}else{samples_layers+='<div id="s_'+i+'" style="position:absolute; left:'+sample_left+'; top:'+sample_top+'; width:118; height:118; visibility:visible; z-index:6; clip:rect(0 0 0 0);" title="'+samplesArray["title"][i]+'">'}
samples_layers+='<a href="'+samplesArray["url"][i]+'" target="_online">';
samples_layers+='<img src="'+out_path+'images/samples/'+samplesArray["image"][i]+'" width="118" height="118" hspace="0" vspace="0" border="0" align="left" alt="'+samplesArray["title"][i]+'"></a>';
if(isNav4){samples_layers+='</LAYER>'}else{samples_layers+='</div>'}

if(isNav4){samples_layers+='<LAYER ID="a_'+i+'" left="'+(sample_left+40)+'" top="'+(sample_top+40)+'" width="16" height="16" visibility="show" z-index="7" bgcolor="'+swap_colors[page_colors_index[i]]+'">'}else{samples_layers+='<div id="a_'+i+'" style="position:absolute; left:'+(sample_left+40)+'; top:'+(sample_top+40)+'; width:16; height:16; visibility:visible; z-index:7; background-color:'+swap_colors[page_colors_index[i]]+';">'}
samples_layers+='<a href="#" title="Click arrow to open/close" onmousedown="sm_i='+i+'; sample_(); return false;">';
samples_layers+='<img name="arr_'+i+'" id="arr_'+i+'" src="'+out_path+'images/samples/arr_open_'+page_colors_index[i]+'.gif" width="16" height="16" hspace="0" vspace="0" border="0" align="left" alt="Click arrow to open/close"></a>';
if(isNav4){samples_layers+='</LAYER>'}else{samples_layers+='</div>'}

if(isNav4){samples_layers+='<LAYER ID="t_'+i+'" left="'+(left_+780-151-34)+'" top="'+(top_+30)+'" width="151" height="227" visibility="hide" z-index="7">'}else{samples_layers+='<div id="t_'+i+'" style="position:absolute; left:'+(left_+780-151-34)+'; top:'+(top_+30)+'; width:151; height:227; visibility:hidden; z-index:7;">'}
samples_layers+='<table width="151" cellspacing="0" cellpadding="0" border="0"><tr>';
samples_layers+='<td width="34" valign="top"><img src="'+out_path+'images/spacer.gif" width="34" height="20" hspace="0" vspace="0" border="0" align="left"></td>';
samples_layers+='<td width="117" valign="top"><p>';
samples_layers+='<a class="txt" href="'+samplesArray["url"][i]+'" target="_online">'+samplesArray["title"][i]+'</a><br>';
samples_layers+='<br>'+samplesArray["text"][i]+'</p>';
samples_layers+='</td></tr></table>';
if(isNav4){samples_layers+='</LAYER>'}else{samples_layers+='</div>'}
																			}
if(isNav4){samples_layers+='<LAYER ID="t_100" left="'+(left_+780-151)+'" top="'+(top_+30)+'" width="117" height="227" visibility="show" z-index="7">'}else{samples_layers+='<div id="t_100" style="position:absolute; left:'+(left_+780-151)+'; top:'+(top_+30)+'; width:117; height:227; visibility:visible; z-index:7;">'}
samples_layers+='<p class="abstrcomp">'+samplesArray["text"]["common"]+'</p>';
if(isNav4){samples_layers+='</LAYER>'}else{samples_layers+='</div>'}

var sm_i;
var last_sm=100;

function sample_(){	
		if(sample_layer[sm_i].object.cRight==0){if(last_sm==100)text_layer["common"].object.visibility = hdn; open_();}
		if(sample_layer[sm_i].object.cRight==sample_layer[sm_i].object.width_){close_(sm_i);
							if(last_sm==sm_i){text_layer["common"].object.visibility = vsbl; last_sm=100;}}
}

function open_(){
if(isNav6)sample_layer[sm_i].object.zIndex = 6;
if(last_sm!=sm_i && last_sm!=100)close_(last_sm);
last_sm = sm_i;
text_layer[sm_i].object.visibility = vsbl;
if(sample_layer[sm_i].object.cRight<sample_layer[sm_i].object.width_-10){
sample_layer[sm_i].object.cRight=sample_layer[sm_i].object.cBottom+=(sample_layer[sm_i].object.width_-sample_layer[sm_i].object.cRight)/2;
clip_layer(sample_layer[sm_i].object,0,0,sample_layer[sm_i].object.cRight,sample_layer[sm_i].object.cBottom);

if(sample_layer[sm_i].object.cRight<sample_layer[sm_i].object.width_-arrow_layer[sm_i].object.width_){
arrow_layer[sm_i].object.left=sample_layer[sm_i].object.left_+sample_layer[sm_i].object.cRight;
arrow_layer[sm_i].object.top=sample_layer[sm_i].object.top_+sample_layer[sm_i].object.cBottom;
		}else{arrow_layer[sm_i].object.left=sample_layer[sm_i].object.left_+sample_layer[sm_i].object.width_-arrow_layer[sm_i].object.width_;
			arrow_layer[sm_i].object.top=sample_layer[sm_i].object.top_+sample_layer[sm_i].object.width_-arrow_layer[sm_i].object.height_;
			arrow_image[sm_i].image.src=eval('"'+out_path+'images/samples/arr_close_'+page_colors_index[sm_i]+'.gif"');}
							
							clip_timeout=setTimeout("open_()",30);
		}else{sample_layer[sm_i].object.cRight=sample_layer[sm_i].object.cBottom=sample_layer[sm_i].object.width_; clip_timeout=null;
				clip_layer(sample_layer[sm_i].object,0,0,sample_layer[sm_i].object.cRight,sample_layer[sm_i].object.cBottom);}
}

function close_(cl_i){
if(isNav6)sample_layer[cl_i].object.zIndex = 4;
text_layer[cl_i].object.visibility = hdn;
arrow_layer[cl_i].object.left=sample_layer[cl_i].object.left_+40;
arrow_layer[cl_i].object.top=sample_layer[cl_i].object.top_+40;
arrow_image[cl_i].image.src=eval('"'+out_path+'images/samples/arr_open_'+page_colors_index[cl_i]+'.gif"');

sample_layer[cl_i].object.cRight=sample_layer[cl_i].object.cBottom=0;
clip_layer(sample_layer[cl_i].object,0,0,sample_layer[cl_i].object.cRight,sample_layer[cl_i].object.cBottom);
}

function clip_layer(layer_to,clip_left,clip_top,clip_right,clip_bottom){
if(isNav4){layer_to.clip.left=clip_left;layer_to.clip.top=clip_top;layer_to.clip.right=clip_right;layer_to.clip.bottom=clip_bottom;
	} else {layer_to.clip = "rect("+clip_top+" "+clip_right+" "+clip_bottom+" "+clip_left+")";}
}

function image_(image_id) {this.image = eval(doc + l_bracket + image_id  + r_bracket);}

function build_samples(){
	for (i=0; i<samplesArray["image"].length; i++){
ground_layer[i] = new layer_("g_"+i);
sample_layer[i] = new layer_("s_"+i);
text_layer[i] = new layer_("t_"+i);
sample_layer[i].object.cRight = 0;
sample_layer[i].object.cBottom = 0;

arrow_layer[i] = new layer_("a_"+i);
arrow_image[i] = new image_("arr_"+i);
sample_left = left_+235 + 121*(i-Math.floor(i/3)*3);
ground_layer[i].object.left=sample_layer[i].object.left=sample_left;
arrow_layer[i].object.left=sample_left+40;
text_layer[i].object.left = left_+780-151-34;

measure_layer("s_"+i); measure_layer("a_"+i);
// z-index for NN6
if(isNav6)sample_layer[i].object.zIndex = 4;
//-----
// measure_layer for NN6
if(isNav6){sample_layer[i].object.width_= 118;
			sample_layer[i].object.height_ = 118;
			arrow_layer[i].object.width_ = 16;
			arrow_layer[i].object.height_ = 16;
			sample_layer[i].object.left_=sample_left;
			sample_layer[i].object.top_=top_+30 + 121*Math.floor(i/3);}
//-----
													}
text_layer["common"] = new layer_("t_100");
text_layer["common"].object.left = left_+780-151;
}