var DemoDef = {
	"mode":"scroll",
	"style": {
		"width": 300,
		"height": 170,
		"view": { "width": 250, "height":100, "offset": { "x":25, "y":25 } },
		"bgcolor" : "#B6C4D1"
	},
	"position": { "x":0, "y":10, "absolute" : false },
	"scroll": {
		"type":"control",
		"step":5,
		"timer":40,
		"dir":"s",
		"pause":1500,
		"cycle":true,
		"ctrlstyle": { "width":60, "height":25, "align":"center" },
		"ctrlpos": { "x":30, "y":135 },
		"control": [
			{ "type":"link", "act":"prev", "text":"[ Prev ]" },
			{ "type":"link", "act":"next", "text":"[ Next ]" },
			{ "type":"link", "act":"rew", "text":"[ Rew  ]" }
		]
	},
	"itemeffect":"revealTrans(duration=1, transition=12)",
	"itemstyle":{ "bgcolor": "white" },
	"items": [
		{
			"type":"HTML",
			"src":"<p>You can set a separate link for each image in the slideshow.<p>Users trigger the link by clicking the image or by clicking a separate link or button. <p>You can open a new window for each link, and even set the window attributes." ,
			"style": {
				"bgcolor":"#EEEEEE",
				"color":"#696969"
			}
		},
		{
			"type":"HTML",
			"src":"<p>You can set a separate link for each image in the slideshow!!!",
			"style": {
				"bgcolor":"#EEEEEE",
				"color":"#696969"
			}
		},
		{
			"type":"IMG",
			"src":"img/anim2.gif"
		}
	]
};