var replace = '<img src="images/close-icon.png" onclick="restore()" style="margin-left:200px; margin-bottom:-16px;" alt="close-icon" />' +
			  '<div class="cont_inline">'+
				  '<br/><br/>'+
				  '<img src="images/email.png" style="float:left; clear:both; padding-left:5px;" alt="Email"/>'+
				  '<a href="mailto:poscaman@gmail.com">poscaman@gmail.com</a><br/><a href="mailto:admin@poscaman.gr">admin@poscaman.gr</a>'+
				  '<br/><br/>'+
				  '<img src="images/msn.png" style="float:left; clear:both; padding-left:5px;" alt="MSN Protocol" />poscaman@hotmail.com'+
				  '<br/><br/><br/><br/>'+
			  '</div>';
			  
function get_target( event ){
	if( !event ){
		var event = window.event ;
	}
	if( event.target ){
		return event.target ;
	}
	else if( event.srcElement ){
		return event.srcElement ;
	}
}

function to_over(event){
	var targ = get_target( event ) ;
	var str = targ.src
	str = str.replace( ".ov.", ".out." ); 
	targ.src = str ;
}

function to_out(event){
	var targ = get_target( event ) ;
	var str = targ.src ;
	str = str.replace( '.out.', '.ov.' ); 
	targ.src = str ;
}


function onclick_fn(){

	document.getElementById('contact').innerHTML = replace;

}

function restore(){
	document.getElementById('contact').innerHTML = '<img src="images/contact.ov.png" alt="" onmouseover="to_over(event)" onmouseout="to_out(event)" onclick="onclick_fn()"/>';
}