<style>
.add {
background:#C3D9FF none repeat scroll 0 0;
font-size:95%;
font-weight:bold;
padding:2px 8px;
white-space:nowrap;
}

.add a {
background: url(/images/icon_plus_green_13x13.gif) no-repeat;
padding:1px 0 1px 18px;
}

.content-profile{
  float: left;
  width: 34%;
  height: 90px;
  padding: 0px 0px 0px 2px;
}
.spike-white{
  border: 1px solid rgb(0, 0, 0);
  background-image: url(/images/percentbar_white.png);
  height: 20px;
  width: 200px;
}
.spike-green{
  background-image: url(/images/percentbar_green.png);
  height: 20px;
  width: 20%;
}

.panel-profile-right{
  float: right;
  width: 34%;
  margin-top: -210px;
}
.panel-profile-left{
  float: left;
  width: 65%;
  margin-top: 20px;
}

</style>
<%if @tag_display==1%>
	<%if @email_notify==1%>
	 	<table class="tablealign"><tr>
  		<%co=k=5;f1=0
		for tag in @tags
	 		if co==0
     			co=k
      			if f1==0
					f1=1 %>
	 				<td>Others &nbsp;<%=text_field_tag "more_tag"%></td>
	 			<%else%>
	 				<td></td>
	  			<%end%>
	  			</tr><tr>
	  		<%end%>
	  		<td><%=check_box_tag 'name[]' ,tag.id,false%>&nbsp;<%=tag.name%></td>
	  		<%co=co-1
			end
   		while(co >0)
			co=co-1%>
			<td></td>
		<%end%>
		<%if f1==0 %>
		<td>Others &nbsp;<%=text_field_tag "more_tag"%></td>
		<%else%>
		<td></td>
		<%end%>
		</tr></table>

	<%else%>
	<%end%>
<%else%>
<%= render :partial=>'eis/left_nav'  %>
<%= error_messages_for :profile %>

<% form_for(@profile , :html => { :multipart => true }) do |f| %>
<table> <div class="">
<fieldset style="height:174px;width:400px">
    <legend>
        Employee Personal Info
    </legend>
    <p>
       <b>Name  </b> <%= current_user.profile && current_user.profile.first_name ?  current_user.profile.first_name + ' ' + current_user.profile.last_name + ' ' +  link_to(" [Edit]", :controller => "profiles", :action => "add_basic_info", :id => current_user.profile) : 'None <span class="add">'+ link_to('Add Basic Info', :action => 'add_basic_info') +'</span>'%>

    </p>
    <p>
        <b>Address </b>
        <br/>
        <%= current_user.profile && current_user.profile.city ?  current_user.profile.city + ' ' + current_user.profile.state + ', ' + current_user.profile.country + ' ' +  link_to(" [Edit]", :controller => "profiles", :action => "add_address", :id => current_user.profile) : 'None <span class="add">'+ link_to('Add Address', :action => 'add_address') +'</span>'%>
    </p>

    <p>
        <b>Timing info</b>
        <br/>
        <% if current_user.profile && current_user.profile.time_zone %>
					Time Zone  : <%= current_user.profile.time_zone %><br/>
					Start Date : <%= current_user.profile.start_date if current_user.profile.start_date%><br/>
					<%=link_to(" [Edit]", :controller => "profiles", :action => "add_timing", :id => current_user.profile)%>
				<% else %>
					None <span class="add"> <%= link_to('Add Timing', :action => 'add_timing') %> </span>
				<% end %>
    </p>

</fieldset>
</div>

<div class="panel-profile-right">
<fieldset style="height: 174px;width:400px"">
<legend>
    Profile This Far
