require("liblua/page")
require("lua.ajaxresponse")

page = htmlPage:new{title=__FORM["cat"]}
page.head:add(
	htmlTag:new{
		  tag="link"
		, attribute={
			  type="text/css"
			, href="theme/active/homepage.css"
			, rel="stylesheet"
		}
		, data={}
	}
)
prev = page.container
--prev = page.container:add(htmlTag:new{tag="div", attribute={style="width: 100%; minWidth: 990px;"}, data={}})
content = prev:add(htmlTag:new{tag="div", attribute={style="width: 960px; margin: auto;"}, data={}})
--content = page.container:add(htmlTag:new{tag="div", attribute={}, data={}})

fullblock = htmlTag:new{tag="div", attribute={}, data={}}
right = htmlTag:new{tag="div", attribute={}, data={}}
left = htmlTag:new{tag="div", attribute={}, data={}}
primero = htmlTag:new{tag="div", attribute={}, data={}}

block1 = content:add(htmlTag:new{tag="div", attribute={id="primero",class="home-block"}, data={}})
block1:add("BLOCK 1")

block2 = content:add(htmlTag:new{tag="div", attribute={id="segundo",class="home-block ui-helper-clearfix"}, data={}})
block2left = block2:add(htmlTag:new{tag="div", attribute={class="home-def-left", style="background:red;"}, data={}})
block2right = block2:add(htmlTag:new{tag="div", attribute={class="home-def-right", style="background: green;" }, data={}})
block2left:add("<img src='ajax/showimg.lua?id=1000' />")
block2right:add("<img src='img/publi-22.jpg' />")
block2right:add("<img src='img/publi-22.jpg' />")
block2right:add("<img src='img/publi-22.jpg' />")

pepe = htmlTag:new{tag="div", attribute={class="ui-helper-clearfix"}, data={}}
pepe1 = pepe:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-left", style="background: blue;"},data={}})
pepe2 = pepe:add(htmlTag:new{tag="div", attribute={class="home-3col", style="background: yellow;"},data={}})
pepe3 = pepe:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-right", style="background: green;"},data={}})
pepe4 = pepe:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-left", style="background: blue;"},data={}})
pepe5 = pepe:add(htmlTag:new{tag="div", attribute={class="home-3col", style="background: yellow;"},data={}})
pepe6 = pepe:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-right", style="background: green;"},data={}})
pepe1:add("<img src='ajax/showimg.lua?id=1002' style='width:200px; height:130px;'/>")
pepe2:add("<img src='ajax/showimg.lua?id=860' style='width:200px; height:130px;'/>")
pepe3:add("<img src='ajax/showimg.lua?id=777' style='width:200px; height:130px;'/>")
pepe4:add("<img src='ajax/showimg.lua?id=666' style='width:200px; height:130px;'/>")
pepe5:add("<img src='ajax/showimg.lua?id=1381&w=200'/>")
pepe6:add("<img src='ajax/showimg.lua?id=1382&s=200'/>")
block2left:add(pepe)


block3 = content:add(htmlTag:new{tag="div", attribute={id="tercero",class="home-block", style="background: yellow"}, data={}})

b1 = htmlTag:new{tag="div", attribute={class="ui-helper-clearfix"}, data={}}
b11 = b1:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-left", style="background: blue;"},data={}})
b12 = b1:add(htmlTag:new{tag="div", attribute={class="home-3col", style="background: red;"},data={}})
b13 = b1:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-right", style="background: green;"},data={}})

b2 = htmlTag:new{tag="div", attribute={class="home-full ui-helper-clearfix"},data={}}
b2:add("<img src='img/publi-30.jpg' />")

b3 = htmlTag:new{tag="div", attribute={class="ui-helper-clearfix"}, data={}}
b31 = b3:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-left", style="background: blue;"},data={}})
b32 = b3:add(htmlTag:new{tag="div", attribute={class="home-3col", style="background: red;"},data={}})
b33 = b3:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-right", style="background: green;"},data={}})
b34 = b3:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-left", style="background: blue;"},data={}})
b35 = b3:add(htmlTag:new{tag="div", attribute={class="home-3col", style="background: red;"},data={}})
b36 = b3:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-right", style="background: green;"},data={}})

block3:add(b1)
block3:add(b2)
block3:add(b3)

b11:add("<img src='ajax/showimg.lua?id=800' style='width:310px; height:200px;'/>")
b12:add("<img src='ajax/showimg.lua?id=900' style='width:310px; height:200px;'/>")
b13:add("<img src='ajax/showimg.lua?id=700' style='width:310px; height:200px;'/>")

b31:add("<img src='ajax/showimg.lua?id=555' style='width:310px; height:200px;'/>")
b32:add("<img src='ajax/showimg.lua?id=556' style='width:310px; height:200px;'/>")
b33:add("<img src='ajax/showimg.lua?id=667' style='width:310px; height:200px;'/>")
b34:add("<img src='ajax/showimg.lua?id=444' style='width:310px; height:200px;'/>")
b35:add("<img src='ajax/showimg.lua?id=333' style='width:310px; height:200px;'/>")
b36:add("<img src='ajax/showimg.lua?id=222' style='width:310px; height:200px;'/>")

block4 = content:add(htmlTag:new{tag="div", attribute={id="segundo",class="home-block ui-helper-clearfix"}, data={}})
block4left = block4:add(htmlTag:new{tag="div", attribute={class="home-inv-left", style="background:red;"}, data={}})
block4right = block4:add(htmlTag:new{tag="div", attribute={class="home-inv-right", style="background: green;" }, data={}})
block4left:add("<img src='img/publi-22.jpg' />")
block4left:add("<img src='img/publi-22.jpg' />")
block4left:add("asdfasdf asdf asdf asdf asdfasdf ")
block4left:add("asdfasdf asdf asdf asdf asdfasdf ")
block4left:add("asdfasdf asdf asdf asdf asdfasdf ")
block4right:add("<img src='ajax/showimg.lua?id=200' />")
block4right:add("<br>as dfa sdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf ")
block4right:add("<br>as dfa sdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf ")
block4right:add("<br>as dfa sdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf ")
cc = htmlTag:new{tag='div', attribute={class="home-full"}, data = {}}
cc1 = cc:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-left", style="background: blue;"},data={}})
cc2 = cc:add(htmlTag:new{tag="div", attribute={class="home-3col", style="background: yellow;"},data={}})
cc3 = cc:add(htmlTag:new{tag="div", attribute={class="home-3col home-col-right", style="background: green;"},data={}})
cc1:add("<img src='ajax/showimg.lua?id=430' style='width:200px; height:130px;'/>")
cc2:add("<img src='ajax/showimg.lua?id=428' style='width:200px; height:130px;'/>")
cc3:add("<img src='ajax/showimg.lua?id=429' style='width:200px; height:130px;'/>")
block4right:add(cc)

block5 = content:add(htmlTag:new{tag="div", attribute={class="home-block"}, data={}})
uno = block5:add(htmlTag:new{tag="div", attribute={class="home-2col-left", style="background: yellow;"},data={}})
dos = block5:add(htmlTag:new{tag="div", attribute={class="home-2col-right", style="background: blue;"},data={}})
uno:add("<img src='ajax/showimg.lua?id=1382&h=360' />")
dos:add("<img src='ajax/showimg.lua?id=1381&w=474' />")
block6 = content:add(htmlTag:new{tag="div", attribute={class="home-block"}, data={}})
block5:add("<img src='ajax/showimg.lua?id=1381&w=960' />")

print(page)