import pages = require("ui/page");
import buttons = require("ui/button");

export function createPage() {
    var page = new pages.Page();

    var btn = new buttons.Button();
    btn.width = 200;
    btn.height = 60;
    btn.text = "test";

    var vAligns = ["stretch", "top", "center", "bottom"];
    //var hAligns = ["stretch", "left", "center", "right"];
    var count = 0;
    btn.on(buttons.Button.tapEvent, function () {
        //page.css = "button { vertical-align:" + vAligns[(count++) % 4] + " }";
        btn.verticalAlignment = vAligns[(count++) % 4];
    })

//export function performanceTest() {
//        var testBtn = new buttons.Button();
//        var i = 0;
//        var tmp;
//        var start;
//        var end;

//        start = new Date().getTime();
//        for (i = 0; i < 1000000; i++) {
//            tmp = testBtn.verticalAlignment;
//        }
//        end = new Date().getTime();
//        console.log("GET from STYLE time: " + (end - start));

//        start = new Date().getTime();
//        for (i = 0; i < 1000000; i++) {
//            tmp = testBtn.horizontalAlignment;
//        }
//        end = new Date().getTime();
//        console.log("GET from LayoutInfo time: " + (end - start));

//        start = new Date().getTime();
//        for (i = 0; i < 1000000; i++) {
//            testBtn.verticalAlignment = vAligns[i % 4];
//        }
//        end = new Date().getTime();
//        console.log("SET to STYLE time: " + (end - start));

//        start = new Date().getTime();
//        for (i = 0; i < 1000000; i++) {
//            testBtn.horizontalAlignment = hAligns[i % 4];
//        }
//        end = new Date().getTime();
//        console.log("SET from LayoutInfo time: " + (end - start));
//    }

    page.content = btn;
    return page;
}
//export var Page = page; 
