﻿// 装飾設定の欄のID
var title_img='title_img';
var title_new='title_new';
var logo_img='logo_img';
var logo_new='logo_new';
var bg_img='bg_img';
var bg_new='bg_new';
var css_file='css_file';
var css_new='css_new';

// 素材の欄のID
// 写真/イラスト用指標
var img='img';
// リンク用指標
var lnk='lnk';
// 添付ファイル用指標
var att='att';
// 地図情報用指標
var map='map';
// バーコード用指標
var bcd='bcd';
// シンボル用指標
var sym='sym';
// 装飾画像用指標
var pnt='pnt';
// WEBフォルダ用指標
var fol='fol';

// ラベル
var label=new Object();
label[img]='写真/イラスト';
label[lnk]='リンク';
label[att]='添付ファイル';
label[map]='地図情報';
label[bcd]='バーコード';
label[sym]='シンボル';
label[pnt]='装飾画像';
label[fol]='ファイル';

// テーブル用ID
var idt=new Object();
idt[img]=img+'t';
idt[lnk]=lnk+'t';
idt[att]=att+'t';
idt[map]=map+'t';
idt[bcd]=bcd+'t';
idt[sym]=sym+'t';
idt[pnt]=pnt+'t';
idt[fol]=fol+'t';

// ファイル入力欄用のID
var idf=new Object();
idf[img]=img+'f';
idf[lnk]=lnk+'f';
idf[att]=att+'f';
idf[map]=map+'f';
idf[bcd]=bcd+'f';
idf[sym]=sym+'f';
idf[pnt]=pnt+'f';
idf[fol]=fol+'f';

// 非表示欄用のID
var idg=new Object();
idg[img]=img+'g';
idg[lnk]=lnk+'g';
idg[att]=att+'g';
idg[map]=map+'g';
idg[bcd]=bcd+'g';
idg[sym]=sym+'g';
idg[pnt]=pnt+'g';
idg[fol]=fol+'g';

// 説明欄のID
var idh=new Object();
idh[img]=img+'h';
idh[lnk]=lnk+'h';
idh[att]=att+'h';
idh[map]=map+'h';
idh[bcd]=bcd+'h';
idh[sym]=sym+'h';
idh[pnt]=pnt+'h';
idh[fol]=fol+'h';

// 入力欄の種類
var itype=new Object();
itype[img]='file';
itype[lnk]='text';
itype[att]='file';
itype[map]='text';
itype[bcd]='radio';
itype[sym]='file';
itype[pnt]='file';
itype[fol]='file';

// 入力欄の初期値
var ival=new Object();
ival[img]='';
ival[lnk]='http://';
ival[att]='';
ival[map]='';
ival[bcd]='';
ival[sym]='';
ival[pnt]='';
ival[fol]='';

// 順序用ID
var idq=new Object();
idq[img]=img+'q';
idq[lnk]=lnk+'q';
idq[att]=att+'q';
idq[map]=map+'q';
idq[bcd]=bcd+'q';
idq[sym]=sym+'q';
idq[pnt]=pnt+'q';
idq[fol]=fol+'q';

function getObject(name) 
{
	var obj;

	if(document.all) {
		obj=document.all(name);
	}
	else if(document.getElementById) {
		obj=document.getElementById(name);
		if(obj==null && document.getElementsByName) {
			obj=document.getElementsByName(name).item(0);
		}
	}
	else if(document.layers) {
		obj=document.layers[name];
	} 

	return obj;
}

function row_art(art) 
{
	var table=document.getElementById(idt[art]);
	if(!table) return 0;
	var tr=table.getElementsByTagName('tr');
	return tr.length-1;
}

function cnt_art(art) 
{
	var nrow=row_art(art);
	if(nrow==0) return 0;
	var table=document.getElementById(idt[art]);
	var tr=table.getElementsByTagName('tr');
	var cnt=0;
	for(var i=0;i<nrow;i++) 
	{
		var tri=tr[i];
		var spanx=tri.getElementsByTagName('th')[0].getElementsByTagName('span')[0];
		if(!spanx || spanx.innerHTML=='') break;
		cnt++;
	}
	return cnt;
}

