$(document).ready( function () {
	
		// On load Fucntionality
		$(".navigaiton-listinner ol li").hide();
		
		
		title_display();	
		
		
		
		
		
		// Select Sub Navigation on Load
		function subnav(){
		for(i=1;i <= 100; i++)
							{	//alert(i);		
								if($(".navigaiton-list > ol > li:nth-child("+i+")").attr("class") == "current")
								{
									//alert("I value is :"+ i);		
									for(j=1;j <= 100; j++)
											{
												if($(".sider-main > ul > li:nth-child("+j+")").attr("class") == ("active"))
												{
													
												//alert(i);
												//alert(j);
												
												
															if (j > i)
																	{
																
																		total = j - i ;
																		total = total * 500;
																		//alert (total);
																		$(".sider-main > ul > li").animate({
																			"left"	: "+="+total
																			
																			})
																			$(".sider-main > ul > li").removeClass("active");
												$(".sider-main > ul > li:nth-child("+i+")").addClass("active")
												
												
												listing = 0;
												listing = $(".sider-main > ul > li.active li").size();
												
												secondnav(listing);
																			break;
																		}
															
															
															else if (j < i)
																	{
																
																		total = i - j ;
																		total = total * 500;
																		//alert (total);
																		$(".sider-main > ul > li").animate({
																			"left"	: "-="+total
																			
																			})
																			$(".sider-main > ul > li").removeClass("active");
												$(".sider-main > ul > li:nth-child("+i+")").addClass("active")
												
												listing = 0;
												listing = $(".sider-main > ul > li.active li").size();
												
												secondnav(listing);
																			break;
																		}	
												else if (j == i)
																	{
																
																		total = i - j ;
																		total = total * 500;
																		//alert (total);
																		$(".sider-main > ul > li").animate({
																			"left"	: "-="+total
																			
																			})
																			$(".sider-main > ul > li").removeClass("active");
												$(".sider-main > ul > li:nth-child("+i+")").addClass("active")
												
												listing = 0;
												listing = $(".sider-main > ul > li.active li").size();
												
												secondnav(listing);
																			break;
																		}		
																		
												
															
													
												}
												
												
											}
											
											
									
									title_display();
									return false;
								}
								
							}
		}
		
		
		// Navigation Listing functionaltiy
			$licount = $(".sider-main > ul > li").size();
			$(".navigaiton-list ol").html("");
			
			for (i=1 ; i<= $licount; i++)
			{
				$(".navigaiton-list ol").append("<li><a href='javascript:;' title=''>"+i+"</a></li>");
				
			
			}
		
		// onload yellow border display
		$(".navigaiton-list ol li:first").addClass("current");
		
		
		//details function
		function details() {
			if( $(".sider-main > ul > li:first").attr("class") !=  "active")
			{

				$(".details").fadeOut(100);
			}
			else{
				$(".details").fadeIn(500);
				}
			
			}
		
		// Onload funciton for Sub Nav
		subnav();
		
		
		// to click the arrow
		$(".navigation > a").click( function() {
			
					$(".sider-main ul > li.active li").hide();
					$(".navigaiton-listinner li").removeClass("currentinner");
					
					if($(".sider-main > ul > li:last").attr("class") == "active")
					{
						$(".contact a").toggleClass("active");
						$(".contact a").addClass("active");
						$(".sider-main ul > li").removeClass("active");
						//alert("working");
			$(".contact_details").show();
			$(".navigaiton-list li").removeClass("current");
			$(".navigaiton-listinner li").removeClass("currentinner").hide();
			//$(".right").hide();
			$(".left").show();
						
						}
					//subnav();
					if($(".sider-main > ul > li:last").attr("class") != "active")
					{
					
							
							for(i=1;i <= 100; i++)
							{
								if($(".sider-main > ul > li:nth-child("+i+")").attr("class") == "active")
								{
									
									$(".navigaiton-list li").removeClass("current");
									$(".sider-main > ul > li:nth-child("+i+")").removeClass("active");
									i++;
									//alert(i);
									$(".sider-main > ul > li:nth-child("+i+")").addClass("active");
									$(".navigaiton-list li:nth-child("+i+")").addClass("current");
									
										$(".sider-main > ul > li").animate({
											"left"	:	"-=500px"
										})
										break;
									
								}
							}
							//alert("test");
							
												listing = 0;
												listing = $(".sider-main > ul > li.active li").size();
												
												secondnav(listing);	
						
						title_display();	
						details();	
					}
						
						
				
		})
		
		
		
		
		
		
		
		
		
		// to check we have second navigation or not?
		function secondnav(listing){
			//alert(parent_list);
		$(".navigaiton-listinner li").fadeOut();
		
		if(listing > 0)
		{
			
			//alert("working");
			$(".navigaiton-listinner").fadeIn();
			
				
				for (j=1 ; j<= listing; j++)
						{
							//latest= ab+j;
							
							//$(".navigaiton-listinner ol").append("<li><a href='javascript:;' title=''>"+ ab1+"</a></li>");
							$(".navigaiton-listinner").fadeIn().find("ol").fadeIn().find("li:nth-child("+j+")").fadeIn();
				//ab1= ab + parseInt(1+1);
						}
			
			details();	
			
			}else
			{
				
				$(".navigaiton-listinner").fadeOut();
				details();	
				}
			
			}
		
		
		
		
		
		
		
		
		
		
				// to click Navigation List
		$(".navigaiton-list ol > li").click( function() {
			
					$(".contact a").removeClass("active");
					$(".contact_details").hide();
					$(".left").hide();
					$(".sider-main ul > li.active li").hide();
					if ($(this).attr("class") != "current")
					{
					$(".navigaiton-list ol > li").removeClass("current");
					$(".navigaiton-listinner li").removeClass("currentinner");
					$(this).addClass("current");	
					
							if($(".sider-main li").attr("class") != "active")
							{
								//alert("IN")
								$(".sider-main li:last").addClass("active");
							}
					
					// for the Sub Navigation function declared on top of the page
					subnav();
					
				
				
				
				
				
				
				
				
					}
				
				})
				
				
				
				
				
				
				// Second navigation click functionality
				$(".navigaiton-listinner li").click( function() {
					
					$(".details").hide();
					$index = $(this).index();
					$(".navigaiton-listinner li").removeClass("currentinner");
					 $(this).addClass("currentinner");
				//alert($index);
					
					$index = $index +1;
					
					
					$(".sider-main ul > li.active li").removeClass("activeinner").hide();
					$(".sider-main ul > li.active li:nth-child("+$index+")").addClass("activeinner").show();
					
					title_display2();
					
					})
				
					
		
		
		
		
		
		
		
	function title_display() {
		
		// to catch title of the li
		$title =  $(".slider ul li.active img").attr("alt");
		$(".title").hide().html($title).fadeIn(1000);
		
		}
		
	function title_display2() {
		
		// to catch title of the li
		$title =  $(".slider ul li.active ol li.activeinner img").attr("alt");
		$(".title").hide().html($title).fadeIn(1000);
		
		}	
		
		
		
		
		// To click on contact Us button:
		
		$(".contact").click( function () {
			
			$(".contact a").addClass("active");
			//alert("working");
			$(".contact_details").show();
			$(".navigaiton-list li").removeClass("current");
			$(".navigaiton-listinner li").removeClass("currentinner").hide();
			//$(".right").hide();
			$(".left").show();
			})
		
		
		$(".left").click( function () {
		$(".contact a").removeClass("active");
		//alert("test");
		$(".navigaiton-list ol li:first").addClass("current");
		$(".sider-main li:first").addClass("active");
		$(".sider-main li").animate({
			left:0
			});
		$(".contact_details").hide();
		$(".navigaiton-listinner").hide();
		$(".left").hide();
		$(".details").fadeIn();
		subnav();
		
			
		})
	
		
	
		
		
	})