var current = 0;
var currentTime = new Date().getTime();
CURRENT_ACTIVE_PAGE = "html/mainPage.html?"+currentTime;
$(function(){
	/* ########################## header-rays movement script start */
		var obj = $(".header_rays");
		var obj1 = $(".header_rays1");


	/* ########################## button script start */
	var btnList = 
		[
			{	name:"मुख्‍य प़ष्‍ठ ",
				url:"html/mainPage" },
			{	name:"गर्भ संस्‍कार ",
				url:"html/garbhSanskaar" },
			{	name:"धर्म बोधि विद्यापीठ ",
				url:"html/dharmBodhi1" },
			{	name:"युगल धर्म साधना",
				url:"html/yugalDharm1" },
			{	name:"नवकार तीर्थ कलश",
				url:"html/navakaarTirth1" },
			{	name:"गौतम निधि ",
				url:"html/gautmNidhi1" },
			{	name:"श्रुत पीठ ",
				url:"html/shrutPeeth" },
			{	name:"पुरूषाकार पराक्रम",
				url:"html/purushakaarParakram" },
			{	name:"अष्‍ट मंगल",
				url:"html/ashtMangal1" },
			{	name:"अर्हम साधना",
				url:"html/auramSadhana" },
			{	name:"उत्‍तराध्‍ययन सूत्र",
				url:"html/uttaradhyanSutra" },
			{	name:"नवपद अराधना",
				url:"html/navpadAaradhana" },
			{	name:"सम्‍पर्क ",
				url:"html/contact" }
		];
/* ########################## new registration script start */
		$("#newRegistration").click(function(){
			var uiElem = $(this);
			//hidding the dialog titlebar
			$(".ui-dialog-titlebar").hide();
			//positioning the dialog at proper position
			var position =  uiElem.offset();
//			$("#registration-dialog").dialog("option", "position", [position.left-205, position.top+150]);
			$("#registration-dialog").parent().css({'border' : '0px', 'background':'transparent', 'padding' : '0px'});
			$("#registration-dialog").css({'padding' : '0px'});
			$("#formWrapper").show();
			$("#confirmation-msg").hide();
			$("#registration-dialog").dialog("open");
		})

		$("#submitBtn").click(function(){
			$("#registrationForm").submit();
			//$("#formWrapper").hide();
			$("#confirmation-msg").show();
		})

		$("#closeDialog").click(function(){
			$("#registration-dialog").dialog("close");
		})

		$("#okBtn").click(function(){
			$("#registration-dialog").dialog("close");
		})


		$("#sadsya").append("   सदस्य");
		$("#newRegistration").append(" नये सदस्य");

	var topPos = 0;
	var leftPos = 7;
		for(var i=0; i<btnList.length;i++ ){
			$("#btnContainer").append('<div style="top:'+topPos+'px;left:'+leftPos+'px" id="'+ btnList[i].url +'" class="btn loadLink"><div class="left"></div><div class="mid">'+ btnList[i].name +'</div><div class="right"></div></div>');
			leftPos = 7;
			if ((i%2) == 0)
				leftPos = 30;
			topPos=topPos+41;
		}
		$(".btn").hover(
		  function () {
			$(this).toggleClass("btnActive");
		  }
		);
		
		$(".loadLink").click(
		function(obj){
			loadNewPage($(this))	
		});

		setInterval(function(){raysMovement(obj1)}, 170);		

		var leftMargin = ($(document).width()-1000)/2;
		$(".outerDiv").css({"margin-left":leftMargin});

		$('.slide').first().load('html/mainPage.html?'+currentTime);
		initPageScrollUp();
		$("#garbhSanskaar").append($("#garbhSanskaarMenu"));
		var str = (document.location.href).split("?")[1];
		if(str == "submitSuccess")
		{
/*			$(".ui-dialog-titlebar").hide();
			$("#registration-dialog").parent().css({'border' : '0px', 'background':'transparent', 'padding' : '0px'});
			$("#registration-dialog").css({'padding' : '0px'});
			$("#formWrapper").hide();
			$("#confirmation-msg").show();
			$("#registration-dialog").dialog("open");*/
		}
});