function select_art(art) 
{
	var nrow=row_art(art);
	if(nrow==0) return 0;
	var table=document.getElementById(idt[art]);
	var tr=table.getElementsByTagName('tr');
	var selected_border='dashed 1px #888';
	var unselected_border='solid 1px transparent';

	for(var i=0;i<nrow;i++) 
	{
		var tri=tr[i];
		var spanx=tri.getElementsByTagName('th')[0].getElementsByTagName('span')[0];
		var radios=spanx.getElementsByTagName('input');
		if(radios.length<1 || !radios[0].checked)
		{
			tri.childNodes[0].style.border=unselected_border;		
			tri.childNodes[1].style.border=unselected_border;		
		}
		else
		{
			tri.childNodes[0].style.borderTop=selected_border;
			tri.childNodes[0].style.borderBottom=selected_border;
			tri.childNodes[0].style.borderLeft=selected_border;
			tri.childNodes[0].style.borderRight=unselected_border;
			tri.childNodes[1].style.borderTop=selected_border;
			tri.childNodes[1].style.borderBottom=selected_border;
			tri.childNodes[1].style.borderLeft=unselected_border;
			tri.childNodes[1].style.borderRight=selected_border;
		}				
	}
}

function set_art(art,idx,x,y,z) 
{
	var nrow=row_art(art);
	if(nrow==0) return;
	if(idx>=nrow) return;
	var table=document.getElementById(idt[art]);
	var tr=table.getElementsByTagName('tr');
	var tri=tr[idx];
	var spanx=tri.getElementsByTagName('th')[0].getElementsByTagName('span')[0];
	var spany=tri.getElementsByTagName('td')[0].getElementsByTagName('span')[0];
	var spanz=tri.getElementsByTagName('td')[0].getElementsByTagName('span')[1];	
	spanx.innerHTML=x;
	spany.innerHTML=y;
	spanz.innerHTML=z;

	var unselected_border='solid 1px transparent';
	tri.childNodes[0].style.border=unselected_border;		
	tri.childNodes[1].style.border=unselected_border;		
	
	tri.getElementsByTagName('th')[0].onclick=function(ev)
	{
		var radio=spanx.getElementsByTagName('input')[0];
		radio.checked=true;
		select_art(art);
		var evsrc=this;
		if(!ev) ev=event;
		if(ev.srcElement) evsrc=ev.srcElement;
		else if(ev.target) evsrc=ev.target;
		return (evsrc==radio);
	};

}

function selected_art(art) 
{
	var num=cnt_art(art);
	var table=document.getElementById(idt[art]);
	var tr=table.getElementsByTagName('tr');
	var selected=-1;
	for(var i=0;i<num;i++) 
	{
		var tri=tr[i];
		var spanx=tri.getElementsByTagName('th')[0].getElementsByTagName('span')[0];
		var radio=spanx.getElementsByTagName('input')[0];
		if(radio && radio.checked) 
		{
			selected=i;
			break;
		}
	}
	return selected;
}

function set_record_num(obj,num)
{
	obj.setAttribute('num',num);
}

function get_record_num(obj)
{
	return obj.getAttribute('num');
}

function reset_art(art)
{
	var table=document.getElementById(idt[art]);
	var tr=table.getElementsByTagName('tr');
	var nrow=row_art(art)+1;
	for(var i=0;i<nrow;i++)
	{
		var tri=tr[i];
		set_record_num(tri,i+1);
	}
}

function next_art(art)
{
	var table=document.getElementById(idt[art]);
	var tr=table.getElementsByTagName('tr');
	var cnt=cnt_art(art);
	var tri=tr[cnt];
	var num=get_record_num(tri);
	return Number(num);
}

