// JavaScript Document

$(document).ready(function() {
	$("a.popin-open").popin({
		width:600,
		height:400,
		className: "mypopin",
		loaderImg : 'images/ajax-loader.gif'
	});
	$("a.popin-open-01").popin();
	$("a.popin-open-02").popin({
		width:500,
		height:200,
		className: "mypopin",
		loaderImg : 'images/ajax-loader.gif'
	});
	$("a.popin-open-03").popin({
		width:400,
		height:300,
		className: "mypopin2",
		loaderImg : 'images/ajax-loader.gif',
		opacity: .8
	});
	$("a.popin-open-04").popin({
		width:600,
		height:100,
		className: "mypopin3",
		loaderImg : 'images/ajax-loader.gif',
		opacity: .6,
		onStart: function() {
			alert("Start")
		},
		onComplete: function() {
			alert("Complete")
		},
		onExit: function() {
			alert("Exit")
		}
	});
	$("a.popin-open-05").popin({
		width:250,
		height:250,
		className: "mypopin4",
		loaderImg : 'images/ajax-loader.gif'
	});
});