$(document).ready(function(){
						   
	// create popup
				
	var popupHtml = new String;
	popupHtml += '<div id="popup" class="hidden">';
	popupHtml += '	<div class="popup_overlay"></div>';
	popupHtml += '  <div class="popup_wrapper">';
	popupHtml += '		<div id="popup_close"><a href="#"></a></div>';
	popupHtml += '		<div class="popup_content"></div>';
	popupHtml += '		<div class="popup_statusbar">';
	popupHtml += '			<div class="popup_title"></div>';
	popupHtml += '			<a class="popup_cancel" href="#">Sulje</a>';
	popupHtml += '			<a class="popup_proceed" href="#">Kyllä</a>';
	popupHtml += '			<div class="clear"></div>';
	popupHtml += '		</div>';
	popupHtml += '	</div>';
	popupHtml += '</div>';
	
	$("body").append(popupHtml);
											
	$(".popup").click(function() {
							   
		// default settings
	
		var settings = new Array();
		settings['type'] = "default";
		settings['width'] = 400;
		settings['height'] = 300;
		settings['statusbar'] = "false";
		settings['text'] = "";
							   																												
		var attr = $(this).attr("rel").split(';');
		for (i=0; i<attr.length;i++) {
			var value = attr[i].split(':');
			settings[value[0]] = value[1];
		}
		
		var title = $(this).attr("title");
		var url = $(this).attr("href");
		
		// hide statusbar by default
		
		$("#popup .popup_statusbar").hide();
		
		// image
		
		var urlString = /\.jpg$|\.jpeg$|\.png$|\.gif$|\.bmp$/;
		var urlType = url.toLowerCase().match(urlString);
		if (urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){
			
			$("#popup .popup_content").html('<img src="'+url+'" border="0" alt="'+title+'" />');
			$("#popup .popup_title").html(title);
			$("#popup .popup_proceed").hide();
			
			$('#popup .popup_content img').load(function(){			
														 
				if (title != '') {
					settings['statusbar'] = "true";
					$("#popup .popup_statusbar").show();
					$("#popup .popup_statusbar a").hide();
				}
				
				$("#popup").show();
				var newWidth = $('#popup .popup_content img').width();
				var newMarginLeft = $('#popup .popup_content img').width()/2;
				var newMarginTop = $("#popup .popup_wrapper").height()/2;
				$("#popup .popup_wrapper").css({width: newWidth+'px', height: 'auto', marginLeft: '-'+newMarginLeft+'px', marginTop: '-'+newMarginTop+'px'});
				
			});
		
		// html
		
		} else {
			
			// iframe
			
			if (settings['type'] == 'iframe') {
				
				$("#popup .popup_content").html('<iframe src="'+url+'" width="'+settings['width']+'" height="'+settings['height']+'"></iframe>');
				$("#popup .popup_proceed").hide();
				$("#popup .popup_title").html(title);
			
			// modal
			
			} else {
				
				settings['statusbar'] = "true";
				$("#popup .popup_statusbar").show();
				$("#popup .popup_statusbar a").show();
				$("#popup .popup_content").html('<div style="padding: 20px"><h1>'+title+'</h1><p>'+settings['text']+'</p></div>');
				$("#popup .popup_proceed").attr({href: url});
				$("#popup .popup_proceed").show();
				
			}
			
			$("#popup").show();
			
			popupWidth = parseInt(settings['width']);
			popupHeight = parseInt(settings['height'])+(settings['statusbar'] != "false" ? parseInt($("#popup .popup_statusbar").height())+parseInt($("#popup .popup_statusbar").css('margin-top')) : 0);
			var newMarginLeft = popupWidth/2;
			var newMarginTop = popupHeight/2;
			
			$("#popup .popup_wrapper").css({width: popupWidth+'px', height: popupHeight+'px', marginLeft: '-'+newMarginLeft+'px', marginTop: '-'+newMarginTop+'px'});
		
		}
						
		return false;
		
	});
	
	$(".popup_cancel").click(function() {
		$("#popup").hide();
		return false;
	});
	$(".popup_overlay").click(function() {
		$("#popup").hide();
		return false;
	});
	$("#popup_close a").click(function() {
		$("#popup").hide();
		return false;
	});

 });