/*
+button : class="open-child-button"
-button : class="close-child-button"
*/



function closeBlocks(el){
	var el = getContainerWith(el, 'DIV', 'second_headline').nextSibling;
	while( el != null )
	{
		if(el.nodeType  == 1 )
			break;
		else
			el = el.nextSibling;
	}
	if( el && el.tagName == 'DIV' && hasClassName( el, 'prod_section' ) ){
		var imgs = el.getElementsByTagName('IMG');
		for( var i=0; i<imgs.length; i++ ){
			if( hasClassName(imgs[i], 'open-child-button') ){
				closeChildBlock( imgs[i] );
				imgs[i].src = "img/com_ic010.gif";
			}
			else if(hasClassName(imgs[i], 'close-child-button')) {
				closeChildBlock( imgs[i] );
				removeClassName(imgs[i], 'close-child-button');
				addClassName(imgs[i], 'open-child-button');
				imgs[i].src = "img/com_ic010.gif";
			}
		}
	}
}
function closeChildBlock( el ){
	var el= getContainerWith(el, 'P', 'hasChildItem').nextSibling;
	while( el != null )
	{
		if(el.nodeType == 1 ){
			el.style.display = 'none';
			break;
		}
		else{
			el = el.nextSibling;
		}
	}
}


function openBlocks(el){
	var el = getContainerWith(el, 'DIV', 'second_headline').nextSibling;
	while( el != null )
	{
		if(el.nodeType == 1 )
			break;
		else
			el = el.nextSibling;
	}
	if( el && el.tagName == 'DIV' && hasClassName( el, 'prod_section' ) ){
		var imgs = el.getElementsByTagName('IMG');
		for( var i=0; i<imgs.length; i++ ){
			if( hasClassName(imgs[i], 'close-child-button') ){
				openChildBlock( imgs[i] );
				imgs[i].src = "img/com_ic011.gif";
			}
			else if(hasClassName(imgs[i], 'open-child-button')) {
				openChildBlock( imgs[i] );
				removeClassName(imgs[i], 'open-child-button');
				addClassName(imgs[i], 'close-child-button');
				imgs[i].src = "img/com_ic011.gif";
			}
		}
	}
}
function openChildBlock( el ){
	var el = getContainerWith(el, 'P', 'hasChildItem').nextSibling;
	while( el != null )
	{
		if(el.nodeType == 1 ){
		el.style.display = 'block';
			break;
		}
		else{
			el = el.nextSibling;
		}
	}
}



function initOpenButton( el ){
	EventManager.addEvent( el, 'click', function(){
		openBlocks(el);
	}, false );
}
function initCloseButton( el ){
	EventManager.addEvent( el, 'click', function(){
		closeBlocks(el);
	}, false );
}
function initButton( el ){
	EventManager.addEvent( el, 'click', function(){
		toggleBlock(el);
	}, false );
}


EventManager.addEvent( window, 'load', function(){
	var lis = document.getElementsByTagName('LI');
	for( var i=0; i<lis.length; i++ ){
		if (hasClassName( lis[i], 'open_btn' ))
			initOpenButton(lis[i]);
		else if (hasClassName( lis[i], 'close_btn' ))
			initCloseButton(lis[i]);
	}

	var imgs = document.getElementsByTagName('IMG');
	for( var i=0; i<imgs.length; i++ ){
		if (hasClassName( imgs[i], 'open-child-button' )){
			initButton(imgs[i]);
		}else if(hasClassName( imgs[i], 'close-child-button' )){
			initButton(imgs[i]);
		}
	}
}, false );




function toggleBlock(el){
//	var el = $(el);
	
	var openButton = 'open-child-button'; // +
	var closeButton = 'close-child-button'; // -
	
	if( hasClassName(el, openButton) ){
		// Open
		removeClassName(el,openButton);
		addClassName(el, closeButton);
		el.src = "img/com_ic011.gif"
		
		var targetNode = getContainerWith(el, 'P', 'hasChildItem').nextSibling;
		while( targetNode != null )
		{
			if(targetNode.nodeType == 1 )
				break;
			else
				targetNode = targetNode.nextSibling;
		}
		if( targetNode && (hasClassName(targetNode, 'prod_child_list') || hasClassName(targetNode, 'items_list')) ){
			setStyle(targetNode, {'display':'block'});
		}
	}
	else {
		// Close
		removeClassName(el,closeButton);
		addClassName(el, openButton);
		el.src = "img/com_ic010.gif"
		
		var targetNode = getContainerWith(el, 'P', 'hasChildItem').nextSibling;
		while( targetNode != null )
		{
			if(targetNode.nodeType == 1 )
				break;
			else
				targetNode = targetNode.nextSibling;
		}
		if( targetNode && (hasClassName(targetNode, 'prod_child_list') || hasClassName(targetNode, 'items_list')) ){
			setStyle(targetNode, {'display':'none'});
		}
	}
}





/*document.write('<style type="text/css">'
+'ul.prod_child_list {display: none;}'
+'ul.items_list {display: none;}'
+'</style>');*/