var imageArr = new Array('oil.jpg','franch.jpg','hony.jpg');

var randnum=Math.floor(Math.random()*3);
var image = new Image();

var imgsrc = 'http://www.hidden-science.net/overlaydiv/'+imageArr[randnum];
image.src = imgsrc;
////////////////////////////////////////////////////

//easing plugin

// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];

jQuery.extend( jQuery.easing,
{
	def: 'easeOutQuad',
	swing: function (x, t, b, c, d) {
		//alert(jQuery.easing.default);
		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
	},
	easeInQuad: function (x, t, b, c, d) {
		return c*(t/=d)*t + b;
	},
	easeOutQuad: function (x, t, b, c, d) {
		return -c *(t/=d)*(t-2) + b;
	},
	easeInOutQuad: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t + b;
		return -c/2 * ((--t)*(t-2) - 1) + b;
	},
	easeInCubic: function (x, t, b, c, d) {
		return c*(t/=d)*t*t + b;
	},
	easeOutCubic: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t + 1) + b;
	},
	easeInOutCubic: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t + b;
		return c/2*((t-=2)*t*t + 2) + b;
	},
	easeInQuart: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t + b;
	},
	easeOutQuart: function (x, t, b, c, d) {
		return -c * ((t=t/d-1)*t*t*t - 1) + b;
	},
	easeInOutQuart: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
		return -c/2 * ((t-=2)*t*t*t - 2) + b;
	},
	easeInQuint: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t*t + b;
	},
	easeOutQuint: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t*t*t + 1) + b;
	},
	easeInOutQuint: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
		return c/2*((t-=2)*t*t*t*t + 2) + b;
	},
	easeInSine: function (x, t, b, c, d) {
		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
	},
	easeOutSine: function (x, t, b, c, d) {
		return c * Math.sin(t/d * (Math.PI/2)) + b;
	},
	easeInOutSine: function (x, t, b, c, d) {
		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
	},
	easeInExpo: function (x, t, b, c, d) {
		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
	},
	easeOutExpo: function (x, t, b, c, d) {
		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
	},
	easeInOutExpo: function (x, t, b, c, d) {
		if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
	},
	easeInCirc: function (x, t, b, c, d) {
		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
	},
	easeOutCirc: function (x, t, b, c, d) {
		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
	},
	easeInOutCirc: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
	},
	easeInElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
	},
	easeOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
	},
	easeInOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
	},
	easeInBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158;
		return c*(t/=d)*t*((s+1)*t - s) + b;
	},
	easeOutBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158;
		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
	},
	easeInOutBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158; 
		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
	},
	easeInBounce: function (x, t, b, c, d) {
		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
	},
	easeOutBounce: function (x, t, b, c, d) {
		if ((t/=d) < (1/2.75)) {
			return c*(7.5625*t*t) + b;
		} else if (t < (2/2.75)) {
			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
		} else if (t < (2.5/2.75)) {
			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
		} else {
			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
		}
	},
	easeInOutBounce: function (x, t, b, c, d) {
		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
	}
});

