/**
*	akModal-  simplest alternative to thickbox
*	author: Amit Kumar Singh 
* 	project url : http://amiworks.co.in/talk/akmodal-simplest-alternative-to-thickbox/
 * 	inspired from early versions of thickbox
 *	
**/
/**
  * Version 2.0.0
  *  @param String  navurl             url to dispaly in the ifame
  *  @param String  title      title of the pop up box
  *  @param  Numeric  box_width	width of the box in pixels
  *  @param  Numeric  box_height	height of the box in pixels
  *   
 **/
 
function fncFieldEmpty(field){
			
	if(field.value == "naam"
	   || field.value == "voornaam"
	   || field.value == "emailadres"
	   || field.value == "naam van jouw school"
	   || field.value == "postcode"
	   || field.value == "gemeente van jouw school"
	   ){
		
		field.value = "";
		
	}
	
	
}

jQuery.extend({
	
	showOverlay:function(navurl,box_width,box_height)
	{
	    var offset={};
	    var options ={
	    margin:0,
	    border:0,
	    padding:0,
	    scroll:0
	    };
		
	    var win_width =$(window).width();
	    var scrollToLeft=$(window).scrollLeft();
	    var win_height =$(window).height();
	    var scrollToBottom=$(window).scrollTop();
	   

	    $('body').append("<div id='ak_modal_div' style='padding-top:0px;border:0; position: absolute;z-index:1000;display:none;'><div id=\"visual_1\"><div id=\"visual_1_close\"></div><div id=\"visual_1_action\"></div></div><div id=\"visual_2\"><div id=\"visual_2_close\"></div><div id=\"visual_2_field\"><form id=\"frmVisual\" name=\"frmVisual\"><div id=\"visual_2_name\"><input name=\"fldVisualFirstname\" id=\"fldVisualFirstname\" value=\"voornaam\" onFocus=\"fncFieldEmpty(this);\" /><input name=\"fldVisualLastname\" id=\"fldVisualLastname\" value=\"naam\" onFocus=\"fncFieldEmpty(this);\" /></div><div id=\"visual_2_email\"><input name=\"fldVisualEmail\" id=\"fldVisualEmail\" value=\"emailadres\" onFocus=\"fncFieldEmpty(this);\" /></div><div id=\"visual_2_school\"><input name=\"fldVisualSchool\" id=\"fldVisualSchool\" value=\"naam van jouw school\" onFocus=\"fncFieldEmpty(this);\" /></div><div id=\"visual_2_address\"><input name=\"fldVisualZipcode\" id=\"fldVisualZipcode\" value=\"postcode\" onFocus=\"fncFieldEmpty(this);\" /><input name=\"fldVisualCity\" id=\"fldVisualCity\" value=\"gemeente van jouw school\" onFocus=\"fncFieldEmpty(this);\" /></div><div id=\"visual_2_birthday\"><select name=\"fldVisualBirthdayDay\" id=\"fldVisualBirthdayDay\"><option value=\"\">-</option><option value=\"01\">01</option><option value=\"02\">02</option><option value=\"03\">03</option><option value=\"04\">04</option><option value=\"05\">05</option><option value=\"06\">06</option><option value=\"07\">07</option><option value=\"08\">08</option><option value=\"09\">09</option><option value=\"10\">10</option><option value=\"11\">11</option><option value=\"12\">12</option><option value=\"13\">13</option><option value=\"14\">14</option><option value=\"15\">15</option><option value=\"16\">16</option><option value=\"17\">17</option><option value=\"18\">18</option><option value=\"19\">19</option><option value=\"20\">20</option><option value=\"21\">21</option><option value=\"22\">22</option><option value=\"23\">23</option><option value=\"24\">24</option><option value=\"25\">25</option><option value=\"26\">26</option><option value=\"27\">27</option><option value=\"28\">28</option><option value=\"29\">29</option><option value=\"30\">30</option><option value=\"31\">31</option></select><select name=\"fldVisualBirthdayMonth\" id=\"fldVisualBirthdayMonth\"><option value=\"\">-</option><option value=\"01\">Januari</option><option value=\"02\">Februari</option><option value=\"03\">Maart</option><option value=\"04\">April</option><option value=\"05\">Mei</option><option value=\"06\">Juni</option><option value=\"07\">Juli</option><option value=\"08\">Augustus</option><option value=\"09\">September</option><option value=\"10\">Oktober</option><option value=\"11\">November</option><option value=\"12\">December</option></select><select name=\"fldVisualBirthdayYear\" id=\"fldVisualBirthdayYear\"><option value=\"\">-</option><option value=\"2011\">2011</option><option value=\"2010\">2010</option><option value=\"2009\">2009</option><option value=\"2008\">2008</option><option value=\"2007\">2007</option><option value=\"2006\">2006</option><option value=\"2005\">2005</option><option value=\"2004\">2004</option><option value=\"2003\">2003</option><option value=\"2002\">2002</option><option value=\"2001\">2001</option><option value=\"2000\">2000</option><option value=\"1999\">1999</option><option value=\"1998\">1998</option><option value=\"1997\">1997</option><option value=\"1996\">1996</option><option value=\"1995\">1995</option><option value=\"1994\" selected>1994</option><option value=\"1993\">1993</option><option value=\"1992\">1992</option><option value=\"1991\">1991</option><option value=\"1990\">1990</option><option value=\"1989\">1989</option><option value=\"1988\">1988</option><option value=\"1987\">1987</option><option value=\"1986\">1986</option><option value=\"1985\">1985</option><option value=\"1984\">1984</option><option value=\"1983\">1983</option><option value=\"1982\">1982</option><option value=\"1981\">1981</option><option value=\"1980\">1980</option><option value=\"1979\">1979</option><option value=\"1978\">1978</option><option value=\"1977\">1977</option><option value=\"1976\">1976</option><option value=\"1975\">1975</option><option value=\"1974\">1974</option><option value=\"1973\">1973</option><option value=\"1972\">1972</option><option value=\"1971\">1971</option><option value=\"1970\">1970</option><option value=\"1969\">1969</option><option value=\"1968\">1968</option><option value=\"1967\">1967</option><option value=\"1966\">1966</option><option value=\"1965\">1965</option><option value=\"1964\">1964</option><option value=\"1963\">1963</option><option value=\"1962\">1962</option><option value=\"1961\">1961</option><option value=\"1960\">1960</option><option value=\"1959\">1959</option><option value=\"1958\">1958</option><option value=\"1957\">1957</option><option value=\"1956\">1956</option><option value=\"1955\">1955</option><option value=\"1954\">1954</option><option value=\"1953\">1953</option><option value=\"1952\">1952</option><option value=\"1951\">1951</option><option value=\"1950\">1950</option><option value=\"1949\">1949</option><option value=\"1948\">1948</option><option value=\"1947\">1947</option><option value=\"1946\">1946</option><option value=\"1945\">1945</option><option value=\"1944\">1944</option><option value=\"1943\">1943</option><option value=\"1942\">1942</option><option value=\"1941\">1941</option><option value=\"1940\">1940</option><option value=\"1939\">1939</option><option value=\"1938\">1938</option><option value=\"1937\">1937</option><option value=\"1936\">1936</option><option value=\"1935\">1935</option><option value=\"1934\">1934</option><option value=\"1933\">1933</option><option value=\"1932\">1932</option><option value=\"1931\">1931</option><option value=\"1930\">1930</option><option value=\"1929\">1929</option><option value=\"1928\">1928</option><option value=\"1927\">1927</option><option value=\"1926\">1926</option><option value=\"1925\">1925</option><option value=\"1924\">1924</option><option value=\"1923\">1923</option><option value=\"1922\">1922</option><option value=\"1921\">1921</option><option value=\"1920\">1920</option><option value=\"1919\">1919</option><option value=\"1918\">1918</option><option value=\"1917\">1917</option><option value=\"1916\">1916</option><option value=\"1915\">1915</option><option value=\"1914\">1914</option><option value=\"1913\">1913</option><option value=\"1912\">1912</option><option value=\"1911\">1911</option><option value=\"1910\">1910</option><option value=\"1909\">1909</option><option value=\"1908\">1908</option><option value=\"1907\">1907</option><option value=\"1906\">1906</option><option value=\"1905\">1905</option><option value=\"1904\">1904</option><option value=\"1903\">1903</option><option value=\"1902\">1902</option><option value=\"1901\">1901</option></select></div></form></div><div id=\"visual_2_action\"></div></div><div id=\"visual_3\"><div id=\"visual_3_close\"></div></div></div>");
		
	    $('#ak_modal_div').css({left:(((win_width/2-box_width/2))+scrollToLeft)+'px',top:(((win_height/2-box_height/2))+scrollToBottom)+'px'});
	  
	    $('#visual_1_close').click( function() {
	       $('#ak_modal_div').fadeOut(500);
	       $('#ak_modal_div').remove();
	        $.dimScreenStop();
	    });
		
		$('#visual_2_close').click( function() {
	       $('#ak_modal_div').fadeOut(500);
	       $('#ak_modal_div').remove();
	        $.dimScreenStop();
	    });
		
		$('#visual_3_close').click( function() {
	       $('#ak_modal_div').fadeOut(500);
	       $('#ak_modal_div').remove();
	        $.dimScreenStop();
	    });
		
		$('#visual_1_close').mouseover( function() {
	       $('#visual_1_close').css('background-image','url(http://www.stressfactor.be/images/default/body/png/campagnebeeld_close.png)');
	    });
		 
		$('#visual_1_close').mouseout( function() {
	       $('#visual_1_close').css('background-image','none');
	    });
		
		$('#visual_1_action').mouseover( function() {
	       $('#visual_1_action').css('background-image','url(http://www.stressfactor.be/images/default/body/png/campagnebeeld_action.png)');
	    });
		 
		$('#visual_1_action').mouseout( function() {
	       $('#visual_1_action').css('background-image','none');
	    });
		
		$('#visual_1_action').click( function() {
	       $('#visual_1').css('display','none');
		   $('#visual_2').css('display','block');
	    });
		
		
		$('#visual_2_close').mouseover( function() {
	       $('#visual_2_close').css('background-image','url(http://www.stressfactor.be/images/default/body/png/campagnebeeld2_close.png)');
	    });
		 
		$('#visual_2_close').mouseout( function() {
	       $('#visual_2_close').css('background-image','none');
	    });
		
		$('#visual_2_action').mouseover( function() {
	       $('#visual_2_action').css('background-image','url(http://www.stressfactor.be/images/default/body/png/campagnebeeld2_action.png)');
	    });
		 
		$('#visual_2_action').mouseout( function() {
	       $('#visual_2_action').css('background-image','none');
	    });
		
		$('#visual_2_action').click( function() {
				xajax_becomeFestivalOrganiser(xajax.getFormValues('frmVisual'));							  
	    });
		
		
		$('#visual_3_close').mouseover( function() {
	       $('#visual_3_close').css('background-image','url(http://www.stressfactor.be/images/default/body/png/campagnebeeld3_close.png)');
	    });
		 
		$('#visual_3_close').mouseout( function() {
	       $('#visual_3_close').css('background-image','none');
	    });
		
		
	    $.dimScreen(500, 0.2, function() {
			$('#ak_modal_div').fadeIn(500);
	    });
	    
		var offset = {}
	    offset=$("#ak_modal_div").offset({ scroll: false })
	
  	    X_left=offset.left+box_width-16;
	    X_top=offset.top;

	    $('#sendtofriendTop').css({left:X_left,top:X_top});

	},
	
	akModalRemove:function()
	{
	   $('#ak_modal_div').fadeOut(500);
	   $.dimScreenStop();
	},
	
	akModalHideAndRedirect:function(redirect_url)
	{
	    $('#ak_modal_div').fadeOut(500);
	    $.dimScreenStop();
	    window.location=redirect_url;
	}
});