$(document).ready(function(){
		
		
		$( "#article_tabs ul li a" ).click(function(){
			$("#fragment-1,#fragment-2,#fragment-3,#fragment-4,#fragment-5,#fragment-6").hide();
			$(this).parent().addClass("visited");
			$("#article_tabs ul li").removeClass("active").addClass("inactive");
			var parentli = $(this).parent();
			$(parentli).removeClass("inactive").addClass("active");
			
			var divid=$(this).attr("href");
			$(divid).show();
			
			return false;
		});
		
		
		
		$(".image-container .thumb-img img").click(function(){

			
			var activeLi=$("#article_tabs ul li.active");			
			//postion of active li
			var activeLiPos = $('#article_tabs ul li').index(activeLi);
			//total li in tabs
			var totalLi = $("#article_tabs ul li").size();

			
			var $p=$(this).parent().children();			
			//postion of current clicked image
			var imgPos = $p.index(this);
			// total number of thumb images
			var totalImg=$(this).parent().children().size();
			
			
			
			totalImg=totalImg+1;// thumb images plus mail image
			
			//get the differance from between  li's and issue li's
			var diff = totalLi-totalImg;
			
			if(imgPos>=activeLiPos-diff){
				var targetLiNum=imgPos+1
			}
			else{
				var targetLiNum=imgPos;
			}
			
		
			//ignore the inital li's which are not part of issue tabs
			targetLiNum=targetLiNum+diff;
			//alert(targetLiNum);
			
			$("#fragment-1,#fragment-2,#fragment-3,#fragment-4,#fragment-5,#fragment-6").hide();
			
			var $targetLi=$("#article_tabs ul").find('li').eq(targetLiNum);
			$targetLi.addClass("visited");
			$("#article_tabs ul li").removeClass("active").addClass("inactive");
			//var parentli = $targetLi.parent();
			$targetLi.removeClass("inactive").addClass("active");
			
			var divid=$targetLi.find('a').eq(0).attr("href");
			$(divid).show();
			
			
			
		});
		
		
		
		$(".content-section a").click(function(){
			var tab=$(this).attr("href");
			switch_tabs(tab);			
		});
		
		var hash = window.location.hash;
		switch_tabs(hash);
		

});


function switch_tabs(tab){
		
	var divid = false;
	switch(tab){
		case "#tab-1":
			divid="#fragment-1";
			break;
		
		case "#tab-2":
			divid="#fragment-2";
			break;
		
		case "#tab-3":
			divid="#fragment-3";
			break;
		
		case "#tab-4":
			divid="#fragment-4";
			break;	
		
		case "#tab-5":
			divid="#fragment-5";
			break;
			
		case "#tab-6":
			divid="#fragment-6";
			break;

	}
	
	//alert(tab+'<>'+divid);
	if(divid){
		$("#fragment-1,#fragment-2,#fragment-3,#fragment-4,#fragment-5,#fragment-6").hide();	
		$("#article_tabs ul li").removeClass("active").addClass("inactive");
		$(tab).removeClass("inactive").addClass("visited").addClass("active");
		$(divid).show();
	}
}