</legend>
      <div class="content-profile">
         <% unless (current_user.profile.nil? || current_user.profile.profileshots[0].nil?) %>
						<div onmouseover="javascript:document.getElementById('tooltip').style.display = 'block'" onmouseout="javascript:document.getElementById('tooltip').style.display = 'none'" >
						<% if !current_user.profile.nil? && !current_user.profile.profileshots.empty? &&  FileTest.exists?(current_user.profile.profileshots.last.public_filename(:thumb)) %>
    <%= image_tag(current_user.profile.profileshots.last.public_filename(:thumb)) %>
  <%else%>
    <%= image_tag("/images/nopic_thumb.jpg") %>
  <% end %>
						<div class="tooltip" id="tooltip" style="display:none">
						  <div class="top">
								<% point = Rating.find_quality_rating(current_user) + Rating.find_knowledge_rating(current_user) %>
								<b>You have <%= pluralize(number_with_precision(point, 2), "Point") %></b><br/>
								With:<br/>
								<div style="margin-left:9px"><%= pluralize(current_user.comments.size, 'Comment')%><br/>
								<%= pluralize(current_user.articles.size, 'Article')%><br/>
								<%= pluralize(current_user.comments.size, 'Thought')%><br/>
								<%= pluralize(number_with_precision(Rating.find_quality_rating(current_user), 2) , 'Average rating')%></div>
							</div>
						</div>
						</div>
				 <%else%>
           <div onmouseover="javascript:document.getElementById('tooltip').style.display = 'block'" onmouseout="javascript:document.getElementById('tooltip').style.display = 'none'" >
							<%= image_tag("/images/nopic_thumb.jpg") %>
							<div class="tooltip" id="tooltip" style="display:none">
							  <div class="top">
									<% point = Rating.find_quality_rating(current_user) + Rating.find_knowledge_rating(current_user) %>
									<b>You have <%= pluralize(number_with_precision(point, 2), "Point") %></b><br/>
									With:<br/>
									<div style="margin-left:9px"><%= pluralize(current_user.comments.size, 'Comment')%><br/>
									<%= pluralize(current_user.articles.size, 'Article')%><br/>
									<%= pluralize(current_user.comments.size, 'Thought')%><br/>
									<%= pluralize(number_with_precision(Rating.find_quality_rating(current_user), 2) , 'Average rating')%></div>
								</div>
							</div>
						</div>
        <% end %>
      </div>

      <div class="clear"></div>
      <div><strong><%= "#{current_user.first_name} #{current_user.last_name}" %> </strong></div>
			<hr />
			<%percentage = determine_profile_percentage(current_user)%>
        Your profile is <%= percentage%> complete
        <div class="spike-white" style="width: 53%; margin-left: 100px;">
          <div class="spike-green" style="width:<%= percentage%>">
					</div>
        </div>
				<hr />
      <br />

<% if current_user.profile%>
<%= link_to "<strong><font color=black>Add Im Contact  +10%</font></strong>", '#im' %><br />
<%= link_to "<font color=black>Add Skills  +20%</font>", '#skill' %><br />
<%= link_to "<strong><font color=black>Add Emergency Info  +10%</font></strong>", "#eci" %><br />
<%= link_to "<font color=black>Add Photo  +15%</font>", '#img' %><br />
</div>
<% end %>
</fieldset>
</div>

<fieldset id="im" style="height:100px;width:400px">
	<legend>Enter RAC Email Account Info</legend>
	<p>
        <b>RAC Email<font color=red>*</font></b>
        <br/>
        <%= f.text_field :richapp_email , :size => 18%>
		@richapplicationsconsulting.com
    </p>

	<p>
        <b>RAC Email Password<font color=red>*</font></b>
        <br/>
        <%= f.password_field :richapp_password %>
    </p>
</fieldset>

<fieldset id="im" style="height:100px;width:400px">
	<legend>IM Contact Info</legend>
	<div id="im_contacts">
	    <%= render :partial => 'im_contact', :collection => @profile.im_contacts %>
	</div>
	<p>
	    <span class="add"><%= add_im_contact_link "Add IM Contact" %></span>
	</p>
</fieldset>

<fieldset id="skill" style="height:174px;width:400px">
    <legend>Skills Info</legend>
	<p>
	20 Represents Highest Level in Self Rating
	</p>
  		<div id="skills">
    		<%= render :partial => 'profile_skill', :collection => @profile.profile_skills %>
  		</div>
  		<p>
    		<span class="add"><%= add_profile_skill_link "Add Skill" %></span>
  		</p>
  </fieldset>

<fieldset id="email" style="height:100px;width:400px">
    <legend>Email Notification</legend>
	<p>Want Email Notification <b>?</b> &nbsp;&nbsp;<%=f.check_box :email_notification%></p>
	<div id="tag_div"></div>

	<%= observe_field "profile_email_notification",
		:update => "tag_div",
		:url => { :action => :new,:display_tag=>true},
		:with =>"profile_email_notification",
		:position=>"inline"
	%>

  </fieldset>


  <fieldset id="eci" style="height:174px;width:400px">
    <legend>Emergency Contact Info</legend>
		<div id="emergency_contacts">

    		<%= render :partial => 'emergency_contact', :collection => @profile.emergency_contacts %>


</div>
<p>
    <span class="add"><%= add_emergency_contact_link "Add Emergency Contact" %></span>
</p>
<div id="suggest">
</div>
  <p>
    <%= f.submit "Create" %>
  </p>
<% end %>
<%end%></table>