if (typeof dress_search == "undefined" || !dress_search) var dress_search = {};
dress_search.category_line = {};
dress_search.category_line.names = ['aline','princes','slender','mermaid'];
dress_search.category_line.names_jp = ['Aライン','プリンセスライン','スレンダーライン','マーメイドライン'];
dress_search.category_style = {};
dress_search.category_style.names = ['resort','hotel','restaurant','cathedral'];
dress_search.category_style.names_jp = ['リゾートウエディング','ホテルウエディング','レストランウエディング','大聖堂ウエディング'];
dress_search.category_brand = {};
dress_search.category_brand.names = ['alfred','cymbeline','delsa_perle','herve','alexis','mirella','mmc','sposa','sweetie'];
dress_search.category_brand.names_jp = ['AlfredAngelo','CYMBELINE','Delsa&amp;Perle','Herve','Alexis Mariage','Mirella','MMC','SPOSA LUCIDO','Sweetie Moon'];

dress_search.SearchList = function(names_line,names_style,names_brand)
{
	var searchresults = 0;
	var searchall = 0;
	$('div.dress_search_list a').each(function(){

		var acls = $(this).attr('class').split(' ');
		acls = acls[0];
		var cls = acls.split(',');

		var flg = false;
		if ($.overArray(names_line,cls)) {
			flg = true;
		} else {
			flg = false
		}

		if (flg) {
			if ($.overArray(names_style,cls)) {
				flg = true;
			} else {
				flg = false
			}
		}

		if (flg) {
			if ($.overArray(names_brand,cls)) {
				flg = true;
			} else {
				flg = false
			}
		}

		if (flg) {
			$(this).fadeIn(1500);
			searchresults++;
		} else {
			$(this).fadeOut(1000);
		}

	searchall++;
	});

	var div = $('div#dress_search_results');
	div.html('<h3 class="para">検索結果</h3><p class="mb5">全ドレス' + searchall + '点中<em class="notice">' + searchresults + '</em>点が該当しました。ドレス写真をクリックすると詳細ページへ移動します。</p>');

};

dress_search.SearchMenu = function(){
	var div = $('<div id="dress_search_menu" class="three fix"><p class="mb5"><a href="javascript:SetAll();">すべて表示</a>｜<a href="javascript:ClearAll();">すべて非表示</a></p></div>');

	var div_line = $('<div id="dress_search_menu_line" class="c1" style></div>');
	div_line.append('<h3 class="para">ライン選択</h3>');
	
	$.each(dress_search.category_line.names, function(i, val){
		var label = $('<label for="' + val + '">' + dress_search.category_line.names_jp[i] + '</label>');
		var input = $('<input type="checkbox" id="' + val + '" name="' + val + '" />');
		label.prepend(input);
		div_line.append(label);
		div_line.append($('<br />'));
	});

	var div_style = $('<div id="dress_search_menu_style" class="c2"></div>');
	div_style.append('<h3 class="para">挙式スタイル選択</h3>');
	$.each(dress_search.category_style.names, function(i, val){
		var label = $('<label for="' + val + '">' + dress_search.category_style.names_jp[i] + '</label>');
		var input = $('<input type="checkbox" id="' + val + '" name="' + val + '" />');
		label.prepend(input);
		div_style.append(label);
		div_style.append($('<br />'));
	});

	var div_brand = $('<div id="dress_search_menu_brand" class="c3"></div>');
	div_brand.append('<h3 class="para">ブランド選択</h3>');
	$.each(dress_search.category_brand.names, function(i, val){
		var label = $('<label for="' + val + '">' + dress_search.category_brand.names_jp[i] + '</label>');
		var input = $('<input type="checkbox" id="' + val + '" name="' + val + '" />');
		label.prepend(input);
		div_brand.append(label);
		div_brand.append($('<br />'));
	});

	div.append(div_line);
	div.append(div_style);
	div.append(div_brand);

	$('div.dress_search_list').before(div);

	var divSR = $('<div id="dress_search_results"></div>');
	$('div.dress_search_list').before(divSR);


}

SetAll = function(){
$('#dress_search_menu input:checkbox').attr('checked', 'checked');
dress_search.SearchList(dress_search.category_line.names,dress_search.category_style.names,dress_search.category_brand.names);
}

ClearAll = function(){
$('#dress_search_menu input:checkbox').attr('checked', '');
var clearArray = [];
dress_search.SearchList(clearArray);
}

// メイン処理。
$(function(){
	
	dress_search.SearchMenu();
	SetAll();
	var context_line=$("#dress_search_menu_line"),
	cbox_line=context_line.find("[type=checkbox]");
	var context_style=$("#dress_search_menu_style"),
	cbox_style=context_style.find("[type=checkbox]");
	var context_brand=$("#dress_search_menu_brand"),
	cbox_brand=context_brand.find("[type=checkbox]");


	var funcname = function(context_line,context_style,context_brand){
		//チェックされている要素をすべて検索し名前を記録
		var select_cbox_line = [];
		$(":checked",context_line).each(function (i,elem) {
			select_cbox_line.push(elem.id);
		}) 	
		var select_cbox_style = [];
		$(":checked",context_style).each(function (i,elem) {
			select_cbox_style.push(elem.id);
		}) 	
		var select_cbox_brand = [];
		$(":checked",context_brand).each(function (i,elem) {
			select_cbox_brand.push(elem.id);
		}) 	
		dress_search.SearchList(select_cbox_line,select_cbox_style,select_cbox_brand);
	}

	//チェックボックスクリック時の処理
	cbox_line.click(function(e){
		funcname(context_line,context_style,context_brand);
	});

	cbox_style.click(function(e){
		funcname(context_line,context_style,context_brand);
	});

	cbox_brand.click(function(e){
		funcname(context_line,context_style,context_brand);
	});


});
