function createLayer( width, height, layerTitleText, contentUrl )
{	
	if(navigator.appVersion.indexOf("MSIE") != -1)
	{
		isie = true;	
		version = parseFloat(navigator.appVersion.split("MSIE")[1]);
	}
	else
	{
		isie = false;
	}	
	

	if( $('notModalLayer') )
	{
		// IF exists, removed from the DOM
		$('notModalLayer').dispose();
	}

	if( isie && version < 7 && $('uglyIE6Iframe') )
	{
		$('uglyIE6Iframe').dispose();
	}	
	else 
	{		
		if( isie && version < 7 )
		{
			var topOffset = window.getScrollTop() + window.getHeight()/2;
		}
		else
		{
			var topOffset = '50%';
		}
		// Common Styles For Layer And IFrame
		var commonStyles = {
			'width': width,
			'height': height,
			'margin-left': -width/2,
			'margin-top': -height/2,
			'top': topOffset,
			'left': '50%'
		};
		var commonStyles1 = {
			'width': width,
			'height': height,
			'margin-left': -width/2,
			'margin-top': -height/2,
			'top': topOffset,
			'left': '51.5%'
		};
		var layer = new Element('div', 
		{
				'id': 'notModalLayer',
				'class': 'dpLayer',
				'styles': commonStyles
		}).setStyle('z-index','200').inject(document.body);
		
		// Creating the layer itself
		
		if( isie && version < 7 )
		{
			layer.setStyle('position','absolute');
			var iframe = new Element('iframe',
			{
					'id': 'uglyIE6Iframe',
					'styles': commonStyles1
			}).setStyle('position','absolute').setStyle('z-index','100').inject(document.body);
			layer.inject(iframe);
		}

		// Layer header
		var layerHeader = new Element('div', 
		{
				'class': 'notModalLayerHeader'
		}).inject(layer);
		var layerTitle = new Element('h4', 
		{
				'class': 'notModalLayerTitle'
		});
		layerTitle.set('text',layerTitleText);
		layerTitle.inject(layerHeader);

		var layerCloseText = new Element('div', 
		{
			'class': 'notModalLayerCloseText',
			'events': 
			{
				'click': function()
				{
					// Close and destroy the layer
					layer.destroy();
					if( isie && version < 7 )
					{
						 iframe.destroy(); 
					}
				}
			}
		});
		layerCloseText.set('text',decodeURIComponent(escape('Fermer la Fenêtre')));
		layerCloseText.inject(layerHeader);
		
		var layerContent = new Element('div', 
		{
				'id': 'layerAjaxContent',
				'class': 'layerContent'
		}).setStyle('text-align','left');
                layerContent.inject(layer);

		new Request.HTML({url: contentUrl, update: 'layerAjaxContent',evalScripts :true}).get(); 
	}
}

function createLayer1( width, height, layerTitleText, contentUrl )
{
	if(navigator.appVersion.indexOf("MSIE") != -1)
	{
		isie = true;
		version = parseFloat(navigator.appVersion.split("MSIE")[1]);
	}
	else
	{
		isie = false;
	}


	if( $('notModalLayer') )
	{
		// IF exists, removed from the DOM
		$('notModalLayer').dispose();
	}

	if( isie && version < 7 && $('uglyIE6Iframe') )
	{
		$('uglyIE6Iframe').dispose();
	}
	else
	{
		if( isie && version < 7 )
		{
			var topOffset = window.getScrollTop() + window.getHeight()/2;
		}
		else
		{
			var topOffset = '50%';
		}
		// Common Styles For Layer And IFrame
		var commonStyles = {
			'width': width,
			'height': height,
			'margin-left': -width/2,
			'margin-top': -height/2,
			'top': topOffset,
			'left': '50%'
		};
		var commonStyles1 = {
			'width': width,
			'height': height,
			'margin-left': -width/2,
			'margin-top': -height/2,
			'top': topOffset,
			'left': '51.5%'
		};
		var layer = new Element('div',
		{
				'id': 'notModalLayer',
				'class': 'dpLayer',
				'styles': commonStyles
		}).setStyle('z-index','200').inject(document.body);

		// Creating the layer itself

		if( isie && version < 7 )
		{
			layer.setStyle('position','absolute');
			var iframe = new Element('iframe',
			{
					'id': 'uglyIE6Iframe',
					'styles': commonStyles1
			}).setStyle('position','absolute').setStyle('z-index','100').inject(document.body);
			layer.inject(iframe);
		}

		// Layer header
		var layerHeader = new Element('div',
		{
				'class': 'notModalLayerHeader'
		}).inject(layer);
		var layerTitle = new Element('h4',
		{
				'class': 'notModalLayerTitle'
		});
		layerTitle.set('text',layerTitleText);
		layerTitle.inject(layerHeader);

		var layerCloseText = new Element('div',
		{
			'class': 'notModalLayerCloseText',
			'events':
			{
				'click': function()
				{
					// Close and destroy the layer
					layer.destroy();
					if( isie && version < 7 )
					{
						 iframe.destroy();
					}
				}
			}
		});
		layerCloseText.set('text',decodeURIComponent(escape('Fermer la Fenêtre')));
		layerCloseText.inject(layerHeader);

		var layerContent = new Element('div',
		{
				'id': 'layerAjaxContent',
				'class': 'layerContent'
		}).setStyle('text-align','left');
                layerContent.inject(layer);

		var myRequest = new Request({url:contentUrl, method: 'get', onSuccess: function(responseText, responseXML)
		{
            $("layerAjaxContent").set('html',responseText);
        }
        });
        myRequest.send();
	}
}

