// JavaScript Document


window.setInterval(changeBG, 10000);
var index = 1;
function changeBG() 
{ 
	var clsName = $('#pageBg').attr("class");
	var clsName01 = $('#bodyBg').attr("class");
	var clsGreen =  $('#jsBgGreen').attr("class");
	var clsOrange = $('#jsBgOrange').attr("class");
	var clsBlue = $('#jsBgBlue').attr("class");

	$('#pageBg').removeClass(clsName);
	$('#bodyBg').removeClass(clsName01);

	if(index == 0)
	{
		$('#bodyBg').addClass('bgGreen01');		
		$('#pageBg').addClass('bgGreen');
		$('#pageBg').css("display", "none");
		$('#pageBg').fadeIn(4000);
		
		$("#jsBgGreen").removeClass(clsGreen);
		$("#jsBgGreen").addClass('active');
		
		$("#jsBgOrange").removeClass(clsOrange);
		$("#jsBgBlue").removeClass(clsBlue);
		$("#jsBgOrange").addClass('inActive');
		$("#jsBgBlue").addClass('inActive');
	}
	else if (index == 1)
	{
		$('#bodyBg').addClass('bgOrange01');	

		$('#pageBg').addClass('bgOrange');
		$('#pageBg').css("display", "none");
		$('#pageBg').fadeIn(4000);
				
		$("#jsBgOrange").removeClass(clsOrange);
		$("#jsBgOrange").addClass('active');
		
		$("#jsBgGreen").removeClass(clsGreen);
		$("#jsBgBlue").removeClass(clsBlue);
		$("#jsBgGreen").addClass('inActive');
		$("#jsBgBlue").addClass('inActive');
	}
	else if(index == 2)
	{
		$('#bodyBg').addClass('bgBlue01');

		
		$('#pageBg').addClass('bgBlue');
		$('#pageBg').css("display", "none");
		$('#pageBg').fadeIn(4000);
		
		$("#jsBgBlue").removeClass(clsBlue);
		$("#jsBgBlue").addClass('active');
		
		$("#jsBgGreen").removeClass(clsGreen);
		$("#jsBgOrange").removeClass(clsOrange);
		$("#jsBgGreen").addClass('inActive');
		$("#jsBgOrange").addClass('inActive');
	}

	index = index + 1;
	if (index >2)
	{
		index = 0;
	}
}


