$(document).ready(function() {
	autoTab();
	autoTab1();
	//dropDownMenu();
	//dropConfig();
	//Cufon.replace('H3', { fontFamily: 'Aller' });
	//Cufon.replace('.widgetHead H3', { fontFamily: 'Aller',textShadow:'1px 1px #000' });
	Cufon.replace('#idSearch H3', { fontFamily: 'Aller',textShadow:'1px 1px #000' });
	//Cufon.replace('#siteName H1,#siteName H3', { fontFamily: 'Arial' });
	//Cufon.replace('#idSingle H2', { fontFamily: 'Aller',textShadow: '2px 2px #fff' });
	Cufon.replace('#idDate', { fontFamily: 'Aller',textShadow: '2px 2px #fff' });
	Cufon.replace('.unitColumn', { fontFamily: 'Aller',textShadow: '2px 2px #fff' });
	Cufon.replace('#idFooterMenu H4', { fontFamily: 'Aller',textShadow: '2px 2px #d7d7d7' });
	Cufon.replace('#newsBlock H3', { fontFamily: 'Aller',textShadow: '2px 2px #d7d7d7' });
	changeTheme();
	$('#lang').change(function(){
		$(this).submit();
	})
	//$('a.media').media();
	/*setTimeout(function(){
		$('#slider3').nivoSlider({
			pauseTime:5000,
            pauseOnHover:false,
			controlNav:true,
            controlNavThumbs:true
		});
	}, 3000);*/
	
	$('#boxslideshow').cycle({
		timeout: 1000,  // milliseconds between slide transitions (0 to disable auto advance)
		fx:      'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...            
		pause:   1,	  // true to enable "pause on hover"
		pauseOnPagerHover: 0 // true to pause when hovering over pager link
	});
	
	$('.themesColor').click(function() {
		var jmlWidget = 16;
		var classItem = $(this).attr("title");
		var classAll  = "bodyBg-"+$(this).attr("title");
		var $todayDate = new Date();
	    var $expireDate = ($todayDate.getDate() + 7) + '/' + $todayDate.getMonth() + '/' + $todayDate.getFullYear();
		var cekVal = $.cookie('cekClass');
		var initClass = "pastel9";
		if (cekVal===null)
		{
			$("#idBody").removeClass("bodyBg-"+initClass).addClass(classAll);
			/*for (a=1;a<jmlWidget;a++)
			{
				siElm = "#widget"+a;
				$(siElm).removeClass("headerTitle-pastel1").addClass("headerTitle-"+cekVal);
			}*/
			$(".widgetHead").removeClass("headerTitle-"+initClass).addClass("headerTitle-"+classItem);
			$(".ui-widget-header").removeClass("ui-widget-header").addClass("headerTitle-"+classItem);
			
			if (classAll=='bodyBg-pastel8')
			{
				$('ul#menu>li').css({'background':'url(wp-content/themes/Green_klh/_images/border_menu_hijau.png) no-repeat 100% 50%','min-width':'55px'});
				$('ul#menu>li#idHome').css({'background':'#025c2d url(wp-content/themes/Green_klh/_images/home_2.png) no-repeat 50% 50%','min-width':'25px'});
				$('#idLogo').attr("src",'wp-content/themes/Green_klh/_images/logo_klh_official_white.png');
				$('.dropdown_1columns, .dropdown_2columns, .dropdown_3columns,.dropdown_4columns,.dropdown_5columns').css({'background':'#009a4a;'});
				
			}
			if (classAll=='bodyBg-pastel9')
			{
				$('ul#menu>li').css({'background':'url(wp-content/themes/Green_klh/_images/border_menu_coklat.png) no-repeat 100% 50%','min-width':'55px'});
				$('ul#menu>li#idHome').css({'background':'#5a472de url(wp-content/themes/Green_klh/_images/home_2.png) no-repeat 50% 50%','min-width':'25px'});
				$('#idLogo').attr("src",'wp-content/themes/Green_klh/_images/logo_klh_official_rgb_trans.png');
				$('.dropdown_1columns, .dropdown_2columns, .dropdown_3columns,.dropdown_4columns,.dropdown_5columns').css({'background':'#96774d;'});
				
			}
			if (classAll=='bodyBg-pastel10')
			{
				$('ul#menu>li').css({'background':'url(wp-content/themes/Green_klh/_images/border_menu.png) no-repeat 100% 50%','min-width':'55px'});
				$('ul#menu>li#idHome').css({'background':'#275AB2 url(wp-content/themes/Green_klh/_images/home_2.png) no-repeat 50% 50%','min-width':'25px'});
				$('#idLogo').attr("src",'wp-content/themes/Green_klh/_images/logo_klh_official_white.png');
				$('.dropdown_1columns, .dropdown_2columns, .dropdown_3columns,.dropdown_4columns,.dropdown_5columns').css({'background':'#275ab2'});
				
			}

			$('div.dropdown_1columns').css('background','#')
		} else 
		{
			$("#idBody").removeClass("bodyBg-"+cekVal).addClass(classAll);
			for (a=1;a<jmlWidget;a++)
			{
				siElm = "#widget"+a;
				$(siElm).removeClass("headerTitle-"+cekVal).addClass("headerTitle-"+classItem);
			}
			//$("#menuTop ul li ul").css('background-color','');
			if (classAll=='bodyBg-pastel9')
			{
				$('ul#menu>li').css({'background':'url(wp-content/themes/Green_klh/_images/border_menu_coklat.png) no-repeat 100% 50%','min-width':'55px'});
				$('ul#menu>li#idHome').css({'background':'#b4915e url(wp-content/themes/Green_klh/_images/home_2.png) no-repeat 50% 50%','min-width':'25px'});
				$('#idLogo').attr("src",'wp-content/themes/Green_klh/_images/logo_klh_official_rgb_trans.png');
				$('ul#menu>li:hover,.dropdown_1columns, .dropdown_2columns, .dropdown_3columns,.dropdown_4columns,.dropdown_5columns').css({'background':'#96774d'});
				
			}
			if (classAll=='bodyBg-pastel8')
			{
				$('ul#menu>li').css({'background':'url(wp-content/themes/Green_klh/_images/border_menu_hijau.png) no-repeat 100% 50%','min-width':'55px'});
				$('ul#menu>li#idHome').css({'background':'#025c2d url(wp-content/themes/Green_klh/_images/home_2.png) no-repeat 50% 50%','min-width':'25px'});
				$('#idLogo').attr("src",'wp-content/themes/Green_klh/_images/logo_klh_official_white.png');
				$('.dropdown_1columns, .dropdown_2columns, .dropdown_3columns,.dropdown_4columns,.dropdown_5columns').css({'background':'#009a4a'});
				
			}
			if (classAll=='bodyBg-pastel10')
			{
				$('ul#menu>li').css({'background':'url(wp-content/themes/Green_klh/_images/border_menu.png) no-repeat 100% 50%','min-width':'55px'});
				$('ul#menu>li#idHome').css({'background':'#275AB2 url(wp-content/themes/Green_klh/_images/home_2.png) no-repeat 50% 50%','min-width':'25px'});
				$('#idLogo').attr("src",'wp-content/themes/Green_klh/_images/logo_klh_official_white.png');
				$('.dropdown_1columns, .dropdown_2columns, .dropdown_3columns,.dropdown_4columns,.dropdown_5columns').css({'background':'#275ab2'});
				
			}
		}
		$.cookie('cekClass',classItem,{
			expires: $expireDate
		});
	});
	/*
	$("#google_translate_element").click(function(){
		$("#idBody").css("margin-top","18");
	});
	$(".goog-te-menu-frame skiptranslate").css("visibility","none");
	
	$('.bar').mosaic({
		animation	:	'slide',		//fade or slide
		opacity		:	0.3
	});
	
	$('#products').slides({
		preload: true,
		preloadImage: '../_images/loading.gif',
		effect: 'slide, fade',
		crossfade: true,
		slideSpeed: 350,
		fadeSpeed: 500,
		generateNextPrev: true,
		generatePagination: false
	});*/
})
/*
jQuery(document).ready(function() { 
     jQuery(function() {
          jQuery('#newsslider').accessNews({
            headline : " ",
			title : "",
			subtitle : "",
            speed : "slow",
            slideBy : 4
          });
     });
});   
*/
function changeTheme(){
	var jmlWidget = 16;
	var cekVal = $.cookie('cekClass');
	var initClass = "pastel9";
	if (cekVal===null)
	{
		
	} else 
	{
		$("#idBody").removeClass("bodyBg-"+initClass).addClass("bodyBg-"+cekVal);
		for (a=1;a<jmlWidget;a++)
		{
			siElm = "#widget"+a;
			$(siElm).removeClass("headerTitle-"+initClass).addClass("headerTitle-"+cekVal);
		}
		$('ul#menu>li').css({'background':'url(wp-content/themes/Green_klh/_images/border_menu_hijau.png) no-repeat 100% 50%','min-width':'55px'});
		$('ul#menu>li#idHome').css({'background':'#025c2d url(wp-content/themes/Green_klh/_images/home_2.png) no-repeat 50% 50%','min-width':'25px'});
		if (cekVal=='pastel9')
		{
			$('ul#menu>li').css({'background':'url(wp-content/themes/Green_klh/_images/border_menu_coklat.png) no-repeat 100% 50%','min-width':'55px'});
			$('ul#menu>li#idHome').css({'background':'#b4915e url(wp-content/themes/Green_klh/_images/home_2.png) no-repeat 50% 50%','min-width':'25px'});
			$('#idLogo').attr("src",'wp-content/themes/Green_klh/_images/logo_klh_official_rgb_trans.png');
			$('ul#menu>li:hover,.dropdown_1columns, .dropdown_2columns, .dropdown_3columns,.dropdown_4columns,.dropdown_5columns').css({'background':'#96774d'});
			
		}
		if (cekVal=='pastel8')
		{
			$('ul#menu>li').css({'background':'url(wp-content/themes/Green_klh/_images/border_menu_hijau.png) no-repeat 100% 50%','min-width':'55px'});
			$('ul#menu>li#idHome').css({'background':'#025c2d url(wp-content/themes/Green_klh/_images/home_2.png) no-repeat 50% 50%','min-width':'25px'});
			$('#idLogo').attr("src",'wp-content/themes/Green_klh/_images/logo_klh_official_white.png');
			$('.dropdown_1columns, .dropdown_2columns, .dropdown_3columns,.dropdown_4columns,.dropdown_5columns').css({'background':'#009a4a'});
			
		}
		if (cekVal=='pastel10')
		{
			$('ul#menu>li').css({'background':'url(wp-content/themes/Green_klh/_images/border_menu.png) no-repeat 100% 50%','min-width':'55px'});
			$('ul#menu>li#idHome').css({'background':'#275AB2 url(wp-content/themes/Green_klh/_images/home_2.png) no-repeat 50% 50%','min-width':'25px'});
			$('#idLogo').attr("src",'wp-content/themes/Green_klh/_images/logo_klh_official_white.png');
			$('.dropdown_1columns, .dropdown_2columns, .dropdown_3columns,.dropdown_4columns,.dropdown_5columns').css({'background':'#275ab2'});
			
		}
	}
}

