var $q = jQuery.noConflict();

var pageUrl = new Array();			

pageUrl[1] = my_theme_url + "sdm.php";
pageUrl[2] = my_theme_url + "penelitian.php";
pageUrl[3] = my_theme_url + "upt.php";

$q(function(){
	$q("ul#ticker").liScroll({
		travelocity: 0.02
		}); 
});

function loadTab(id)
{
	if (pageUrl[id].length > 0)
	{
		$q("#preloader").show();
		$q.ajax(
		{
			url: pageUrl[id], 
			cache: false,
			success: function(message) 
			{			   
				$q(".tab-content").empty().append(message);
				$q("#preloader").hide();             
			},
			error : function (XMLHttpRequest, textStatus, errorThrown) {
				// typically only one of textStatus or errorThrown 
				// will have info
				$q(".tab-content").empty().append(textStatus);
				$q("#preloader").hide();             
				this; // the options for this ajax request
				}
		});			        
	}
}

$q(document).ready(function(){
	
	var $tabdua = $q(".tabdua");
	var $tabtiga = $q(".tabtiga");
	var $tabsatu = $q(".tabsatu");
	$tabsatu.css('background', ' #ffffff url("' + my_theme_url + 'images/tabbuttonpressed1.gif") no-repeat scroll 0 0');

    $q(".pngfixobj").pngfix();	
	
	$q(".tabsatu").click(function(e)
	{
		e.preventDefault();
		$tabdua.css('background', ' #ffffff url("' + my_theme_url + 'images/tabbutton2.gif") no-repeat scroll 0 0');
		$tabtiga.css('background', ' #ffffff url("' + my_theme_url + 'images/tabbutton3.gif") no-repeat scroll 0 0');
		$q(this).css('background', ' #ffffff url("' + my_theme_url + 'images/tabbuttonpressed1.gif") no-repeat scroll 0 0');
	});
	
	$q(".tabdua").click(function(e)
	{
		e.preventDefault();
		$tabsatu.css('background', ' #ffffff url("' + my_theme_url + 'images/tabbutton1.gif") no-repeat scroll 0 0');
		$tabtiga.css('background', ' #ffffff url("' + my_theme_url + 'images/tabbutton3.gif") no-repeat scroll 0 0');
		$q(this).css('background', ' #ffffff url("' + my_theme_url + 'images/tabbuttonpressed2.gif") no-repeat scroll 0 0');
	});
	
	$q(".tabtiga").click(function(e)
	{
		e.preventDefault();
		$tabdua.css('background', ' #ffffff url("' + my_theme_url + 'images/tabbutton2.gif") no-repeat scroll 0 0');
		$tabsatu.css('background', ' #ffffff url("' + my_theme_url + 'images/tabbutton1.gif") no-repeat scroll 0 0');
		$q(this).css('background', ' #ffffff url("' + my_theme_url + 'images/tabbuttonpressed3.gif") no-repeat scroll 0 0');
	});
	
	/*
		contact form
	*/
	$q('.formInputText').example(function() {
		return $q(this).attr('title');
	});
	
	/*
		fade banner
	*/
	
	
	$q('#banner').cycle({
		fx: 'fade',
		next:   '#next', 
	    prev:   '#prev',
		pause:   1 
	});
	
	/*tab*/
	loadTab(1)
	
	$q("#preloader").hide();
				
	$q("#tab1").click(function(e)
	{
		e.preventDefault();
		loadTab(1);
	});
	
	$q("#tab2").click(function(e)
	{
		e.preventDefault();
		loadTab(2);
	});
	
	$q("#tab3").click(function(e)
	{
		e.preventDefault();
		loadTab(3);
	});
	

	/**dropdown*/

	var $mainmenu=$q("#main-nav>ul");
	var $headers=$mainmenu.find("ul").parent();
	
	$headers.each(
		function(i)
		{
			var $curObj = $q(this);
			$curObj.hover
			(
				function()
				{
					$curObj.css({
						'z-index' : 10000
					});
					$q(this).children('ul.second-ul').fadeIn().show();
					
				}, 
				function()
				{
					$q(this).children('ul.second-ul').fadeOut();
				}
			);
		}
	);
	
	var $mainmenu2=$q("#sub-nav>ul");
	var $headers2=$mainmenu2.find("ul").parent();
	
	$headers2.each(
		function(i)
		{
			var $curObj2 = $q(this);
			$curObj2.hover
			(
				function()
				{
					$curObj2.css({
						'z-index' : 11
					});
					$q(this).children('ul.second-ul').fadeIn().show();
					
				}, 
				function()
				{
					$q(this).children('ul.second-ul').fadeOut();
				}
			);
		}
	);
	
	/*artikel magnifier*/
	
	$q('.artikel-small').click(function(e){
		e.preventDefault();
		$q('.the-content').css('font-size', '12px');
	});
	
	$q('.artikel-med').click(function(e){
		e.preventDefault();
		$q('.the-content').css('font-size', '14px');
	});
	
	$q('.artikel-large').click(function(e){
		e.preventDefault();
		$q('.the-content').css('font-size', '18px');
		$q('.the-content').css('line-height', '24px');
	});
})