$(document).ready(function(){
	
	var bodyHeight =  $(document).height();
	$("#pageBg").css('height',bodyHeight);
//	alert($('#pageBg').height());
	
	$("#jsBgGreen").click(function() { //When trigger is clicked...
		var clsName = $('#pageBg').attr("class");
		var clsName01 = $('#bodyBg').attr("class");
		var clsGreen =  $('#jsBgGreen').attr("class");
		var clsOrange = $('#jsBgOrange').attr("class");
		var clsBlue = $('#jsBgBlue').attr("class");
		
		//$('#pageBg').fadeOut(1500);
		$('#pageBg').removeClass(clsName);
		$('#bodyBg').removeClass(clsName01);
		$('#bodyBg').addClass('bgGreen01');
	//	$('#pageBg').addClass('bgGreen');
	//	$('#pageBg').fadeIn(3000).addClass('bgGreen');
		
		//dharma
		$('#pageBg').addClass('bgGreen');
		$('#pageBg').css("display", "none");
		$('#pageBg').fadeIn(4000);
		
		$(this).removeClass(clsGreen);
		$(this).addClass('active');
		
		$("#jsBgOrange").removeClass(clsOrange);
		$("#jsBgBlue").removeClass(clsBlue);
		$("#jsBgOrange").addClass('inActive');
		$("#jsBgBlue").addClass('inActive');
		
		index = 1;		 
	});
	
		$("#jsBgOrange").click(function() { //When trigger is clicked...
										
		var clsName = $('#pageBg').attr("class");
		var clsName01 = $('#bodyBg').attr("class");
		var clsGreen =  $('#jsBgGreen').attr("class");
		var clsOrange = $('#jsBgOrange').attr("class");
		var clsBlue = $('#jsBgBlue').attr("class");
		
		$('#bodyBg').removeClass(clsName01);
		$('#pageBg').removeClass(clsName);
		$('#bodyBg').addClass('bgOrange01');	


		$('#pageBg').addClass('bgOrange');
		$('#pageBg').css("display", "none");
		$('#pageBg').fadeIn(4000);
				
		$(this).removeClass(clsOrange);
		$(this).addClass('active');
		
		$("#jsBgGreen").removeClass(clsGreen);
		$("#jsBgBlue").removeClass(clsBlue);
		$("#jsBgGreen").addClass('inActive');
		$("#jsBgBlue").addClass('inActive');
		
		index = 2;
	});
		
		$("#jsBgBlue").click(function() { //When trigger is clicked...
		var clsName = $('#pageBg').attr("class");
		var clsName01 = $('#bodyBg').attr("class");
		var clsGreen =  $('#jsBgGreen').attr("class");
		var clsOrange = $('#jsBgOrange').attr("class");
		var clsBlue = $('#jsBgBlue').attr("class");
		
		$('#pageBg').removeClass(clsName);
		$('#bodyBg').removeClass(clsName01);
		$('#bodyBg').addClass('bgBlue01');

		//dharma
		$('#pageBg').addClass('bgBlue');
		$('#pageBg').css("display", "none");
		$('#pageBg').fadeIn(4000);
		
		$(this).removeClass(clsBlue);
		$(this).addClass('active');
		
		$("#jsBgGreen").removeClass(clsGreen);
		$("#jsBgOrange").removeClass(clsOrange);
		$("#jsBgGreen").addClass('inActive');
		$("#jsBgOrange").addClass('inActive');
		
		index = 0;
	});
	
		
/*	$(".mainmenu ul li a").mouseout(function(){
		alert($(this).attr('class'));
		for( var i=1; i<=5; i++) 
		{	
			//alert("jsMenu0"+i);
			var clsName = $(this).attr('class');
			if ( clsName == "jsMenu0"+i)
			{	
				$(".submenu0"+i).hide();
				$(".jsMenu0"+i).css("background","#88c242");
			}
		}
    }).mouseover(function(){
		for( var i=1; i<=5; i++)
		{		
			var clsName = $(this).attr('class');
			if ( clsName == "jsMenu0"+i)
			{
				alert(clsName);
		 		$(".jsMenu0"+i).css("background","#07743c");
				 $(".submenu0"+i).show();
			}
		}
    });
*/

$(".jsMenu01").mouseout(function(){
		 $(".submenu01").hide();
		 $(".jsMenu01").css("background","#88c242");
		 //$(".jsMenu01").css("display","none");
    }).mouseover(function(){
		 $(".jsMenu01").css("background","#07743c");
 		 $(".jsMenu01").css("display","block");
		 //$(".submenu01").show();
    });

$(".jsMenu02").mouseout(function(){
		 $(".submenu02").hide();
		 $(".jsMenu02").css("background","#88c242");
	//	 $(".jsMenu01").css("display","none");
    }).mouseover(function(){
		 $(".jsMenu02").css("background","#07743c");
 		// $(".jsMenu01").css("display","block");
		 $(".submenu02").show();	
    });

$(".jsMenu03").mouseout(function(){
		 $(".submenu03").hide();
		 $(".jsMenu03").css("background","#88c242");
	//	 $(".jsMenu01").css("display","none");
    }).mouseover(function(){
		 $(".jsMenu03").css("background","#07743c");
 		// $(".jsMenu01").css("display","block");
		 $(".submenu03").show();
	
    });


$(".jsMenu04").mouseout(function(){
		 $(".submenu04").hide();
		 $(".jsMenu04").css("background","#88c242");
	//	 $(".jsMenu01").css("display","none");
    }).mouseover(function(){
		 $(".jsMenu04").css("background","#07743c");
 		// $(".jsMenu01").css("display","block");
		 $(".submenu04").show();
	
    });

$(".jsMenu05").mouseout(function(){
		 $(".submenu05").hide();
		 $(".jsMenu05").css("background","#88c242");
	//	 $(".jsMenu01").css("display","none");
    }).mouseover(function(){
		 $(".jsMenu05").css("background","#07743c");
 		// $(".jsMenu01").css("display","block");
		 $(".submenu05").show();
	
    });


});