//var ecard = '<div id="my-overlay" style="background: black; font-weight: bold; font-size: 150%;color: white; margin-top: 2em; padding: 1em"><h1 onclick="return iecard2highslide.openForm(hs.getExpander(this).a.href)">Click me</h1></div>';
var iecard2highslideecard = '<div id="highslide-ecard" onclick="return iecard2highslide.openForm(hs.getExpander(this).a.href)"></div>';
hs.registerOverlay({
	thumbnailId: null,
	overlayId: 'highslide-ecard',
	position: 'top right',
	hideOnMouseOut: false,
	opacity: 0.8,
  html:iecard2highslideecard
});

/*
hs.Expander.prototype.onBlur = function (sender, e) {
   e.close();
};
*/



/*
hs.Expander.prototype.onInit = function (sender, e) {
   alert( sender.a.href );
};

hs.Expander.prototype.onCreateOverlay  = function (sender, e) {
	 e.overlay.innerHTML = e.overlay.innerHTML.replace("{mysrc}", sender.a.href);
};
*/

var iecard2highslide = {
	formUrl : 'index.php?id=asd',
	openForm : function ( imgSrc ) {
								//alert( this.formUrl + imgSrc );
								
								var href = this.formUrl;
								aa = href.split('?');
								href = aa[0] + '?ecard-image=' + imgSrc + '&' + aa[1];
								hs.close();
								hs.htmlExpand( null, { 
										contentId: 'highslide-html',
										wrapperClassName: 'titlebar ecard-ajax',
										src: href, 
										objectType: 'ajax',
										preserveContent: true,
										cacheAjax: false,
										width:654

										//headingText: jQuery(this).attr('title')
									} );
								return false;
							},
	formWorks : function ( formId, contentId ) {
									jQuery( formId ).submit( function() {
										theBody = contentId;
										jQuery.ajax( { url: jQuery(this).attr('action'),
																		dataType:"html",
																		data: jQuery(this).serialize(),
																		cache:false,
																		type:"POST",
																		//contentType: "application/json; charset=utf-8", 
																		beforeSend: function() { 
																			jQuery(theBody).addClass('loading');
																			jQuery(theBody).css( 'opacity','0.4' );
																			}, 
																		complete: function() { 
																			jQuery(theBody).removeClass('loading');   
																			jQuery(theBody).css( 'opacity','1' );																			
																			},                      
																		success: function(data) { 
																			jQuery(theBody).html(data);  
																			iecard2highslide.formWorks ( formId, contentId ); //reinit																			
																		}                      
																 });
									
									return false;
									}	);
							}
};


hs.Expander.prototype.onBeforeExpand  = function ( sender ) {
	iecard2highslide.formWorks( 'div.ecard-ajax div.highslide-body div.tx-thmailformplus-pi1 form', 'div.ecard-ajax div.highslide-body' );
};