var previousBox = 1

function showbox(thisbox)
{

	var couponBack = document.getElementById('couponBack')
	var coupon = document.getElementById('coupon')
	var companyInfoBack = document.getElementById('companyInfoBack')
	var companyInfo = document.getElementById('companyInfo')
	var slogan = document.getElementById('slogan')
	var crunchycornBox = document.getElementById('crunchycornBox')
	var ricetwiceBox = document.getElementById('ricetwiceBox')
	var crispybrownriceBox = document.getElementById('crispybrownriceBox')
	var cornflakesBox = document.getElementById('cornflakesBox')
	var mixedberriesBox = document.getElementById('mixedberriesBox')
	var productInfoBack = document.getElementById('productInfoBack')
	var crunchycornInfo = document.getElementById('crunchycornInfo')
	var ricetwiceInfo = document.getElementById('ricetwiceInfo')
	var crispybrownriceInfo = document.getElementById('crispybrownriceInfo')
	var cornflakesInfo = document.getElementById('cornflakesInfo')
	var mixedberriesInfo = document.getElementById('mixedberriesInfo')

	couponBack.style.display = 'none'
	coupon.style.display = 'none'
	companyInfoBack.style.display = 'none'
	companyInfo.style.display = 'none'
	slogan.style.display = 'none'

	if( thisbox.id != previousBox )
	{
		productInfoBack.style.display = 'none'
		crunchycornBox.style.display = 'none'
		crunchycornInfo.style.display = 'none'
		ricetwiceBox.style.display = 'none'
		ricetwiceInfo.style.display = 'none'
		crispybrownriceBox.style.display = 'none'
		crispybrownriceInfo.style.display = 'none'
		cornflakesBox.style.display = 'none'
		cornflakesInfo.style.display = 'none'
		mixedberriesBox.style.display = 'none'
		mixedberriesInfo.style.display = 'none'
	}
	
	
	productInfoBack.style.display = 'block'
	box = thisbox.id + 'Box'
	info = thisbox.id + 'Info'

	document.getElementById(box).style.display = 'block'
	document.getElementById(info).style.display = 'block'

	previousBox = thisbox.id
}

function nobox()
{
	var couponBack = document.getElementById('couponBack')
	var coupon = document.getElementById('coupon')
	var companyInfoBack = document.getElementById('companyInfoBack')
	var companyInfo = document.getElementById('companyInfo')
	var slogan = document.getElementById('slogan')
	var crunchycornBox = document.getElementById('crunchycornBox')
	var ricetwiceBox = document.getElementById('ricetwiceBox')
	var crispybrownriceBox = document.getElementById('crispybrownriceBox')
	var cornflakesBox = document.getElementById('cornflakesBox')
	var mixedberriesBox = document.getElementById('mixedberriesBox')
	var productInfoBack = document.getElementById('productInfoBack')
	var crunchycornInfo = document.getElementById('crunchycornInfo')
	var ricetwiceInfo = document.getElementById('ricetwiceInfo')
	var crispybrownriceInfo = document.getElementById('crispybrownriceInfo')
	var cornflakesInfo = document.getElementById('cornflakesInfo')
	var mixedberriesInfo = document.getElementById('mixedberriesInfo')

	couponBack.style.display = 'block'
	coupon.style.display = 'block'
	companyInfoBack.style.display = 'block'
	companyInfo.style.display = 'block'
	slogan.style.display = 'block'

	productInfoBack.style.display = 'none'
	crunchycornBox.style.display = 'none'
	crunchycornInfo.style.display = 'none'
	ricetwiceBox.style.display = 'none'
	ricetwiceInfo.style.display = 'none'
	crispybrownriceBox.style.display = 'none'
	crispybrownriceInfo.style.display = 'none'
	cornflakesBox.style.display = 'none'
	cornflakesInfo.style.display = 'none'
	mixedberriesBox.style.display = 'none'
	mixedberriesInfo.style.display = 'none'
}