<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Secretdir.com</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.pngFix.js"></script>

<script type="text/javascript">
	
	var num_destinations = 1;
	function add_destination() {
		num_destinations++;
		var add_destination = '<div id="dest_'+num_destinations+'" class="fields clearfix"> <div class="inputfield"><input class="clear_onfocus" type="text" name="rotate_url[]" id="search" value="Destination URL '+num_destinations+'" /></div></div>';
		$('#dest_'+(num_destinations-1)).after(add_destination);
		$('.clear_onfocus').focus(function() {
			$(this).val('');
		});	
	}

	$(document).ready(function(){
		//$('body').pngFix( );		
		   				
   		$('input[type="text"]').focus(function() {
   			    if (this.value == this.defaultValue){ 
		    	this.value = '';
			}
			if(this.value != this.defaultValue){
    			this.select();
    		}
		});
		$('input[type="text"]').blur(function() {
	   		    if ($.trim(this.value) == ''){
		    	this.value = (this.defaultValue ? this.defaultValue : '');
			}
		});

	});
</script>

</head>
<body>
	
	<div id="wrapper">
		<div class="header">
			<a href="#"><img src="images/homepage_com_logo.png" height="92" width="629" /></a>
		</div>
		<div class="shw">
			<div class="fields clearfix">
				<form  method="POST">
					<div class="inputfield"><input class="clear_onfocus" type="text" name="long_url" id="search" value="Enter your link here" /></div>
					<div class="submit"><input type="image" name="submit" src="images/submit.jpg" id="submit" /></div>
				</form>
			</div>
			<div class="shortened1939 " style="display:none;">
				<div class="link_link clearfix">
					<ul>
						<li class="sl" >Cloaked Link</li>
						<li class="rts">Original Link</li>
					</ul>
				</div>
				<div class="linkresult clearfix">
					<ul>
						<li class="sl_rslt" >
														<div class="hash"><a class="shortedlink" href="http://"></a></div>
							<div class="customlink">


							</div>
						</li>
						<li class="longlink_rslt"><a  href="http://" target="_blank"></a></li>
						<div class="clear"></div>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="ftools">
			<div class="rtitle"><img src="images/rtools.png" /></div>
			<div class="rtools">
				<form method="POST">
					<div class="fields confirm_field clearfix">
						<div class="confm">http://secredir.com/?sov=<input type="text" name="rotate_sov" id="confirm" value="12345" /> </div>
						<div class="confirm_submit"><input type="image" name="confirm_submit" src="images/confirm.jpg" id="submit" /></div>
					</div>
					<div class="error" style="display:none">This custom sov has been taken, please choose another one.</div>
					<div id="dest_1" class="fields rotatefields clearfix">
						<div class="cross"><img src="images/add.png" onclick="add_destination();"/></div>
						<div class="inputfield"><input type="text" name="rotate_url[]" id="search" value="Destination URL" /></div>
						<div class="submit"><input type="image" name="urlsubmit" src="images/rotate.jpg" id="submit" /></div>
					</div>
				</form>
			</div>
		</div>
		<div class="creatacct">
			Create an account to track & collect data on your links
		</div>
		<div class="footer">&copy;2011 secredir.com</div>
	</div><!--wrapper-->

</body>
</html>
