$(function() {

	/*
	 * Global Variables
	 */ 
	var ajaxarea = $('.dficph-ajaxcontrol');
	var cookieName = 'CPHWEST_FRONTPAGE_VISITSTATUS';
	
	
	/**
	 * Prompt gives the user a prompt message to respond too.
	 * 
	 * @param message	The Message to prompt the user.
	 * @param responds	The actions the user can take.
	 */
	function prompt(title,message,responds)
	{
		
		// Define body
		var background 	= $('<div class="prompt-container"></div>');
		var box 		= $('<div class="prompt-box"></div>');
		var boxHeader  	= $('<div class="prompt-header"><strong>'+title+'</strong></div>');
		var boxMessage 	= $('<div class="prompt-message"></div>');
		var boxFooter 	= $('<div class="prompt-respond"></div>');
		
		// Insert Variable
		boxMessage.append(message);
		boxFooter.append(responds);
		boxFooter.append('<div class="clean"></div>');
		
		// Filling
		var html = box;
		
		html.append(boxHeader);
		html.append(boxMessage);
		html.append(boxFooter);
		
		html = background.append(html);

		ajaxarea
			.show()
			.html(html);
	}

	function dismissPrompt()
	{
		ajaxarea.fadeOut(200);
		
		// Set Cookie
		var cookieOptions = {expires: 7, path: '/'};
		$.cookie(cookieName,'true',cookieOptions);
	}
	
	
	function frontpagePrompt()
	{
		//var messageHTML = $('.dficph-content').html();
		
		var messageHTML = $('<a href="http://www.facebook.com/cphwest" class="tekstlinks" target="_blank">M&oslash;d os p&aring; Facebook</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://youtu.be/S3jkB9tNlV4" class="tekstlinks" target="_blank">Se vores film</a>');
		
		
		
		var respond = $('<a href="#" class="okay">LUK</a>');
		var respondLink = $('<a href="#" class="okay"></a>');
		
		respond.click(function() {
			dismissPrompt();
		});
		
		respondLink.click(function() {
			dismissPrompt();
			var link = "http://www.cphwest.dk/da/Pages/%C3%85bent-hus-2011.aspx";
			location = link;
		});
		
		respond = $('<li></li>').append(respond);
		respond = $('<ul></ul>').append(respond);
		respond = respond.append($('<li></li>').append(respondLink));
		
		var message = messageHTML;
		
		var title = "<img src='/SiteAssets/cphwestdesign/pictures/frontbox_img.jpg' height='401' />";
		
		prompt(title,message,respond);
	}
			
	// First time here?
	if($.cookie(cookieName) == 'true')
	{
		// do nothing
	}
	else
	{
		frontpagePrompt();
	}
	
	
})