flashtml = (function()
{
	var styles = {};
	var _mailFormInit = false;
	var _langID;
	var _regional = {fr:"fr_FR", en:"en_US"};
	
	function getStyle(id)
	{
		if(!styles[id])styles[id] = document.getElementById(id).style;
		return styles[id];
	}

	function show(id, x, y)
	{
		var style = getStyle(id);
		style.left = x + 'px';
		style.top = y + 'px';
		style.display = "block";
	}
	
	function _createPopupMail(objLang)
	{
		_mailFormInit = true;
		var content = '<div id="mail-form" class="hide">'
						+'<div id="mail-form-header"> '
						+'<img src="html/images/v2/actus/shareMail/share-mail-header-' + _langID + '.jpg" /> '
						+'	<div class="close-mail-form"></div> '
						+'</div> '
						+'<div id="form-holder"> '
						+'	<div id="left"> '
						+'		<div>' + objLang.yourMail + '</div> '
						+'		<div>' + objLang.friendsMails + '</div> '
						+'		<div>' + objLang.message + '</div> '
						+'	</div> '
						+'	<div id="right"> '
						+'  		<div><input type="text" class="required" id="mail" value=""/><p class="error">' + objLang.error + '</p></div> '
						+'  		<div><input type="text" class="required" id="recipients" value=""/><p class="error">' + objLang.error + '</p></div> '
						+'  		<div><textarea class="required" id="message"></textarea><p class="error">' + objLang.error + '</p></div> '
						+'	</div> '
						+'	<div style="clear:both;"></div> '
						+'	<div class="valid-mail-form">' + objLang.valid + '</div> '
						+'</div> '
						+'<p id="mail-form-confirm" class="confirm-message">' + objLang.confirm + '</p> '
						+'</div>';
		
		$("#htmlContent2").append(content);
		initMailForm();
	}

	function hide(id) { getStyle(id).display = "none"; }
	
	function showFlickrImage(url) { $("a[href='" + url + "']").trigger("click"); }
	
	function showYoutubeVideo(id) { $("a[id='video" + id + "']").trigger("click"); }
	
	function showMailForm(objLang)
	{
		objLang = eval('(' + objLang + ')');
		if(!_mailFormInit)_createPopupMail(objLang);
		$('.mail-form').trigger("click");
	}
	
	function setLanguage(langID)
	{
		_langID = langID;
		//FACEBOOK
		//image du header
		$("#facebookImg").attr("src", "images/citroen-connect-" + langID + ".gif");
		//like
		$("#facebook-header-holder").css({visibility:"visible"});
		
		
		//GOOGLE +1
		window.___gcfg={lang:langID};

		var count = document.createAttribute("count");
	    count.nodeValue = "false";
		var href = document.createAttribute("href");
	    href.nodeValue = "http://www.citroen.com/" + langID;
		var po = document.createElement("g:plusone");
		po.setAttributeNode(count);
		po.setAttributeNode(href);
		
	    

		var s = document.createElement("script");
		s.type = "text/javascript";
		s.src = "https://apis.google.com/js/plusone.js";

		var plusOne = document.getElementById("plusOneButton");
		plusOne.appendChild(po);
		plusOne.appendChild(s);
		
		
		styles["plusOneButton"] = plusOne.style;
	}
	
	return {show:show,
			hide:hide,
			showFlickrImage:showFlickrImage,
			showYoutubeVideo:showYoutubeVideo,
			showMailForm:showMailForm,
			setLanguage:setLanguage};
})();