function setLogoLinks(base_url, parent_cat)
{
    var home_url;
    if(parent_cat == 1)
            home_url = "construction-habitat.html";
    else if(parent_cat == 2)
            home_url = "services-entreprises.html";
    else
            home_url = "services-domicile.html";
    $("logo_block").getElements("a").each(function(el)
    {
        el.set("href",base_url+"/"+home_url);
    });
}

function initCatHomeScripts(base_url,main_cat)
{
	$("cotisation_button").addEvent("click",function()
	{
		window.location = base_url+"/devenir-membre.php";
	});
	$("testez_button").addEvent("click",function()
	{
		window.location = base_url+"/devenir-membre.php";
	});
	$("pro_functions_head").getElements("p").each(function(el)
	{
		el.addEvent("mouseenter",function()
		{
			getProSteps(el,base_url,main_cat);
		});
	});

	$("pro_functions_step").getElements("p").each(function(el)
	{
		el.addEvent("mouseenter",function()
		{
			getProSteps(el,base_url,main_cat);
		});
	});
	$("pro_functions_foot").getElements("p").each(function(el)
	{
		el.addEvent("mouseenter",function()
		{
			getProSteps(el,base_url,main_cat);
		});
	});

	$("pro_functions").addEvent("mouseleave",function(e)
	{
		var myRequest = new Request({url:base_url+"/inc/getProStepsDetail.php?parent_id="+main_cat+"&step_id=all", method: 'get', onSuccess: function(responseText, responseXML) 
		{
			$("pro_functions_step").set("html",responseText);
			$("pro_functions_step").getElements("p").each(function(el)
			{
				el.addEvent("mouseenter",function()
				{
					getProSteps(el,base_url,main_cat);
				});
			});
		}
		});
		myRequest.send();
	});

	$("pro_newsletter_content1").addEvent("click",function()
	{
		window.open($("newsletter1_link").value,"Devispresto Pro Newsletter");
	});

	$("pro_newsletter_content2").addEvent("click",function()
	{
		window.open($("newsletter2_link").value,"Devispresto Pro Newsletter");
	});
}

function getProSteps(el,base_url,main_cat)
{
	var ele_id = el.id.split("_");
	var myRequest = new Request({url:base_url+"/inc/getProStepsDetail.php?parent_id="+main_cat+"&step_id="+ele_id[0], method: 'get', onSuccess: function(responseText, responseXML) 
	{
		$("pro_functions_step").set("html",responseText);
	}
	});
	myRequest.send();
}

function openBoldChat(base_url)
{
    if($("chat_devispresto"))
    {
        $("chat_devispresto").addEvent("click",function()
        {
            var url = base_url+"/layers/chat_devispresto.php";
            createLayer( 640 , 516 , 'Aide en ligne Devispresto', url );
        });
    }

    if($("bold_chat"))
    {
        $("bold_chat").getElement("a").addEvent("click",function()
        {
            var url = base_url+"/layers/chat_devispresto.php";
            createLayer( 640 , 516 , 'Aide en ligne Devispresto', url );
        });
    }
}