function preview(url, width, height, scrollbars)
{
	var x = (screen.width / 2) - (width / 2);
	var y = (screen.height / 2) - (height / 2);
	var attributes = "toolbar=0, location=0, directories=0, status=0, menubar=0, scrollbars=" + scrollbars + ", resizable=0, width=" + width + ", height=" + height + ", top=" + y + ", left=" + x;

	var popup;

	popup = window.open(url, Math.random(), attributes);
	
	if (popup == null)
	{
		alert('Please turn of your popup blocker.');
		return;	
	}

	popup.focus();
}


function popup(type, data)
{
	if (type.charAt != undefined)
	{
		preview.apply(this, arguments);
		return;
	}

	if (type === false)
	{
		document.getElementById('popup-container').innerHTML = '';
		document.getElementById('popup-overlay').style.display = 'none';

		return;
	}
	
	if (type == -1)
	{
		history.go(-1);
		return;
	}
	
	var templates = ["<div id=\"popup\">\n\t<a href=\"javascript: void(0);\" onclick=\"popup(false);\" class=\"close\" title=\"Close\">Close<\/a>\n\t<div class=\"content\">\n\n\t<div class=\"popup\">\n\t\t<strong class=\"title\">{1}<\/strong>\n\t\t<strong class=\"subtitle\">{2}<\/strong>\n\t\t<div style=\"width: 810px; max-height: 535px; overflow: auto; overflow-x: hidden; overflow-y: auto;\">\n\t\t\t<div><p class=\"wysiwyg\">{3}<\/p><\/div>\n\t\t<\/div>\n\t<\/div>\t\t\n\t\t\n\t{share}\n\t<\/div>\n\t<div class=\"footer\"><\/div>\n<\/div>","<div id=\"popup\">\n\t<a href=\"javascript: void(0);\" onclick=\"popup(false);\" class=\"close\" title=\"Close\">Close<\/a>\n\t<div class=\"content\">\n\n\t\t<div id=\"featured_student\" class=\"popup\">\n\t\t<strong class=\"title\">{1}<\/strong>\n\t\t<strong class=\"subtitle\">{2}<\/strong>\n\t\t{3}\n\t\t<p class=\"student_name\">{2}<\/p>\n\t\t<div>\n\t\t<div style=\"float: left; padding-right: 10px; margin-right: 10px; border-right: 1px dashed #999;\"><div class=\"student_bio wysiwyg\">{4}<\/div><\/div>\n\t\t<div id=\"scroller\" class=\"student_etc\" style=\"float: left; width: 519px; height: 100px; overflow-y: hidden; overflow-x: auto;\"><div style=\"width: {5}px;\">\n\t\t{6}\n\t\t<div style=\"clear: both;\"><\/div><\/div><\/div>\n\t\t<div style=\"margin-top: 20px;\">\n\t\t<p class=\"student_links\">{7}<\/p>\n\t\t<p class=\"student_contact\">{8}<\/p>\n\t\t<\/div><\/div><div style=\"clear: both;\"><\/div><\/div>\n\n\t\t{share}\n\t<\/div>\n\t<div class=\"footer\"><\/div>\n<\/div>","<div id=\"popup\">\n\t<a href=\"javascript: void(0);\" onclick=\"popup(false);\" class=\"close\" title=\"Close\">Close<\/a>\n\t<div class=\"content\">\n\n\t\t<div id=\"featured_student\" class=\"popup\">\n\t\t<strong class=\"title\">{1}<\/strong>\n\t\t<strong class=\"subtitle\">{2}<\/strong>\n\t\t<div>\n\t\t<div style=\"float: left; padding-right: 10px; margin-right: 10px; border-right: 1px dashed #999;\">\n\t\t<div class=\"student_bio wysiwyg\" style=\"height: 540px;\">{4}<\/div>\n\t\t<\/div>\n\t\t{3}\n\t\t<div id=\"scroller\" class=\"student_etc\" style=\"float: left; width: 519px; height: 100px; overflow-y: hidden; overflow-x: auto;\"><div style=\"width: {5}px;\">\n\t\t{6}\n\t\t<div style=\"clear: both;\"><\/div><\/div><\/div>\n\t\t<div style=\"margin-top: 20px;\">\n\t\t<p class=\"student_links\">{7}<\/p>\n\t\t<p class=\"student_contact\">{8}<\/p>\n\t\t<\/div><\/div><div style=\"clear: both;\"><\/div><\/div>\n\n\t{share}\n\t<\/div>\n\t<div class=\"footer\"><\/div>\n<\/div>","<div id=\"popup\">\n\t<a href=\"javascript: void(0);\" onclick=\"popup(false);\" class=\"close\" title=\"Close\">Close<\/a>\n\t<div class=\"content\">\n\n\t\t<div class=\"popup\">\n         <div class=\"teacher\">\n            <div class=\"title\">\n               <strong class=\"title\">{1}<\/strong>\n               <strong class=\"subtitle\">{2}<\/strong>\n            <\/div>\n            <div class=\"icon\" style=\"background-image: url({4});\"><\/div>\n            <div class=\"clear\"><\/div>\n            <span class=\"p\">\n            {3}\n            <\/span>\n         <\/div>\n         <div class=\"list\">\n            <div class=\"list-text\">\n               <ul class=\"bullets\" style=\"width: 325px;\">\n                  {5}\n               <\/ul>\n               <div class=\"stories\" id=\"stories\">\n                 {6}\n               <\/div>\n               <div class=\"clear\"><\/div>\n            <\/div>\n         <\/div>\n      <\/div>\n\n\t{share}\n\t<\/div>\n\t<div class=\"footer\"><\/div>\n<\/div>","<div id=\"popup\">\n\t<a href=\"javascript: void(0);\" onclick=\"popup(false);\" class=\"close\" title=\"Close\">Close<\/a>\n   <a href=\"javascript:void(0);\" onclick=\"popup(-1);\" class=\"back\" title=\"Back\">Go Back<\/a>\n\t<div class=\"content\">\n\n\t\t<div class=\"popup\">\n         <strong class=\"title\">{1}<\/strong>\n         <strong class=\"subtitle\">{2}<\/strong>\n         <div class=\"image\" style=\"width: {6}px;\"><img src=\"{5}\" \/><\/div>\n         <div class=\"list\">\n            <strong class=\"subtitle\">{3}<\/strong>\n            <span class=\"p\">{4}<\/span>\n         <\/div>\n      <\/div>\n\n\t{share}\n\t<\/div>\n\t<div class=\"footer\"><\/div>\n<\/div>","<div id=\"popup\">\n\t<a href=\"javascript: void(0);\" onclick=\"popup(false);\" class=\"close\" title=\"Close\">Close<\/a>\n   <a href=\"javascript:void(0);\" onclick=\"popup(-1);\" class=\"back\" title=\"Back\">Go Back<\/a>\n\t<div class=\"content\">\n\n\t\t<div class=\"popup\">\n         <strong class=\"title\">{1}<\/strong>\n         <strong class=\"subtitle\">{2}<\/strong>\n         <div class=\"video\">\n            <div id=\"player-container\" style=\"width: 618px; height: 347px;\">\n              <div class=\"player\"><\/div>\n            <\/div>\n            <strong class=\"subtitle\">{3}<\/strong>\n            <span class=\"p\">{4}<\/span>\n         <\/div>\n         <div class=\"list\" style=\"display: none;\">\n            <strong class=\"subtitle\">Related Videos<\/strong>\n            <div class=\"images\">\n               {5}\n               <div class=\"clear\"><\/div>\n            <\/div>\n         <\/div>\n      <\/div>\n\n\t{share}\n\t<\/div>\n\t<div class=\"footer\"><\/div>\n<\/div>"]
	var share = "<div style=\"padding-top: 15px;\">\n<script type=\"text\/javascript\">var addthis_pub=\"flipvisual\";<\/script>\n<a rel=\"nofollow\" href=\"http:\/\/www.addthis.com\/bookmark.php\" onmouseover=\"return addthis_open(this, '', 'http:\/\/www.miamiadschool.com\/{1}', 'Miami Ad School - {2}')\" onmouseout=\"addthis_close()\" onclick=\"return addthis_sendto()\">\n\t<img src=\"http:\/\/s7.addthis.com\/static\/btn\/lg-share-en.gif\" width=\"125\" height=\"16\" border=\"0\" alt=\"Bookmark and Share\" style=\"border:0\"\/>\n<\/a>\n<script type=\"text\/javascript\" src=\"http:\/\/s7.addthis.com\/js\/152\/addthis_widget.js\"><\/script>\n<\/div>"
	var template;
	var element;

	switch (type)
	{
		case 1: template = [data.title, data.subtitle, data.description]; break;
		case 2:
		case 3: template = [data.title, data.subtitle, data.image, data.description, data.width, data.images, data.links, data.contact]; break;
	}

	if (isNaN(window.popupDepth)) window.popupDepth = 0;
	if (window.popupHistory == undefined) window.popupHistory = new Array();

	if (type > -1)
	{
		window.popupDepth++;
		window.popupData = snippet(templates[type - 1], template);
		window.popupData = window.popupData.split('{path}').join('http://www.miamiadschool.com/advertising-programs/');
		window.popupData = window.popupData.split('{share}').join(snippet(share, [data.permalink, data.title]));

		if (type == 6) window.story = 1;
	}
	else
	{
		window.popupDepth--;
		window.popupData = window.popupHistory[window.popupDepth][1];

		type = window.popupHistory[window.popupDepth][0];
	}

	window.popupHistory[window.popupDepth] = [type, window.popupData];

	document.getElementById('popup-container').innerHTML = window.popupData;
	document.getElementById('popup-overlay').style.display = 'block';

	sIFR.replaceElement('.popup strong.title', named({sFlashSrc: 'http://www.miamiadschool.com/advertising-programs/assets/swf/fonts/futura-extra.swf', sColor: '#ec008c', sCase: 'upper', sWmode: 'transparent' }));
	sIFR.replaceElement('.popup strong.subtitle', named({sFlashSrc: 'http://www.miamiadschool.com/advertising-programs/assets/swf/fonts/futura-condensed.swf', sColor: '#595959', sCase: 'upper', sWmode: 'transparent' }));

	window.scroll(0, 0);
}


function popupSetup(type, data)
{
	switch (type)
	{
		case 6:

			var movie;

			movie = new SWFObject("http://www.miamiadschool.com/assets/swf/player.swf", 'player', '100%', '100%', '8', '#ffffff');
			movie.addParam('allowScriptAccess', 'always');
			movie.addParam('allowFullScreen', 'true');
			movie.addParam('wmode', 'transparent');
			movie.addVariable('data', data.player);
			movie.write('player-container');

			var player = document.getElementById('player');

			player.onmouseover = function() { player.control(true); }
			player.onmouseout = function() { player.control(false); }

			break;
	}	
}


function snippet(html, data)
{
	for (var i = 1; i <= data.length; i++)
	{
		html = html.split('{' + i + '}').join(data[i - 1]);	
	}

	return html;
}


function showImage(url)
{
	var element;
	
	element = document.getElementById('image-large');
	element.src = url;
}