/* flow.js
 *
 * Author : Hiroyuki Nakmaura
 * Depends on mootools(v1.11)
 */
var FlowState = false;
var StateObj = new Object();

function ToggleFlow () {
    var flowbg_url = './img/flow/bg3.png';
    if ( FlowState === false ) {

	$ES('div').each(function(item){
	    StateObj[item.id] = new Object;
	    StateObj[item.id] = item.getStyles('background-color');
	    item.setStyle('background-color', '#000');
	});

	$ES('div[id$=column]').setStyle('display', 'none');
	$ES('div[class^=sample]').setStyle('display', 'none');

	if ( $ES('img[id=topbanner]') == false ) {
	    	$ES('img[id=topbannerdoc]').setProperty('src', '../img/flow_banner_top.png');
	    flowbg_url = '../img/flow/bg3.png';
	}
	else {
		$ES('img[id=topbanner]').setProperty('src', './img/flow_banner_top.png');
	}

	new Element('div', {	    
	    'styles': {
		'background': '#000 url('+ flowbg_url +') no-repeat',
		'width': '100%',
		'height': '500px'
	    },
	    'properties': {
		'id': 'flow'
	    }
	}).injectAfter($('header'));

	FlowState = true;
    }
    else {
	    $ES('div[id=flow]').setStyle('display', 'none');
	    $ES('div[id$=column]').setStyle('display', 'block');
	    $ES('div[class^=sample]').setStyle('display', 'block');
	    $ES('div').each(function(i){
		i.setStyle('background-color', '#FFF')
		    .setStyles(StateObj[i.id]);
	    });
	if ( $ES('img[id=topbanner]') == false ) {
	    	$ES('img[id=topbannerdoc]').setProperty('src', '../img/new_banner_top.png');
	}
	else {
	    $ES('img[id=topbanner]').setProperty('src', './img/new_banner_top.png');	
	}
	FlowState = false;
    }
}