function dropConfig(){
	$("#config ul a").removeAttr('title');
	$("#config ul ul").css({display: "none"});
	$('#config').hover(function(){
		$(this).find('div:first').css({display: "block", opacity: 0}).stop().animate({ opacity: 0.8 }, 200); //Slides down when hover the UL
		$(this).children('a').addClass("hovered");
	},function(){
		$(this).find('div:first').css({display: "none"});
		$(this).children('a').removeClass("hovered"); //removes the hovered class.
	})
}

function dropDownMenu() {
	
	$("#menuTop ul a").removeAttr('title');
	$("#menuTop ul ul").css({display: "none"}); // Fixes opera Bug
	  
	$("#menuTop ul li").hover(function() {
		$(this).find('ul:first').css({display: "block", opacity: 0}).stop().animate({ opacity: 1 }, 600); //Slides down when hover the UL
		$(this).children('a').addClass("hovered"); //Adds a hovered class, so you can see the menu path you are following
	}
	,function() {
		$(this).find('ul:first').css({display: "none"}); //Slides up on mouseleave
		$(this).children('a').removeClass("hovered"); //removes the hovered class.
	});
	
}

function nextTab() {
	
	$current_t = $('#ctabs li.current');
	$next_t = $('#ctabs li.current').next();
	
	$current_sel_t = $('#tabs li.current');
	$next_sel_t = $('#tabs li.current').next();
	
	
	if($next_t.children('ul').attr('class') == undefined) {
		$next_t = $("#ctabs li:first");
		$next_sel_t = $('#tabs li:first');
	} else {
		//Do nothing. The $next element exists
	}
	
	$next_t.addClass('next').css({ opacity: 0 }).stop().animate({ opacity: 1 }, 300, function() {
																							
		$next_t.addClass('current').removeClass('next');
		$current_t.removeClass('current');
																							
	});
	
	$current_sel_t.removeClass('current');
	$next_sel_t.addClass('current');
	
}