function add_art(art,maxart) 
{
	var idx=cnt_art(art);
	var num=next_art(art);
	var labelx=label[art];
	var idfx=idf[art];
	var idgx=idg[art];
	var idhx=idh[art];
	var itypex=itype[art];
	var ivalx=ival[art];

	// 1行目
	var y1=
		'<input type="'+itypex+'" id="'+idfx+num+'" name="'+idfx+num+'" class="artcle_image" value="'+ivalx+'" />';

	if(art=='img') 
		y1=
		'<input type="'+itypex+'" id="'+idfx+num+'" name="'+idfx+num+'" class="artcle_image_short" value="'+ivalx+'" />'+
		'<label><input type=checkbox name="exif'+num+'" />撮影データ付</label>';

	if(art=='map') 
		y1=
		'<input type="'+itypex+'" id="'+idfx+num+'" name="'+idfx+num+'" class="artcle_image_short" value="'+ivalx+'" />'+
		'<input type="button" onclick="map_dialog(\''+idfx+num+'\')" value="参照..." />';
		
	if(art=='bcd') 
		y1=
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="qrl" />QR(L)</label> '+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="qrm" checked />QR(M)</label> '+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="qrq" />QR(Q)</label> '+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="qrh" />QR(H)</label> '+
		'<br>'+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="jan" />JAN</label> '+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="nw7" />NW7</label> '+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="code39" />CODE39</label> '+
		'○EAN ○UPC ○ITF ○CODE128';
	
	// 2行目
	var y2='';
	if(art!='sym' && art!='pnt' && art!='fol')
		y2='<br /><input type="text" id="'+idhx+num+'" name="'+idhx+num+'" class="artcle_image" value="'+labelx+'についての短い説明をここに書きます" onfocus="this.value=\'\'; this.onfocus=null;" />';
	if(art=='bcd') 
		y2='<br /><input type="text" id="'+idhx+num+'" name="'+idhx+num+'" class="artcle_image" />';

	var x='<label><input type="radio" name="_radio_'+art+'_" />'+labelx+(idx+1)+'</label>：';

	var z='<input type="hidden" id="'+idgx+num+'" name="'+idgx+num+'" />';

	if(idx<maxart) 
	{
		set_art(art,idx,x,y1+y2,z);
	}
}

function del_selected_art(art) 
{
	var idx=selected_art(art);
	del_art(art,idx);
}

function del_last_art(art) 
{
	var idx=cnt_art(art)-1;
	del_art(art,idx);
}

function del_art(art,idx) 
{
	if(idx<0) return;

	var table=document.getElementById(idt[art]);
	var tr=table.getElementsByTagName('tr');
	var tri=tr[idx];
	var trx=tr[row_art(art)];
	var tbody=tri.parentNode;
	var spanx=tri.getElementsByTagName('th')[0].getElementsByTagName('span')[0];
	var spany=tri.getElementsByTagName('td')[0].getElementsByTagName('span')[0];
	var spanz=tri.getElementsByTagName('td')[0].getElementsByTagName('span')[1];
	spanx.innerHTML='';
	spany.innerHTML='';
	spanz.innerHTML='';
	tbody.removeChild(tri);
	tbody.insertBefore(tri,trx);
	tri.getElementsByTagName('th')[0].onclick=null;

	renum_art(art);
	select_art(art);

}

function move_art(art,incr) 
{
	var idx=selected_art(art);
	var cnt=cnt_art(art);
	var target=idx+incr;
	if(idx<0) return;
	if(target<0) return;
	if(target>=cnt) return;

	var table=document.getElementById(idt[art]);
	var tr=table.getElementsByTagName('tr');
	var tri=tr[idx];
	var trx=tr[target];
	var tbody=tri.parentNode;

	if(incr>0)
		tbody.insertBefore(trx,tri);
	else
		tbody.insertBefore(tri,trx);
	
	renum_art(art);

	var spanx=tri.getElementsByTagName('th')[0].getElementsByTagName('span')[0];
	var radio=spanx.getElementsByTagName('input')[0];
	radio.checked=true;
}

function renum_art(art) 
{
	var cnt=cnt_art(art);
	var table=document.getElementById(idt[art]);
	var tr=table.getElementsByTagName('tr');
	var labelx=label[art];

	for(var i=0;i<cnt;i++) 
	{
		var num=i+1;
		var tri=tr[i];
		var spanx=tri.getElementsByTagName('th')[0].getElementsByTagName('span')[0];
		var text=spanx.getElementsByTagName('label')[0].childNodes[1];
		text.nodeValue=labelx+num;
	}

}

