<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Cache-Control" content="no-cache">
	<meta name="robots" content="noindex">
	<meta name="googlebot" content="noindex">
	<meta name="_csrf_token" content="">
	<!--[if gte IE 9]>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
	<![endif]-->
	
	<title>Webgroup Media LLC - Cerb</title>
			<link type="image/x-icon" rel="shortcut icon" href="/favicon.ico">
		<script type="text/javascript">
		var DevblocksAppPath = '/';
	</script>
	
	<!-- Platform -->
	<link type="text/css" rel="stylesheet" href="/resource/devblocks.core/css/jquery-ui.css?v=2016061201">
	<script type="text/javascript" src="/resource/devblocks.core/js/jquery/jquery.combined.min.js?v=2016061201"></script>
	<script type="text/javascript" src="/resource/devblocks.core/js/devblocks.js?v=2016061201"></script>

	<!-- Application -->
	<link type="text/css" rel="stylesheet" href="/resource/cerberusweb.core/css/cerb.css?v=2016061201">
	<script type="text/javascript" src="/resource/cerberusweb.core/js/markitup/jquery.markitup.js?v=2016061201"></script>
	<script type="text/javascript" src="/resource/cerberusweb.core/js/cerberus.js?v=2016061201"></script>
	<script type="text/javascript" src="/resource/devblocks.core/js/async-min.js?v=2016061201"></script>
</head>

<body>


						<style type="text/css">
#divTimeTrackingBox {
	position:fixed;
	top:5px;
	right:5px;
	opacity:.9;
	filter:alpha(opacity=90);
	z-index:2;
	vertical-align:middle;
	text-align:center;
	font-size:16pt;
	padding:8px;
	
	color:rgb(255,255,255);
	background-color:rgb(50,50,50);
	background: linear-gradient(top, rgb(100,100,100), rgb(50,50,50));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(100,100,100)), to(rgb(50,50,50)));
	background: -moz-linear-gradient(top, rgb(100,100,100), rgb(50,50,50));
	background: -o-linear-gradient(top, rgb(100,100,100), rgb(50,50,50));
	background: -ms-linear-gradient(top, rgb(100,100,100), rgb(50,50,50));
	
	-moz-box-shadow: 0 5px 15px 0px rgb(175,175,175);
	-webkit-box-shadow: 0 5px 15px 0px rgb(175,175,175);
	box-shadow: 0 5px 15px 0px rgb(175,175,175);
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#divTimeTrackingBox BUTTON {
	border:0;	
}
#divTimeTrackingCounter {
	font-size:16pt;
	font-weight:bold;
	margin-right:10px;
}
</style>
<div id="divTimeTrackingBox" style="display:none;">
	<div style="float:right;">
		<button id="btnTimeTrackingPlay" type="button" onclick="timeTrackingTimer.play();" style="display:none;"><span class="glyphicons glyphicons-play" style="color:rgb(0,180,0);"></span></button>
		<button id="btnTimeTrackingPause" type="button" onclick="timeTrackingTimer.pause();" style="display:none;"><span class="glyphicons glyphicons-pause"></span></button>
		<button id="btnTimeTrackingStop" type="button" onclick="timeTrackingTimer.stop();" style="display:none;"><span class="glyphicons glyphicons-stop" style="color:rgb(200,0,0);"></span></button>
	</div>
	<div style="float:left;">
		Time Spent: 
		<span id="divTimeTrackingCounter">--</span>
	</div>