//jquery corner
(function($){

	var $$ = $.fn.cornads = function(options) {

		var defaults = {
			cornerwidth: 300,
			cornerheight: 300,
			hdecale: 125,
			vdecale: 125,
			downduration: 1000,
			downeasing: "linear",
			openduration: 1000,
			openeasing: "linear",
			closeduration: 1000,
			closeeasing: "linear",
			vertical: "top",
			_right_original: 0,
			_right_target: 0,
			_top_original: 0,
			_top_target: 0,
			_width_original: 0,
			_width_target: 0,
			_height_original: 0,
			_height_target: 0,
			_scrollYOffset: 0,
			_viewportWidth: 0,
			_viewportHeight: 0
		};
		var options = $.extend(defaults, options);


		return this.each(function() {


			/* variables definition */
			var obj = $(this);


			/* set default CSS attributes */
			$(obj)
				.css("overflow", "hidden")
				.css("position", "absolute")
				.css("width", (options.cornerwidth - options.hdecale)+"px")
				.css("height", options.cornerheight+"px")
				.css("top", -(options.cornerheight)+"px")
				.css("display", "block");


			/* initialize element into viewport */
			$$.moveItem(obj, options, false);


			/* define mouseover-out effect */
			$(obj).hover(
				function () {
					$(obj)
						.stop()
						.animate({
							top: options._top_target,
							width: options._width_target,
							height: options._height_target,
							right: options._right_target
						}, options.openduration, options.openeasing);
				},
				function () {
					$(obj)
						.stop()
						.animate({
							top: options._top_original,
							width: options._width_original,
							height: options._height_original,
							right: options._right_original
						}, options.closeduration, options.closeeasing, function (){
							//callback: Safari 3 on winXP, overflow was lost. Horizontal scrollbar appears after mouseout (?!?!)
							if ($.browser.safari) $(obj).css("overflow", "hidden");
						});
				}
			);


			/* scroll event */
			$(window).scroll( function (event){
				$$.moveItem(obj, options, true);
			});


			/* window resize event */
			$(window).resize(function (){
				$$.moveItem(obj, options, true);
			});
		});
	};


	/* move item into the new viewport */
	$$.moveItem = function (obj, options, itsamove){

		/* hide element before fix the new position */
		$(obj).hide();

		/* get vertical scroll position */
		options._scrollYOffset = $$.getScrollY();

		/* get new viewport size */
		options._viewportWidth = $.browser.safari ? $(document).width() : $(window).width();
		options._viewportHeight = $.browser.msie ? $(window).height() : window.innerHeight;

		/* compute vertical position */
		if (options.vertical == 'bottom'){
			options._top_target = options._viewportHeight + options._scrollYOffset - options.cornerheight;
			options._top_original = options._top_target + options.vdecale;
			options._height_target = options.cornerheight;
			options._height_original = options.cornerheight - options.vdecale;
		}else{
			options._top_original = -(options.vdecale) + options._scrollYOffset;
			options._top_target = options._top_original + options.vdecale;
			options._height_target = options.cornerheight;
			options._height_original = options.cornerheight;
		}

		/* compute horizontal position */
		options._right_original = Math.abs(options._viewportWidth - $(obj).width());
		options._right_target = options._right_original - options.hdecale;

		/* compute width element */
		options._width_original = $(obj).width();
		options._width_target = options._width_original + options.hdecale;

		/* set position and show element */
		if (itsamove){
			$(obj)
				.show()
				.animate({ top: options._top_original, right: options._right_original}, 200, "linear");
		}else{
			/* fired only after load or during page refresh */
			$(obj)
				.show()
				.css("right", options._right_original+"px")
				.css("height", options._height_original+"px")
				.animate({ top: options._top_original }, options.downduration, options.downeasing);
		}

		/*$("#debug").html(""
							+"<br />browser: "+options.b
							+"<br />position: "+options.vertical
							+"<br />width_original:"+options._width_original
							+"<br />width_target:"+options._width_target
							+"<br />horizon_original:"+options._right_original
							+"<br />horizon_target:"+options._right_target
							+"<br />top_original:"+options._top_original
							+"<br />top_target:"+options._top_target
							+"<br />viewportWidth:"+options._viewportWidth
							+"<br />viewportHeight:"+options._viewportHeight
							+"<br />scrollYOffset:"+options._scrollYOffset);
		/*console.log(options);*/
		/*console.log("width_original:"+width_original+", width_target:"+width_target
				+", horizon_original:"+horizon_original+", horizon_target:"+horizon_target
				+", top_original:"+top_original+", top_target:"+top_target);*/

	};


	/* function to get vertical scroll size */
	$$.getScrollY = function (){

		/* found on http://www.howtocreate.co.uk/tutorials/javascript/browserwindow */
		var scrOfY = 0;
		if (typeof(window.pageYOffset) == 'number') {
		  //Netscape compliant
		  scrOfY = window.pageYOffset;
		}else if (document.body && (document.body.scrollright || document.body.scrollTop)) {
		  //DOM compliant
		  scrOfY = document.body.scrollTop;
		}else if (document.documentElement && (document.documentElement.scrollright || document.documentElement.scrollTop)) {
		  //IE6 standards compliant mode
		  scrOfY = document.documentElement.scrollTop;
		}
		return scrOfY;

	};

})(jQuery);


$(document).ready(function() {

   $("body").append('<div id="overads" style="background:#fff;"><img style="margin:5px;border:5px solid #000" src="'+imgsrc+'" /></div>');
 

	$("#overads").cornads({
		cornerwidth: 510,
		cornerheight: 350,
		hdecale: 440,
		vdecale: 280,
		downduration: 1100,
		downeasing: "easeOutBounce",
		openduration: 300,
		openeasing: "easeOutQuad",
		closeduration: 500,
		closeeasing: "easeOutQuad",
		vertical: 'bottom'
	});


});