﻿jQuery.noConflict();
(function($) {
	var qmedSWF = {},
		window = this;

	qmedSWF.faceEditor = function() {
		
		if ($('#FaceEditorValues').val() !== undefined) {
			var values = $('#FaceEditorValues').val(),
                ary = values.split(','),
                url = ary[0],
		        width = ary[1],
		        height = ary[2],
		        clickedId = 'a[href=/Templates/RestylaneMacrolane/Public/pages/faceeditorpage.aspx]',
                href2BOpen = '/Templates/RestylaneMacrolane/Public/pages/faceeditorpage.aspx';
			qmedSWF.loadOverlay(href2BOpen, url, width, height, clickedId);
		}
	}

	qmedSWF.loadOverlay = function(href2BOpen, url, popUpW, popUpH, clickedId) {
		$(clickedId).click(function(e) {
			e.preventDefault();

			$('body').prepend('<div id="pPopPlaceHolder"><p id="loading">Loading Face Editor...</p></div>');

			qmedSWF.buildOverlay();

			var scrollTop = $(window).scrollTop(),
                theHref = href2BOpen,
                theLeft = '50px',
			    theTop = '50px';

			$('#pPopPlaceHolder').css({ top: theTop, left: theLeft }).load(theHref, '', function() {
				swfobject.embedSWF(url, 'flash', popUpW, popUpH, '9.0.0', 'expressInstall.swf', flashvars, params, attributes);

				$('#exitPop, #pPopOlay').click(function(e) {
					e.preventDefault();
					$('#pPopOlay').remove();
					$('#pPopPlaceHolder').remove();
				});
			});
		});
	}

	qmedSWF.buildOverlay = function() {
		$('body').prepend('<div id="pPopOlay"></div>');
		$('#pPopOlay').css(
			'height', ($(document).height() * 1.05),
			'opacity', 0
		).fadeTo('medium', 0.6);
	}

	qmedSWF.faceEditor();
} (jQuery));
