Added login div

1 files changed, 29 insertions, 2 deletions

diff --git a/includes/header.php b/includes/header.php
index a1dbfa4..472fcbc 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -33,6 +33,20 @@ function htmlHeader($css = array(), $title = 'Pathery', $desc = '') {
 	}

 ?>

     </script>

+	 

+<script>

+function showSignin() {

+	if (document.getElementById('oid_hidden') !== undefined) {

+		document.getElementById('oid_hidden').id = 'oid_wrapper';

+	}

+}

+function hideSignin() {

+	if (document.getElementById('oid_wrapper') !== undefined) {

+		document.getElementById('oid_wrapper').id = 'oid_hidden';

+	}

+}

+</script>

+	 

 </head>

 	<?php

 }

@@ -94,8 +108,21 @@ function topbar($links) {
 		if ($_SESSION['displayName'] == 'noname')

 			echo "<a href='cp' title='change name'>Update your name</a> | ";

 		echo "<a href='logout'>Logout</a>";

-	} else

-		echo "<a href='login'>Sign in with Google</a>";

+	} else {

+		?>

+<a href='javascript:showSignin();'>Sign in</a>

+<div class="wrapper" id="oid_hidden" >

+	<h2>Sign in</h2>

+	<div id="oid_box">

+		<h2 style="color:#333;">Do you have an account here?</h2>

+		<a href="login?op=google"><img id="oid_btn" src="images/btns/signin_Google.png" alt="Sign in with Google" /></a>

+		<a href="login?op=yahoo"><img id="oid_btn" src="images/btns/signin_Yahoo.png" alt="Sign in with Yahoo" /></a>

+		<a id="oid_learn" href="http://openid.net/get-an-openid/what-is-openid/" >Learn more about OpenID</a>

+		<a id="oid_cancel" href="javascript:hideSignin();">Cancel</a>

+	</div>

+</div>

+		<?

+	}

 	echo "</div>";

 

 	echo "</div>";