function ini_art(art,maxart,path,file,descr) 
{
	var idx=cnt_art(art);
	var num=next_art(art);
	var labelx=label[art];
	var idfx=idf[art];
	var idgx=idg[art];
	var idhx=idh[art];
	var itypex=itype[art];
	var ivalx=ival[art];
			
	var oldfile='';
	if(art=='img' || art=='att' || art=='sym' || art=='pnt') oldfile='<font size="1">'+file+'</font><br />';

	// 1行目
	var y1=
		'<input type="'+itypex+'" id="'+idfx+num+'" name="'+idfx+num+'" class="artcle_image" value="'+file+'" />';

	if(art=='img') 
		y1=
		'<input type="'+itypex+'" id="'+idfx+num+'" name="'+idfx+num+'" class="artcle_image_short" value="'+file+'" />'+
		'<label><input type="checkbox" name="exif'+num+'" />撮影データ付</label>';

	if(art=='map') 
		y1=
		'<input type="'+itypex+'" id="'+idfx+num+'" name="'+idfx+num+'" class="artcle_image_short" value="'+file+'" />'+
		'<input type="button" onclick="map_dialog(\''+idfx+num+'\')" value="参照..." />';

	if(art=="bcd") 
		y1=
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="qrl" '+(file=='qrl'?'checked':'')+' />QR(L)</label> '+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="qrm" '+(file=='qrm'?'checked':'')+' />QR(M)</label> '+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="qrq" '+(file=='qrq'?'checked':'')+' />QR(Q)</label> '+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="qrh" '+(file=='qrh'?'checked':'')+' />QR(H)</label> '+
		'<br>'+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="jan" '+(file=='jan'?'checked':'')+' />JAN</label> '+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="nw7" '+(file=='nw7'?'checked':'')+' />NW7</label> '+
		'<label><input type="'+itypex+'" name="'+idfx+num+'" value="code39" '+(file=='code39'?'checked':'')+' />CODE39</label> '+
		'○EAN ○UPC ○ITF ○CODE128';

	// 2行目
	var y2='';
	if(art!='sym' && art!='pnt') 
		y2='<br /><input type="text" id="'+idhx+num+'" name="'+idhx+num+'" class="artcle_image" value="'+descr+'" />';

	var thumb='';
	if(art=='img' || art=='sym' || art=='pnt') thumb=' <img src="'+path+'" class="image_thumb" /> ';

	var x='<label><input type="radio" name="_radio_'+art+'_" />'+labelx+(idx+1)+'</label>：';

	var z='<input type="hidden" id="'+idgx+num+'" name="'+idgx+num+'" value="'+file+'" />';

	if(idx<maxart) 
	{
		set_art(art,idx,x+thumb,oldfile+y1+y2,z);
	}
}

function fillMaterial(art) 
{
	var cnt=cnt_art(art);
	var table=document.getElementById(idt[art]);
	if(!table) return;
	var tr=table.getElementsByTagName('tr');
	var idfx=idf[art];
	var idgx=idg[art];
	var idhx=idh[art];
	var f=document.request;

	for(var i=0;i<cnt;i++) 
	{
		var tri=tr[i];
		var num=get_record_num(tri);
		var ff=getObject(idfx+num);
		var gg=getObject(idgx+num);
		var hh=getObject(idhx+num);
		if(!ff || !gg) continue;
		
		if(ff.value!="") 
		{
			gg.value=ff.value;
		}
		if(document.createRange) 
		{
			f.appendChild(ff);
			f.appendChild(gg);
			if(hh!=null) f.appendChild(hh);
		}	
	}	
}

function fillMaterials() 
{
	fillMaterial(img);
	fillMaterial(lnk);
	fillMaterial(att);
	fillMaterial(pnt);
//	fillMaterial(fol);
}

function fillSequence(art) 
{
	var cnt=cnt_art(art);
	var table=document.getElementById(idt[art]);
	if(!table) return;
	var tr=table.getElementsByTagName('tr');
	var idqx=idq[art];
	var seq='';

	for(var i=0;i<cnt;i++) 
	{		
		var tri=tr[i];
		seq+=' '+get_record_num(tri);	
	}
	
	document.getElementById(idqx).value=seq;	
}

function fillSequences() 
{
	fillSequence(img);
	fillSequence(lnk);
	fillSequence(att);
	fillSequence(map);
	fillSequence(bcd);
	fillSequence(pnt);
}

function announce(name,msg,co) 
{
	var color=(co==null?'red':co);
	var obj=document.getElementById(name);
	obj.innerHTML='<span style="color:'+color+'">'+msg+'</span>';
}