</div>
<script type="text/javascript">
var timeTrackingTimerClass = function() {
	this.counter = 0;
	this.enabled = false;

	this.increment = function() {
		if(!this.enabled) return;

		++this.counter;
		this.redraw();	
		
		if(this.enabled) {
			var _self = this;
			setTimeout(function(ms) {
				_self.increment();
			} ,1000);
		}
	}

	this.redraw = function() {
		var $counterDiv = $('#divTimeTrackingCounter');
		
		if($counterDiv.length == 0)
			return;
		
		var strTime = "";
		var iSecs = this.counter;
		var iMins = Math.floor(iSecs/60);
		iSecs -= iMins * 60;
		
		if(iMins > 0) strTime = strTime + iMins + "m ";
		if(iSecs > 0) strTime = strTime + iSecs + "s ";
		
		$counterDiv.text(strTime);
	}

	this.show = function() {
		var $timerDiv = $('#divTimeTrackingBox').show();

		if($timerDiv.length == 0)
			return;
		
		var $playBtn = $('#btnTimeTrackingPlay');
		var $pauseBtn = $('#btnTimeTrackingPause');
		var $stopBtn = $('#btnTimeTrackingStop').show();
		
		if(this.enabled) {
			$playBtn.hide();
			$pauseBtn.show();
			
		} else {
			$playBtn.show();
			$pauseBtn.hide();
		}
		
		this.redraw();
		
		var _self = this;
		setTimeout(function(ms) {
			_self.increment();
		} ,10);
	}
	
	this.play = function(context, context_id) {
		if(this.enabled) return; // don't start twice
		if(null == context) context = '';
		if(null == context_id) context_id = '';
		genericAjaxGet('','c=timetracking&a=startTimer&context=' + context + '&context_id=' + context_id);
		this.enabled = true;

		this.show();
	}
	
	this.pause = function() {
		this.enabled = false;
		genericAjaxGet('','c=timetracking&a=pauseTimerJson');

		var $timerDiv = $('#divTimeTrackingBox').show();
		
		if($timerDiv.length == 0)
			return;
		
		var $playBtn = $('#btnTimeTrackingPlay').show();
		var $pauseBtn = $('#btnTimeTrackingPause').hide();
		var $stopBtn = $('#btnTimeTrackingStop').show();
	}
	
	this.stop = function() {
		this.enabled = false;

		var $timerDiv = $('#divTimeTrackingBox').show();
		
		if($timerDiv.length == 0)
			return;
		
		var $playBtn = $('#btnTimeTrackingPlay').hide();
		var $pauseBtn = $('#btnTimeTrackingPause').hide();
		var $stopBtn = $('#btnTimeTrackingStop').hide();
		
		genericAjaxGet('','c=timetracking&a=pauseTimerJson', function(json) {
			if(json.status) {
				var $popup = genericAjaxPopup('peek','c=internal&a=showPeekPopup&context=cerberusweb.contexts.timetracking&context_id=0&mins=' + json.total_mins,null,false,'500');
				$popup.one('dialogclose', function() {
					$playBtn.show();
					$stopBtn.show();
				});
			}
		} );
	}
	
	this.finish = function() {
		var $timerDiv = $('#divTimeTrackingBox').hide();
		
		if($timerDiv.length == 0)
			return;
		
		this.counter = 0;
		genericAjaxGet('','c=timetracking&a=clearEntry');
	}
};

var timeTrackingTimer = new timeTrackingTimerClass();

	timeTrackingTimer.counter = 0;

 
</script>

	
<table cellspacing="0" cellpadding="2" border="0" width="100%">
	<tr>
		<td align="left" valign="bottom">
									<a href="/"><img src="/resource/cerberusweb.core/images/wgm/cerb_logo.png?v=2016061201" border="0" id="logo"></a>
					</td>
		<td align="right" valign="bottom" style="line-height:150%;">
					Not signed on <a href="/login">sign on</a>
				</td>
	</tr>
</table>

<script type="text/javascript">
$().ready(function(e) {
		
	$menu = $('#menuSignedIn');
	$menu.appendTo('body');
	$menu.find('> li')
		.click(function(e) {
			e.stopPropagation();
			if(!$(e.target).is('li'))
				return;

			$link = $(this).find('a:first');
			
			if($link.length > 0)
				window.location.href = $link.attr('href');
		})
		;
	
	$('#lnkSignedIn')
		.click(function(e) {
			$menu = $('#menuSignedIn');

			if($menu.is(':visible'))
				return;
			
			$menu
				.show()
				.css('position','absolute')
				.css('top',$(this).offset().top+($(this).height())+'px')
				.css('left',$(this).offset().left-(10+$menu.width()-$(this).width())+'px')
				.show()
			;
		});

	$menu
		.hover(
			function(e) {},
			function(e) {
				$('#menuSignedIn')
					.hide()
				;
			}
		)
		;
});
</script>



	
<form action="/login/router" method="post" id="loginForm">
<fieldset>
	<legend>Sign On</legend>
	
	<b>Email:</b>
	<br>
	
	<input type="text" name="email" size="45" value="">

	<div style="margin-left: 10px;">
		<label><input type="checkbox" name="remember_me" value="1" > Remember me</label>
	</div>
	
	<p>
		<button type="submit"><span class="glyphicons glyphicons-circle-ok" style="color:rgb(0,180,0);"></span> Continue</button>
	</p>
</fieldset>
</form>

<script type="text/javascript">
$(function() {
	$('#loginForm input[name=email]').focus().select();
});
</script>


<br>

<table align="center" border="0" cellpadding="2" cellspacing="0" width="100%">
	<tr>
		<td valign="top">
			<b>Cerb</b>&trade;, Devblocks&trade; &copy; 2002-2016, Webgroup Media LLC - Version 7.2.0 (Build 2016061201) 
			<br>
						<span style="color:rgb(180,180,180);font-size:90%;">
			page generated in: 55 ms;  peak memory used: 2.73 MB 
			 -  
						Licensed to Webgroup Media LLC
						<br>
						</span>
		</td>
		<td valign="top" align="right">
			<a href="http://www.cerberusweb.com/" target="_blank"><img src="/resource/cerberusweb.core/images/wgm/powered_by_cerb.png?v=2016061201" border="0"></a>
		</td>
	</tr>
</table>
<br>

</body>
</html>

