var msIE/*@cc_on=true@*/;

var avatar = function (){
	var webo = {
		HOME : 1007,
		OTHER_PAGES : 3
	};
	var webo_zone = {
	    HOME : 100000,
	    OTHER_PAGES : 7000
	};
	var wasClicked = false;
	var layer = null;
	var layerInsert = '';
	var parentLayer = null;
	var isHome = document.getElementById("conseil-home-wrap") ? true : false;

	var getEventTarget = function (e) {
		return msIE ? event.srcElement : e.target;
	};
	var createDiffuseLayer = function () {
		var div = document.createElement('div');
		div.id = 'conseil-' + layerInsert + 'wrap-layer';
		layer = parentLayer.appendChild(div);
		layer.style.display = 'block';
	};
	var trackClick = function () {
	    var pageWebo = isHome ? webo.HOME : webo.OTHER_PAGES;
	    var pageWeboZone = isHome ? webo_zone.HOME : webo_zone.OTHER_PAGES;
		webo_zpi(pageWeboZone, pageWebo, 106279);
	};
	var launchFlash = function () {
		Init_LivingActor(LA_RELATIVE_PATH + LA_ACTORFILE_NAME + '.swf', 1);
	};
	var getParentLayer = function () {
		if (isHome)
			layerInsert = 'home-';
		return document.getElementById("conseil-" + layerInsert + "wrap");
	};
	var wasClickedAndNotInput = function (ev) {
		return !wasClicked && !(getEventTarget(ev).id == 'conseil-input');
	};
	var initParentLayerEvents = function () {
		parentLayer = getParentLayer();
		parentLayer.style.cursor = 'pointer';
	
		parentLayer.onmouseover = function(ev) {
			changeStyle(ev, 'style-bg-pos-1');
		};
	
		parentLayer.onmouseout = function(ev) {
			changeStyle(ev, '');
		};
		parentLayer.onclick = function(ev) {
			changeStyle(ev, 'style-bg-pos-2');
			if (wasClickedAndNotInput(ev)) {
				wasClicked = true;
				createDiffuseLayer();
				trackClick();
				launchFlash();
			}
		};
	};
	var changeStyle = function(ev, cssClass) {
		if (wasClickedAndNotInput(ev)) {
			parentLayer.className = cssClass;
		}
	};

	return {
		init : function() {
			initParentLayerEvents();		
		},
		reInit : function() {
			wasClicked = false;
			if (layer)
			    layer.style.display = 'none';
		}
	};
}();
avatar.init();
