goog.provide('oneup.ui.LoginPage');

goog.require('goog.dom');
goog.require('oneup.Achievement');
goog.require('oneup.ui.ColumnPage');

oneup.ui.LoginPage = function() {
	oneup.ui.ColumnPage.call(this, [2/3, 1/3]);
};
goog.inherits(oneup.ui.LoginPage, oneup.ui.ColumnPage)

oneup.ui.LoginPage.prototype.render = function() {
	var column1 = this.columns[0];
	var column2 = this.columns[1];
	goog.dom.classes.add(column1, 'loginColumn1');
	var caption = goog.dom.createDom('div', {'class' : 'loginPageCaption'});
	var captionText = goog.dom.createDom('div', {'class' : 'loginPageCaptionText'});
	caption.appendChild(captionText);
	captionText.innerHTML = 'what have <span>you</span> done?';
	column1.appendChild(caption);
	
	for (var i = 0; i < 10; i++) {
		var iconDiv = goog.dom.createDom('div', {'class': 'loginPageIcon', 'style': "background-image:url('/images/achLogin/achLogin_" + i + ".png');"});
		column1.appendChild(iconDiv);
	}
	
	column2.innerHTML = '<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fapps%2Fapplication.php%3Fid%3D141030132611197&amp;width=292&amp;colorscheme=light&amp;connections=10&amp;stream=false&amp;header=false&amp;height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:255px;" allowTransparency="true"></iframe>';
	goog.style.setStyle(column2, 'margin-top', '10px'); 
	
	column1.appendChild(goog.dom.createDom('div', {'class': 'clear'}));
	column2.appendChild(goog.dom.createDom('div', {'class': 'clear'}));
	
	return this.holder;
}