function fillOptions(without_css_file) 
{
	fillOption(title_img,title_new);
	fillOption(logo_img,logo_new);
	fillOption(bg_img,bg_new);
	if(!without_css_file) 
	{
		fillOption(css_file,css_new);
	}
}

function fillOption(ximg,xnew) 
{
	var ff=getObject(ximg);
	var gg=getObject(xnew);
	if(ff.value!="") 
	{
		gg.value=ff.value;
	}
}

var thema_name=new Object();
thema_name[0]="夏休み（標準）";
thema_name[1]="麦秋";
thema_name[2]="産声";
thema_name[3]="香草";
thema_name[4]="月の石";
thema_name[5]="オリーブ";
thema_name[6]="葡萄";
thema_name[7]="珊瑚礁";
thema_name[8]="抹茶";
thema_name[9]="山小屋";
thema_name[10]="家路";
thema_name[11]="錦秋";

//全体
var base_bg=new Object();
base_bg[0]="#FFFFFF";
base_bg[1]="#FFEECC";
base_bg[2]="#FFEEEE";
base_bg[3]="#EEFFEE";
base_bg[4]="#EEEEEE";
base_bg[5]="#FFFFDD";
base_bg[6]="#EEEEFF";
base_bg[7]="#EEFFFF";
base_bg[8]="#DDEEEE";
base_bg[9]="#FFDD99";
base_bg[10]="#003344";
base_bg[11]="#DD5500";

var base_fg=new Object();
base_fg[0]="#444444";
base_fg[1]="#665500";
base_fg[2]="#990000";
base_fg[3]="#444444";
base_fg[4]="#444444";
base_fg[5]="#444400";
base_fg[6]="#441144";
base_fg[7]="#444444";
base_fg[8]="#003322";
base_fg[9]="#003322";
base_fg[10]="#EEEEEE";
base_fg[11]="#FFEE88";

//ラベル1
var label1_bg=new Object();
label1_bg[0]="#6688DD";
label1_bg[1]="#CC7700";
label1_bg[2]="#FF6666";
label1_bg[3]="#667766";
label1_bg[4]="#AAAA99";
label1_bg[5]="#AA9977";
label1_bg[6]="#AA7799";
label1_bg[7]="#22CCCC";
label1_bg[8]="#99CCCC";
label1_bg[9]="#CC5500";
label1_bg[10]="#778899";
label1_bg[11]="#EE9911";

var label1_fg=new Object();
label1_fg[0]="#FFFFFF";
label1_fg[1]="#FFEECC";
label1_fg[2]="#FFEEEE";
label1_fg[3]="#FFFFFF";
label1_fg[4]="#FFFFFF";
label1_fg[5]="#FFFFFF";
label1_fg[6]="#FFFFFF";
label1_fg[7]="#FFFFFF";
label1_fg[8]="#FFFFFF";
label1_fg[9]="#FFFFFF";
label1_fg[10]="#FFFFFF";
label1_fg[11]="#FFFFCC";

//ラベル2
var label2_bg=new Object();
label2_bg[0]="#DDEEFF";
label2_bg[1]="#FFCC66";
label2_bg[2]="#FFAA99";
label2_bg[3]="#DDEEAA";
label2_bg[4]="#CCCCBB";
label2_bg[5]="#EEEEBB";
label2_bg[6]="#CCBBCC";
label2_bg[7]="#BBEEEE";
label2_bg[8]="#CCDDDD";
label2_bg[9]="#EEAA55";
label2_bg[10]="#668899";
label2_bg[11]="#DD0000";

var label2_fg=new Object();
label2_fg[0]="#444444";
label2_fg[1]="#884422";
label2_fg[2]="#990000";
label2_fg[3]="#444444";
label2_fg[4]="#444444";
label2_fg[5]="#444400";
label2_fg[6]="#441144";
label2_fg[7]="#444444";
label2_fg[8]="#003322";
label2_fg[9]="#003322";
label2_fg[10]="#EEEEEE";
label2_fg[11]="#FFFFCC";

