$(document).ready(function(){

preload = function(){
$("#overlay").show();
(new Image()).src = "img/ajaxloader.gif";
(new Image()).src = "img/1.jpg";
(new Image()).src = "img/2.jpg";
(new Image()).src = "img/3.jpg";
(new Image()).src = "img/4.jpg";
(new Image()).src = "img/cube.jpg";
(new Image()).src = "img/font.png";
(new Image()).src = "img/comingsoon.png";
(new Image()).src = "img/gallery.png";
(new Image()).src = "img/history.png";
(new Image()).src = "img/ragam11.png";
(new Image()).src = "img/fb2.png";
(new Image()).src = "img/twtr2.png";
(new Image()).src = "img/yt2.png";
}

var tab=1;
var im=0;
var n=27;
gallery_preload = function() {
	
	for(var i=0;i<n;i++)
	{
		(new Image()).src = "img/gallery/img" + i + ".jpg";
	}
}

showgallery = function() {
	$("#b11,#b21,#b31,#b12,#b22,#b32,#b13,#b23,#b33").hide();
	$(".hist").hide();
	$("#b11,#b21,#b31,#b12,#b22,#b32,#b13,#b23,#b33").css("background","#FFFFFF");
    historyflash();
	setTimeout(function(){
						$("#b11,#b21,#b31,#b12,#b22,#b32,#b13,#b23,#b33").hide();
						$("#gallery").show();
						},500);
}
showabout = function() {
	$("#b11,#b21,#b31,#b12,#b22,#b32,#b13,#b23,#b33").hide();
	$(".hist").hide();
	$("#b11,#b21,#b31,#b12,#b22,#b32,#b13,#b23,#b33").css("background","#FFFFFF");
	historyflash();
	setTimeout(function(){
							$("#about").show();
							$('#about').tinyscrollbar();
							//$("#about p").jTypeWriter();
						},500);
}
				 

changeflash = function() {
	var sp=100;
	$("#b11,#b21,#b31,#b12,#b22,#b32,#b13,#b23,#b33").css({"background":"#000000","opacity":"1"}).show();
	
	$("#b22").css("background","#FFFFFF");
	$("#b22").fadeOut(sp,function(){
		$("#b23").css("background","#FFFFFF");
		$("#b23").fadeOut(sp,function(){
			$("#b13").css("background","#FFFFFF");
			$("#b13").fadeOut(sp,function(){
				$("#b12").css("background","#FFFFFF");
				$("#b12").fadeOut(sp);
				
			});
		});								  
	});
	$("#b21").css("background","#FFFFFF");
	$("#b21").fadeOut(sp,function(){
		$("#b11").css("background","#FFFFFF");
		$("#b11").fadeOut(sp);		  
	});
	
	$("#b32").css("background","#FFFFFF");
	$("#b32").fadeOut(sp,function(){
		$("#b33").css("background","#FFFFFF");
		$("#b33").fadeOut(sp,function(){
			$("#b31").css("background","#FFFFFF");
			$("#b31").fadeOut(sp);
		});								  
	});
}
	
next = function(){
	im=(im+1)%n;
	var path = "url(img/gallery/img" + im + ".jpg)";
	$("#gallery").css("background",path);
	changeflash();
}
prev = function(){
	if(im==0)
	 im=n-1;
	else 
	 im--;
	var path = "url(img/gallery/img" + im + ".jpg)";
	$("#gallery").css("background",path);
	changeflash();
}

historyflash = function() {
	
	$("#b11,#b21,#b31").show();
    $("#b11,#b21,#b31").fadeTo(100,0.9,function(){
								  	$("#b11,#b21,#b31").css("background","#000000");
									$("#b12,#b22,#b32").show();
									$("#b12,#b22,#b32").fadeTo(100,0.9,function(){
															 	  	$("#b12,#b22,#b32").css("background","#000000");
																	$("#b13,#b23,#b33").show();
	   																$("#b13,#b23,#b33").fadeTo(100,0.9,function(){
																								  	$("#b13,#b23,#b33").css("background","#000000");
																								  });
															 	  });
								});
	
}
flash = function() {
	var sp=100;
	
	$("#b23").css("background","#FFFFFF");
	$("#b23").fadeOut(sp,function(){
		$("#b22").css("background","#FFFFFF");
		$("#b22").fadeOut(sp,function(){
			$("#b13").css("background","#FFFFFF");
			$("#b13").fadeOut(sp,function(){
				$("#b21").css("background","#FFFFFF");
				$("#b21").fadeOut(sp,function(){
			    	$("#b12").css("background","#FFFFFF");
					$("#b12").fadeOut(sp,function(){
						$("#b11").css("background","#FFFFFF");
						$("#b11").fadeOut(sp);
					});
				});
			});
		});								  
	});
	
	$("#b32").css("background","#FFFFFF");
	$("#b32").fadeOut(sp,function(){
		$("#b33").css("background","#FFFFFF");
		$("#b33").fadeOut(sp,function(){
			$("#b41").css("background","#FFFFFF");
			$("#b41").fadeOut(sp,function(){
				$("#b43").css("background","#FFFFFF");
				$("#b43").fadeOut(sp,function(){
			    	$("#b31").css("background","#FFFFFF");
					$("#b31").fadeOut(sp,function(){
						$("#b42").css("background","#FFFFFF");
						$("#b42").fadeOut(sp);
					});
				});
			});
		});								  
	});
	
	$("#b25").css("background","#FFFFFF");
	$("#b25").fadeOut(sp,function(){
		$("#b24").css("background","#FFFFFF");
		$("#b24").fadeOut(sp,function(){
			$("#b14").css("background","#FFFFFF");
			$("#b14").fadeOut(sp,function(){
				$("#b26").css("background","#FFFFFF");
				$("#b26").fadeOut(sp,function(){
			    	$("#b16").css("background","#FFFFFF");
					$("#b16").fadeOut(sp,function(){
						$("#b15").css("background","#FFFFFF");
						$("#b15").fadeOut(sp);
					});
				});
			});
		});								  
	});
													
	$("#b34").css("background","#FFFFFF");
	$("#b34").fadeOut(sp,function(){
		$("#b35").css("background","#FFFFFF");
		$("#b35").fadeOut(sp,function(){
			$("#b45").css("background","#FFFFFF");
			$("#b45").fadeOut(sp,function(){
				$("#b44").css("background","#FFFFFF");
				$("#b44").fadeOut(sp,function(){
			    	$("#b36").css("background","#FFFFFF");
					$("#b36").fadeOut(sp,function(){
						$("#b46").css("background","#FFFFFF");
						$("#b46").fadeOut(sp);
					});
				});
			});
		});								  
	});
}


one = function(){
	  							 	
																
																							$("#b24,#b34").show();
																							$("#b24,#b34").fadeTo(100,0.9,function(){
															 							 								  	$("#b24,#b34").css("background","#000000");
																															$("#b25,#b35").show();
	   																														$("#b25,#b35").fadeTo(100,0.9,function(){
																																					 	$("#b25,#b35").css("background","#000000");
																																					 });
															 							 								  
															 							 
															 });
								 
	  setTimeout(function(){
				 	$("#home").css("opacity","1.0");
					$("#home_details").show();
					$("#home_details p").jTypeWriter();
				 },600);  
	 }


two = function(){
	  	$("#b14").show();
		$("#b14").fadeTo(100,0.9,function(){
								 	$("#b14").css("background","#000000");
									$("#b41").show();
									$("#b41").fadeTo(100,0.9,function(){
															 	$("#b41").css("background","#000000");
																$("#b24,#b34").show();
																$("#b24,#b34").fadeTo(100,0.9,function(){
															 							 	$("#b24,#b34").css("background","#000000");
																							$("#b25,#b35").show();
																							$("#b25,#b35").fadeTo(100,0.9,function(){
															 							 								  	$("#b25,#b35").css("background","#000000");
																															$("#b26,#b36").show();
	   																														$("#b26,#b36").fadeTo(100,0.9,function(){
																																					 	$("#b26,#b36").css("background","#000000");
																																					 });
															 							 								  });
															 							 });
															 });
								 });
	  setTimeout(function(){
				 	$("#history").css("opacity","1.0");
					$("#history_details").show();
					$("#history_details p").jTypeWriter();
				 },600);  
	 }


three = function(){
	  	$("#b43").show();
		$("#b43").fadeTo(100,0.9,function(){
								 	$("#b43").css("background","#000000");
									$("#b11").show();
									$("#b11").fadeTo(100,0.9,function(){
															 	$("#b11").css("background","#000000");
																$("#b14,#b15").show();
																$("#b14,#b15").fadeTo(100,0.9,function(){
															 							 	$("#b14,#b15").css("background","#000000");
																							$("#b24,#b25").show();
																							$("#b24,#b25").fadeTo(100,0.9,function(){
															 							 								  	$("#b24,#b25").css("background","#000000");
																															$("#b34,#b35").show();
	   																														$("#b34,#b35").fadeTo(100,0.9,function(){
																																					 	$("#b34,#b35").css("background","#000000");
																																					 });
															 							 								  });
															 							 });
															 });
								 });
	  setTimeout(function(){
				    $("#contact").css("opacity","1.0");
				 	$("#contact_details").show();
					$("#contact_details p").jTypeWriter();
				 },600);  
	 }


four = function(){
	  	$("#b26").show();
		$("#b26").fadeTo(100,0.9,function(){
								 	$("#b26").css("background","#000000");
									$("#b41").show();
									$("#b41").fadeTo(100,0.9,function(){
															 	$("#b41").css("background","#000000");
																$("#b13,#b23,#b33").show();
																$("#b13,#b23,#b33").fadeTo(100,0.9,function(){
															 							 	$("#b13,#b23,#b33").css("background","#000000");
																							$("#b14,#b24,#b34").show();
																							$("#b14,#b24,#b34").fadeTo(100,0.9,function(){
															 							 								  	$("#b14,#b24,#b34").css("background","#000000");
																															$("#b15,#b25,#b35").show();
	   																														$("#b15,#b25,#b35").fadeTo(100,0.9,function(){
																																					 	$("#b15,#b25,#b35").css("background","#000000");
																																					 });
															 							 								  });
															 							 });
															 });
								 });
	  setTimeout(function(){
				 	$("#spons").css("opacity","1.0");
					$("#spons_details").show();
					//$("#spons_details p").jTypeWriter();
				 },600);  
	 }



$("#one").click(function() {
						 $(".button").css("background","#4ACECB");
						 $(".text").hide();
						 $(".label").css("opacity","0.5");
						 $(".hist").hide();
						 
						 $("#one").animate({left:"302px"},"slow");
						 $("#two").animate({top:"453px"},"slow");
						 $("#three").animate({left:"0px"},"slow");
						 $("#four").animate({top:"302px"},"slow");
						 
						 $(".block").css("background","#000000").show();
						 $("#cover").show();
						 $("#screen").css("background","url(img/1.jpg)");
						 $("#cover").fadeOut(1000);
						 
						 flash();
						 setTimeout(one,800);
						 tab=1;
						 });

$("#two").click(function() {
						 $(".button").css("background","#42716B");
						 $(".text").hide();
						 $(".label").css("opacity","0.5");
						 $(".hist").hide();
						 
						 $("#one").animate({left:"604px"},"slow");
						 $("#two").animate({top:"453px"},"slow");
						 $("#three").animate({left:"302px"},"slow");
						 $("#four").animate({top:"453px"},"slow");
						 
						 $(".block").css("background","#000000").show();
						 $("#cover").show();
						 $("#screen").css("background","url(img/3.jpg)");
						 $("#cover").fadeOut(1000);

						 flash();
						 setTimeout(two,800);
						 
						 tab=2;
						 });

$("#three").click(function() {
						 $(".button").css("background","#999999");
						 $(".text").hide();
						 $(".label").css("opacity","0.5");
						 $(".hist").hide();
						 
						 $("#one").animate({left:"755px"},"slow");
						 $("#two").animate({top:"0px"},"slow");
						 $("#three").animate({left:"453px"},"slow");
						 $("#four").animate({top:"151px"},"slow");
						 
						 $(".block").css("background","#000000").show();
						 $("#cover").show();
						 $("#screen").css("background","url(img/2.jpg)");
						 $("#cover").fadeOut(1000);

						 flash();
						 setTimeout(three,800);
						 tab=3;
						 });

$("#four").click(function() {
						 $(".button").css("background","#000133");
						 $(".text").hide();
						 $(".label").css("opacity","0.5");
						 $(".hist").hide();
						 
						 $("#one").animate({left:"755px"},"slow");
						 $("#two").animate({top:"302px"},"slow");
						 $("#three").animate({left:"604px"},"slow");
						 $("#four").animate({top:"302px"},"slow");
						
						 $(".block").css("background","#000000").show();
						 $("#cover").show();
						 $("#screen").css("background","url(img/4.jpg)");
						 $("#cover").fadeOut(1000);

						 flash();
						 setTimeout(four,800);
						 tab=4;
						 });


$("#one").mouseover(function(){
							 if(tab!=1) {
								 $("#home").css("opacity","1.0");
							 	}
						});
$("#one").mouseout(function(){
							 if(tab!=1) {
								 $("#home").css("opacity","0.5");
							 	}
						});
$("#two").mouseover(function(){
							 if(tab!=2) {
								 $("#history").css("opacity","1.0");
							 	}
						});
$("#two").mouseout(function(){
							 if(tab!=2) {
								 $("#history").css("opacity","0.5");
							 	}
						});
$("#three").mouseover(function(){
							 if(tab!=3) {
								 $("#contact").css("opacity","1.0");
							 	}
						});
$("#three").mouseout(function(){
							 if(tab!=3) {
								 $("#contact").css("opacity","0.5");
							 	}
						});
$("#four").mouseover(function(){
							 if(tab!=4) {
								 $("#spons").css("opacity","1.0");
							 	}
						});
$("#four").mouseout(function(){
							 if(tab!=4) {
								 $("#spons").css("opacity","0.5");
							 	}
						});

$("#history_gallery").click(showgallery);
$("#history_about").click(showabout);
$("#history_ragam11").click(function(){window.open("http://www.ragam.org.in/2011/");});
$("#next").click(next);
$("#prev").click(prev);

preload();
$(window).load(function(){
$("#overlay").hide();
$(".block").css("background","#000000").show();
$("#cover").show();
$("#cover").fadeOut(1000);
flash();
setTimeout(one,800);
gallery_preload();
						});
});