function autoTab() {
	
	$('#tabs li:first').addClass('current');
	$('#ctabs li:first').addClass('current');
	
	$i = 1;
	$('#tabs li').each(function() {
								
		$(this).attr('id', 'tab_'+$i);
		
		$i++;
								
	});
	
	$i = 1;
	$('#ctabs li:not(ul.ctabs_content li)').each(function() {
								
		$(this).attr('id', 'ctab_'+$i);
		
		$i++;
								
	});
	
	$('#tabs li').click(function() {
								 
		if($(this).attr('class') == 'current') {
			
			
			
		} else {
			
			$id = $(this).attr('id').split('_');
			
			callTab($id[1]);	
			
		}
		
						 
								 
	});
	
}

function callTab($id) {
	
	$current_t = $('#ctabs li.current');
	$next_t = $('#ctabs li#ctab_'+$id);
	
	$current_sel_t = $('#tabs li.current');
	$next_sel_t = $('#tabs li#tab_'+$id);
		
	$current_t.slideUp(250, function() {
									 
		$(this).removeClass('current');							 
									 
	});
	
	$next_t.slideDown(400).addClass('current').removeClass('next');
	
	$current_sel_t.removeClass('current');
	$next_sel_t.addClass('current');
	
}

function autoTab1() {
	
	$('#tabs1 li:first').addClass('current');
	$('#ctabs1 li:first').addClass('current');
	
	$i = 1;
	$('#tabs1 li').each(function() {
								
		$(this).attr('id', 'tab1_'+$i);
		
		$i++;
								
	});
	
	$i = 1;
	$('#ctabs1 li:not(ul.ctabs1_content li)').each(function() {
								
		$(this).attr('id', 'ctab1_'+$i);
		
		$i++;
								
	});
	
	$('#tabs1 li').click(function() {
								 
		if($(this).attr('class') == 'current') {
			
			
			
		} else {
			
			$id = $(this).attr('id').split('_');
			
			callTab1($id[1]);	
			
		}
		
						 
								 
	});
	
}

