// this sets the background color of the master UIView (when there are no windows/tab groups on it)
Titanium.UI.setBackgroundColor('#61b2b5');

//Include app header
Titanium.include('header.js');

var roundedBorder = Titanium.UI.createView({   //rounded top bdr unable to use bg-repeat x

	width:768,
	height:9,
	backgroundImage:'images/bdr2.png',
	top:160

});

var viewContainer = Titanium.UI.createView({	//container for buttons
	width:768,
	height:80,
	backgroundColor:'#FFFFFF',
	top:165
});

	var budget = Titanium.UI.createButton({ //popover button 1
		backgroundImage:'images/budgetbtn.png',
		width:151,
		height:43,
		left:60,
		top:20,
		opacity:1
	});

	var room = Titanium.UI.createButton({  //popover button 2
		backgroundImage:'images/roombtn.png',
		width:74,
		height:43,
		left:240,
		top:20,
		opacity:1
	});

var viewBdr = Titanium.UI.createView({	//goes underneath viewContainer
	backgroundImage: 'images/bdr3.png',
	width:768,
	height:9,
	top:230
});

var picContainer = Titanium.UI.createView({	//container for buttons
	width:768,
	height:480,
	backgroundColor:'#FFFFFF',
	top:240
});

var catContainer = Titanium.UI.createView({	//container for buttons
	width:768,
	height:60,
	backgroundColor:'#6a7272',
	bottom:280
});

	var category = Titanium.UI.createButton({  //Category popover button 3
		backgroundImage:'images/categorybtn.png',
		width:167,
		height:41,
		left:290,
		opacity:1
	});

var nameContainer = Titanium.UI.createView({	//placeholder for category
	width:768,
	height:20,
	backgroundColor:'#f1df46',
	bottom:260
});
var app = Ti.UI.createWindow({
  width:768,
	height:1024
});
app.add(headerView);

app.add(roundedBorder);
app.add(viewContainer);
viewContainer.add(budget);
viewContainer.add(room);
catContainer.add(category);
app.add(viewBdr);
app.add(picContainer);
app.add(catContainer);
app.add(nameContainer);
app.open({
	transition:Titanium.UI.iPhone.AnimationStyle.FLIP_FROM_LEFT
});