function paginationCallback(page){
	$(".paginationLoadLink").attr("id","html/gb/garbhSanskaar"+page);
	loadNewPage($(".paginationLoadLink"));
}

function dbPaginationCallback(page){
	$(".paginationLoadLink").attr("id","html/dharmBodhi"+page);
	loadNewPage($(".paginationLoadLink"));
}

function ydPaginationCallback(page){
	$(".paginationLoadLink").attr("id","html/yugalDharm"+page);
	loadNewPage($(".paginationLoadLink"));
}

function amPaginationCallback(page){
	$(".paginationLoadLink").attr("id","html/ashtMangal"+page);
	loadNewPage($(".paginationLoadLink"));
}


function raysMovement(obj){
	obj.css("background-position","-40px "+current+"px");
	if (current==0)
		incr = -1;
	if (current==-15)
		incr = 1
	current = current+incr;
}
function loadNewPage(obj){
	var objId = obj.attr("id");
	var hideFlag = (objId.indexOf("garbhSanskaar") == "-1") && (objId.indexOf("dharmBodhi") == "-1") && (objId.indexOf("yugalDharm") == "-1") && (objId.indexOf("ashtMangal") == "-1");
	if(hideFlag)
	{
		$("#gbPage").hide();
	}

	var fileName = obj.attr("id")+".html";
	if (CURRENT_ACTIVE_PAGE == fileName)
		return;
	else
		CURRENT_ACTIVE_PAGE = fileName;
	$('.slide').last()[0].innerHTML = "<div style='font-size:25px; color:#cccccc; width:460px; filter: alpha(opacity = 50); opacity:.5; text-align:center; padding:30px; padding-top:50px'><img src='resource/images/loading.gif' /></div>";
	$('.slide').last().load(fileName+"?"+currentTime);
	$('#clickme').trigger("click");
}


function initPageScrollUp(){
		 var cnt = -1;
		  var currentPosition = 0;
		  var slideHeight = 495;
		  var slides = $('.slide');
		  var numberOfSlides = slides.length;

			$('.slide').first().css({"marginTop":0});
			$('.slide').last().css({"marginTop":slideHeight});

		  // Remove scrollbar in JS
		  $('#slidesContainer').css('overflow', 'hidden');


		  // Create event listeners for .controls clicks
		  $('#clickme').bind('click', function(){
			// Determine new position
				/*if(cnt == 1){
					cnt = -1;
				}else{
					cnt = 1;
				}*/
			  currentPosition = -1;

			  // Move slideInner using margin-left
			  $('.slide').first().animate({
				'marginTop' : slideHeight*(currentPosition)
			  },2000);
			  $('.slide').last().animate({
				'marginTop' : 0
			  },2000, function(){
				$('.slide').first().css({"marginTop":slideHeight});
				$('#slidesContainer').append($('.slide').first());
			  });
			});

				

		  // manageControls: Hides and shows controls depending on currentPosition
		  function manageControls(position){
			// Hide left arrow if position is first slide
			if(position==0){ $('#leftControl').hide() }
			else{ $('#leftControl').show() }
			// Hide right arrow if position is last slide
			if(position==numberOfSlides-1){ $('#rightControl').hide() }
			else{ $('#rightControl').show() }
			}
	  /*$('#textWrapper').slideUp('slow', function() {
		// Animation complete.
	  });*/
}

function initVideoModalDialog(thumbnailContainer,videoHolder){
			var thumbContainer = $("ul#"+thumbnailContainer);
			$("#videoLinkContainer").append('<div id="videoModal" title="Video Modal"> 	<div class="yt_holder"> 		<div id="'+videoHolder+'">aaaaa aaaa aaa</div> 	</div> </div>');
			thumbContainer.ytplaylist();
			thumbContainer.ytplaylist({addThumbs:false, autoPlay: false, holderId: videoHolder});
			$( "#videoModal" ).dialog({
				height: 140,
				modal: true,
				autoOpen: false
			});
}

function openVideoModalDialog(){
	
}