﻿setTimeout(function ()
{
	dp.init(
	{
		containerID: "screen",
		gridX: 6,
		gridY: 4,
		imagesPath: "images/",
		timeout: 153, // 10 seconds
		flash: { r: 255, g: 255, b: 255},
		fadein:
		{
			alpha: 100,
			alphaTarget: 0,
			step: -5,
			endFlash: 80,
			nextCell: 90,
			nextStep: 0,
		},
		fadeout:
		{
			alpha: 0,
			alphaTarget: 60,
			step: 5,
			endFlash: 20,
			nextCell: 10,
			nextStep: 40,
		},
		menu: [
			{
				html: '1',
				target: 0
			},
			{
				html: '2',
				target: 1,
			},
			{
				html: '3',
				target: 2
			},
			{
				html: '4',
				target: 3
			}
		],
		page: [
		{ // page 1
			backgroundImage: "01.jpg",
			menuBackgroundColor: { r: 63, g: 106, b: 216 },
			text: [
				{
					html: ' ',
					x: 0, y: 2, w: 2, h: 2
				},
				{
					id: "txt1",
					x: 4, y: 1, w: 2, h: 2
				},
				{
					html: '<h1>Photos</h1>',
					x: 4, y: 3, w: 1, h: 1
				}
			],
			menuTarget: [
				{ x: 0, y: 0 },
				{ x: 1, y: 2 },
				{ x: 0, y: 3 },
				{ x: 5, y: 3 }
			]
		},
		{ // page 2
			backgroundImage: "02.jpg",
			menuBackgroundColor: { r: 83, g: 114, b: 113 },
			text: [{
					html: ' ',
					x: 5, y: 3, w: 1, h: 1
				},
				{
					html: ' ',
					x: 0, y: 3, w: 1, h: 1
				},
				{
					id: "txt2",
					x: 0, y: 0, w: 3, h: 2
				},
				{
					html: '<h1>Passion</h1>',
					x: 5, y: 0, w: 1, h: 1
				}
			],
			menuTarget: [
				{ x: 0, y: 2 },
				{ x: 1, y: 3 },
				{ x: 3, y: 3 },
				{ x: 5, y: 2 }
			]
		},
		{ // page 3
			backgroundImage: "03.jpg",
			menuBackgroundColor: { r: 160, g: 100, b: 0 },
			text: [{
					html: ' ',
					x: 0, y: 0, w: 1, h: 1
				},
				{
					html: ' ',
					x: 5, y: 0, w: 1, h: 1
				},
				{
					id: "txt3",
					x: 2, y: 1, w: 3, h: 2
				},
				{
					html: '<h1>Rêve</h1>',
					x: 5, y: 2, w: 1, h: 1
				}
			],
			menuTarget: [
				{ x: 1, y: 0 },
				{ x: 1, y: 2 },
				{ x: 5, y: 3 },
				{ x: 5, y: 1 }
			]
		},
		{ // page 4
			backgroundImage: "04.jpg",
			menuBackgroundColor: { r: 77, g: 144, b: 27 },
			text: [{
					id: "txt41",
					x: 0, y: 3, w: 2, h: 1
				},
				{
					id: "txt4",
					x: 4, y: 2, w: 2, h: 2
				},
				{
					html: '<h1>Instant</h1>',
					x: 3, y: 3, w: 1, h: 1
				}
			],
			menuTarget: [
				{ x: 2, y: 0 },
				{ x: 1, y: 0 },
				{ x: 2, y: 3 },
				{ x: 5, y: 0 }
			]
		}]
	});
}, 500);

