<head>


	<!-- Common JS files -->
	<script type='text/javascript' src='ajaxlib/utils/southprojects.js'></script>

	<!-- Custom includes -->	
	<script type="text/javascript" src="ajaxlib/sptabs/src/sptabs.js"></script>

	<!-- ALL demos need these css -->
	<link href="ajaxlib/website/css/zpcal.css" rel="stylesheet" type="text/css">
	<link href="ajaxlib/website/css/template.css" rel="stylesheet" type="text/css">


</head>
<body>	


<div style="width: 400px">  
  <div id="tabs1" style="height: 200px"></div>
	<center><div id="tabBar1"></div></center>
</div>

<br/>



<script type="text/javascript">

var objSource = {
  tabs: [
    {
      id: 'Normal',
      linkInnerHTML: 'Normal',
      url: 'wnormal.php'
    },
    {
      id: 'photo',
      linkInnerHTML: 'Photo',
      url: 'grid.php'
    },
    {
      id: 'music',
      linkInnerHTML: 'Music',
      url: 'content-music.html'
    },
    {
      id: 'chat',
      linkInnerHTML: 'Chat',
      url: 'content-chat.html'
    }
  ]
};
alert(objSource);
var objTabs1 = new southprojects.Tabs({
  tabBar: 'tabBar1',
  tabs: 'tabs1',
  source: objSource,
  sourceType: 'json',
	changeUrl:true,
  // theme: 'red'
	theme: 'rounded'
	
});



</script>




</body>
