// window.onloadイベントに追加
addWinLoadEvent( setFilterMultiMediaFileList );

function setFilterMultiMediaFileList () {
	if (!document.getElementsByTagName ||
		!document.getElementById ||
		!document.getElementById( "medialist" ) ) return false;

	var _genTypeMenu = function ( parentElm, type, typeLabel, btnWidth ) {
		var item = document.createElement( "li" );
		item.setAttribute( "id", type );

		setEvent( item, "onclick", "filteringMultiMediaFileList('" + type + "');" );

		var img = document.createElement( "img" );
		img.setAttribute( "src", "img/btn_mediacont_" + type + ".gif" );
		img.setAttribute( "alt", typeLabel );
		img.setAttribute( "width", btnWidth );
		img.setAttribute( "height", "21" );
		item.appendChild( img );

		parentElm.appendChild( item );
	};

	var mediaList = document.getElementById( "medialist" );

	var ul = document.createElement( "ul" );
	ul.setAttribute( "id", "typemenu" );
	_genTypeMenu( ul, "alltype", "全て表示", 67 );
	_genTypeMenu( ul, "promotion", "製品紹介", 67 );
	_genTypeMenu( ul, "sample", "見本", 45 );
	_genTypeMenu( ul, "example", "作例", 45 );
	_genTypeMenu( ul, "work", "作品", 45 );

	mediaList.parentNode.insertBefore( ul, mediaList );
	return true;
}
function filteringMultiMediaFileList ( type ) {
	var mediaList = document.getElementById( "medialist" );
	var dts = mediaList.getElementsByTagName( "dt" );
	var dds = mediaList.getElementsByTagName( "dd" );
	var uls = mediaList.getElementsByTagName( "ul" );
	for ( var i=0; i<dts.length; i++ ) {

		setClassAttr( dts[i], "hidden" );
		setClassAttr( dds[i], "hidden");

		var lis = uls[i].getElementsByTagName( "li" );
		for ( var j=0; j<lis.length; j++ ) {
			setClassAttr( lis[j], "show" );

			var imgs = lis[j].getElementsByTagName( "img" );
			for ( var k=0; k<imgs.length; k++ ) {
				var src = imgs[k].getAttribute( "src" );

				var imgclass = getClassAttr( imgs[k] );
				if ( "mediacont" == imgclass ) {
					if ( "alltype" == type || src.substring( src.indexOf( "mediacont_" )+10, src.indexOf( ".gif" ) ) == type ) {
						setClassAttr( dts[i], "show" );
						setClassAttr( dds[i], "show" );
					}
					else {
						setClassAttr( lis[j], "hidden" );
					}
				}
			}
		}
	}
}