function callTab1($id) {
	
	$current_t = $('#ctabs1 li.current');
	$next_t = $('#ctabs1 li#ctab1_'+$id);
	
	$current_sel_t = $('#tabs1 li.current');
	$next_sel_t = $('#tabs1 li#tab1_'+$id);
		
	$current_t.slideUp(250, function() {
									 
		$(this).removeClass('current');							 
									 
	});
	
	$next_t.slideDown(400).addClass('current').removeClass('next');
	
	$current_sel_t.removeClass('current');
	$next_sel_t.addClass('current');
	
}

function addSeparators() {
	$('#menuBottom ul:first').children('li').each(function() {
		$(this).after('<li class="border"></li>'); 
	});
	$('#menuBottom.border:last').remove();
	$('#menuBottom ul li ul').each(function() {
		$(this).children('li:first').children('a').css('border-top', 'none');
		$(this).children('li:last').children('a').css('border-bottom', 'none');
	});

	$('#menuTop ul:first').children('li').each(function() {
		$(this).after('<li class="border"></li>'); 
	});
	$('#menuTop.border:last').remove();
	
	$('#menuTop ul li ul').each(function() {
		$(this).children('li:first').children('a').css('border-top', '#c7c7c7');
		$(this).children('li:last').children('a').css('border-bottom', '#fff');
	});
	
	$('#menuTop.border:first').remove();

	$('ul.ctabs_content').each(function() {
		$(this).children('li:last').children('a').css({ 'border-bottom': 'none' });
	});
}