function setThemaColors() 
{
	var obj=getObject('thema');
	var thema=parseInt(obj.value);

	setColors('span_base_fg','span_base_bg','style2','style1',base_fg,base_bg,thema);
	setColors('span_label1_fg','span_label1_bg','style4','style3',label1_fg,label1_bg,thema);
	setColors('span_label2_fg','span_label2_bg','style6','style5',label2_fg,label2_bg,thema);
	
	setEditorColor('fg_color','fg_sample',base_fg[thema]);
	setEditorColor('bg_color','bg_sample',base_bg[thema]);
}

function setColors(nsfg,nsbg,ncfg,ncbg,fg,bg,th) 
{

	var sfg=getObject(nsfg);
	var sbg=getObject(nsbg);

	var cfg=getObject(ncfg);
	var cbg=getObject(ncbg);

	sfg.style.background=fg[th];
	sbg.style.background=bg[th];

	cfg.value=fg[th];
	cbg.value=bg[th];

}

function setEditorColor(elm_color, elm_sample, color) 
{
	var elm=getObject(elm_color);
	elm.value=color;
	var smp=getObject(elm_sample);
	smp.style.background=color;
}

self.target=null;
self.sample=null;

var win=null;

function color_dialog(name1,name2) 
{
	self.target=getObject(name1);
	self.sample=getObject(name2);
	if(win!=null) win.close();
	win=window.open("resource/colors.htm","","width=470,height=550,resizable=yes,status=no,header=no,scrollbars=no,location=no,menubar=no,toolbar=no,status=no");
}

function map_dialog(name) 
{
	self.target=getObject(name);
	if(win!=null) win.close();
	win=window.open("sys/mapper.jsp","","width=550,height=590,resizable=yes,status=no,header=no,scrollbars=no,location=no,menubar=no,toolbar=no,status=no");
}

function plot() 
{
	//if(win!=null) win.close();
	win=window.open("resource/plot.htm","","width=640,height=670,resizable=yes,status=no,header=no,scrollbars=no,location=no,menubar=no,toolbar=no,status=no");
}

function tagusage() 
{
	if(win!=null) win.close();
	win=window.open("resource/tagusage.htm","","width=680,height=520,resizable=yes,status=no,header=no,scrollbars=yes,location=no,menubar=no,toolbar=no,status=no");
}

function cssusage(view) 
{
	if(win!=null) win.close();
	win=window.open("resource/"+view+"_cssusage.htm","","width=710,height=520,resizable=yes,status=no,header=no,scrollbars=yes,location=no,menubar=no,toolbar=no,status=no");
}

function cssflex() 
{
	if(win!=null) win.close();
	win=window.open("resource/flex.style","","width=480,height=520,resizable=yes,status=no,header=no,scrollbars=yes,location=no,menubar=no,toolbar=no,status=no");
}

function getAjaxRequest() 
{
	var req=null;
	if (window.XMLHttpRequest) 
	{
		req = new XMLHttpRequest();
	}
	else if (window.ActiveXObject) 
	{
		try 
		{
			req = new ActiveXObject('MXSML2.XMLHTTP');
		}
		catch (e) 
		{
			try 
			{
				req = new ActiveXObject('Microsoft.XMLHTTP');
			}
			catch (e) {}
		}
	}
	return req;
}

var showcase;
		
function setShowcase() 
{
	var iframe=getObject('showcase');
	if (iframe.contentDocument) 
	{
		showcase=iframe.contentDocument;
	} 
	else 
	{
		showcase=iframe.Document;
	}
	for(var i=0;i<showcase.images.length;i++) 
	{
		var image=showcase.images[i];
		if (image.addEventListener) 
		{
			image.addEventListener('click',showcase_event_handler, true);
		}
		else 
		{
			image.attachEvent('onclick',showcase_event_handler);
		}
	}
}

function showcase_event_handler(e) 
{
	var src;
	if(e.srcElement) 
	{
		src=e.srcElement;
	} 
	else if (e.target) 
	{
		src=e.target;
	}
	for(var i=0;i<showcase.images.length;i++) 
	{
		var image=showcase.images[i];
		if (src==image) 
		{
			showcase.forms[0].elements[i].checked=true;
			break;
		}
	}
}

function getSelectedThema() 
{
	for(var i=0;i<showcase.forms[0].elements.length;i++) 
	{
		var radio=showcase.forms[0].elements[i];
		if(radio.checked) return i-1;
	}
	return -1;
}




