<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Sounit | The web text messaging (SMS) tool for businesses and groups. Market | Communicate | Connect almost instantly via text messaging (SMS) at once with all the people you care about. | Sounit.com</title>
<meta name="keywords" content="Sounit, sounit.com, group text, text sms, group sms, sms messaging, markteting with SMS, online sms, twilio, app, iphone, blackberry, windows mobile, android, group texting, text messaging, start-up, unique phone numbers, New York" />
<meta name="description" content="Sounit. The web text messaging tool for businesses and groups. You can utilize Sounit as a text messaging marketing SMS, communication or connection tool. Sounit can be utilized as a Group sms messaging tool to connect almost instantly with the people you care about." />
<link href="<?=base_url();?>cdn/default.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="stylesheet" href="<?=base_url();?>cdn/bubbles.css" type="text/css" media="screen" charset="utf-8" /></head>
<link rel="stylesheet" type="text/css" href="<?=base_url()?>css/style.css">

<script src="http://www.google.com/jsapi" type="text/javascript"> </script>



<script type="text/javascript">
  // You may specify partial version numbers, such as "1" or "1.3",
  //  with the same result. Doing so will automatically load the 
  //  latest version matching that partial revision pattern 
  //  (e.g. 1.3 would load 1.3.2 today and 1 would load 1.4.1).
  google.load("jquery", "1.4.2");
//  google.load("jqueryui", "1.7.2");
 
  google.setOnLoadCallback(function() {
    // Place init code here instead of $(document).ready()
  });
</script>
	
<script language="javascript"> 
$(document).ready(function()
{
	$("#username").blur(function()
	{
		//remove all the class add the messagebox classes and start fading
		$("#msgbox_user").removeClass().addClass('messagebox').text('Checking...').fadeIn("slow");
		//check the username exists or not from ajax
		$.post("<?=base_url();?><?=index_page();?>/welcome/user_availability",{ username:$(this).val() } ,function(data)
        {
		  if(data=='no') //if username not avaiable
		  {
		  	$("#msgbox_user").fadeTo(200,0.1,function() //start fading the messagebox
			{ 
			  //add message and change the class of the box and start fading
			  $(this).html('Not Available').addClass('messageboxerror').fadeTo(900,1);
			});		
          }
		  else
		  {
		  	$("#msgbox_user").fadeTo(200,0.1,function()  //start fading the messagebox
			{ 
			  //add message and change the class of the box and start fading
			  $(this).html('Available').addClass('messageboxok').fadeTo(900,1);	
			});
		  }
				
        });
 
	});
});
$(document).ready(function()
{
	$("#email").blur(function()
	{
		//remove all the class add the messagebox classes and start fading
		$("#msgbox_email").removeClass().addClass('messagebox').text('Checking...').fadeIn("slow");
		//check the username exists or not from ajax
		$.post("<?=base_url();?><?=index_page();?>/welcome/email_availability",{email:$(this).val() } ,function(data)
        {
		  if(data=='no') //if username not avaiable
		  {
		  	$("#msgbox_email").fadeTo(200,0.1,function() //start fading the messagebox
			{ 
			  //add message and change the class of the box and start fading
			  $(this).html('Already in use !').addClass('messageboxerror').fadeTo(900,1);
			});		
          }
		  else
		  {
		  	$("#msgbox_email").fadeTo(200,0.1,function()  //start fading the messagebox
			{ 
			  //add message and change the class of the box and start fading
			  $(this).html('').addClass('messageboxok').fadeTo(900,1);	
			});
		  }
				
        });
 
	});
});
</script> 

<script type="text/JavaScript" src="<?=base_url();?>cdn/rounded_corners.inc.js"></script>
	<script type="text/JavaScript">
	  window.onload = function() {
	      settings = {
	          tl: { radius: 10 },
	          tr: { radius: 10 },
	          bl: { radius: 10 },
	          br: { radius: 10 },
	          antiAlias: true,
	          autoPad: true
	      }
	      var myBoxObject = new curvyCorners(settings, "rounded");
	      myBoxObject.applyCornersToAll();
	  }
</script>

<style>
.messagebox{
	border:none;
}
.messageboxok{
	border:none;
	font-weight:bold;
	color:#33CC00;
	
}
.messageboxerror{
	border:none;
	font-weight:bold;
	color:#FF0000;
}


ol.timeline
{
list-style:none
}
ol.timeline li
{
position:relative;
border-bottom:1px #dedede dashed;
padding:8px;
}
.morebox
{
font-weight:bold;
color:#333333;
text-align:center;
border:solid 1px #333333;
padding:8px;
margin-top:8px;
margin-bottom:8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.morebox a{ color:#333333; text-decoration:none}
.morebox a:hover{ color:#333333; text-decoration:none}
#container{height:50%; width:80% }
</style>

<script>
       function showHelp(text)
       {
               alert(text);
       }
   </script>
</head>

<body>
<!-- start header -->
<div id="headertop">
    <div style="vertical-align:middle;" class="constrain">
        <br>
        <a href="<?=base_url()?>"><img src="<?=base_url()?>images/logo.jpg" alt="Sounit"></a>
    </div>
</div>


<div align="center" id="nav_bar">
    <div class="constrain2">
        <div id="menu">
            <ul class="menu">
                <li><a href="<?=base_url()?>welcome/account/"><span>Dashboard</span></a></li>
                <li><a href="<?=base_url()?>welcome/affilates/"><span>Affilates</span></a></li>
                <li><a href="<?=base_url()?>welcome/invite_friends/"><span>Invite Friends</span></a></li>
                <li><a href="<?=base_url()?>welcome/settings/"><span>Settings</span></a></li>
        		<li><a href="<?=base_url()?>welcome/logout/"><span>Logout</span></a></li><li>
            </li></ul>
        </div>
    </div>
</div>
<!-- end header -->