var rotatorImgs = {
'1':{'src':'crop.php?source=images/banner/1.png&width=829&height=226&rootpath=false&quality=100','link':null},
'2':{'src':'crop.php?source=images/banner/2.png&width=829&height=226&rootpath=false&quality=100','link':null},
'3':{'src':'crop.php?source=images/banner/3.jpg&width=829&height=226&rootpath=false&quality=100','link':null},
'4':{'src':'crop.php?source=images/banner/4.png&width=829&height=226&rootpath=false&quality=100','link':null},
'5':{'src':'crop.php?source=images/banner/5.png&width=829&height=226&rootpath=false&quality=100','link':null}
};

window.addEvent('domready',function(){

	var rotator = new bannerRotator({
		location: 'banner', /*  MANDATORY! location where bannerRotator should be injected */
		ID: 'mainRotator', /* MANDATORY! bannerRotator unique ID */
		contents: rotatorImgs, /* MANDATORY! generated with PHP */
		width: 829, /* width of container */
		height: 226, /* height of container */
		fadeImages: true, /* fade in onLoad */
		fadeControls: true, /* fade in onLoad */
		transition: 'fade', /* possible values are: ease, linear, bounce, elastic, back, fade */
		imgFolder:'images/bannerRotator', /* path to bannerRotator assets */
		showControls: true, /* enable controls */
		controls: {
			'left':{'top':98,'left':-15,'width':30,'height':30},
			'right':{'top':98,'right':-15,'width':30,'height':30}
		}, /* controls positioning */
		showTracker: false, /* enable tracker */
		trackerPos: {'right':'0px','bottom':'0px'}, /* possible values are: topleft, topright, bottomleft, bottomright or Object with styles ex: "{'left':'0px','bottom':'-100px'}"*/
		trackerElSize: {'width':30,'height':30}, /* tracker element size */
		autoScroll: true, /* start automatic scroll after load */
		interval: 4000, /* automatic scroll interval in milliseconds */
		numberedTrackers: false,
		HTMLOverlay: false,
		overlay: {'top':0,'right':0,'width':230,'height':206,'backgroundColor':'#000000','opacity':0.7}
	});
});
