Y.use('node', 'anim','ua','io-base','json-parse', function(Y) {
Y.on('domready', function(o) {
	var allVisibile = false;
	var onImageclickUrl;

	var h = 0;dh = 0 , w = 0, dw = 0, lw = 0, lh = 0;

	var overlay = Y.Node.create('<div></div>');
	overlay.set('id','agree-overlay');

	var box = Y.Node.create('<div></div>');
	box.set('id','agree-box');

	var layer = Y.Node.create('<div></div>');
	layer.set('id','agree-layer');
	layer.set('innerHTML','<img src="/assets/images/redcall-start.jpg"  usemap="#agreemap" border="0">');




    var onClick = function( formid ) {
		overlay.setStyle('visibility','visible');
		overlay.setStyle('display','block');
		reposition();
		animIn.run();

		Y.on('click', function(e) {
			iAgree();
		}, '#agree');
		Y.on('click', function(e) {
			document.location='http://www.google.de';
		}, '#disagree');

	};

	function iAgree()
	{
		Y.io('/xajax-agree.html', {
			method:'get',
			on:{
				complete:function(tNum, responseObj) {
					
					hideAll();
				}
			}

		});
	}

	function iDisagree()
	{

	}

	function reposition()
	{
		bw = box.get('offsetWidth');
		bh = box.get('offsetHeight');

		w = box.get('winWidth');

		box.setStyle('left', ((w-bw)/2)+'px');
		box.setStyle('top', ((h-bh)/2)+'px');


	}



	function loadImage() {

		box.setStyle('display','block');

		reposition();

		box.setStyle('visibility','visible');

		layer.setStyle('visibility','visible');



    }

	function hideAll()
	{


		box.setStyle('visibility','hidden');
		box.setStyle('display','none');
		overlay.setStyle('visibility','hidden');
		overlay.setStyle('display','none');


		allVisibile = false;

	}


	var animIn = new Y.Anim({
			node: overlay,
			duration:0.4,
			to: {opacity: 0.8}
	});

	animIn.on('end', loadImage );


	Y.on('resize', function(e) {
		h = this.get('winHeight');
		w = this.get('winWidth');
		dh = this.get('docHeight');
		dw = this.get('docWidth');

		reposition();
	});

	Y.on('load', function(o) {

		Y.one('body').appendChild(overlay);
		Y.one('body').appendChild(box);

		box.appendChild(layer);

		layer.setStyle('display','block');
		lw = layer.get('offsetWidth');
		lh = layer.get('offsetHeight');


		if ( Y.UA.ie >= 5 && Y.UA.ie <= 6 ) {
			overlay.setStyle('position', 'absolute');
			box.setStyle('position', 'absolute');
		}


		h = this.get('winHeight');
		w = this.get('winWidth');
		dh = this.get('docHeight');
		dw = this.get('docWidth');

		if ( Y.UA.ie >= 5 && Y.UA.ie <= 6 ) {

			overlay.setStyle('height', dh+'px');
			overlay.setStyle('width', dw+'px');

		}


		onClick('aufladenform');


	});

});


});