$(function() {
	$(".show-data-popup").hide();	
	$(".ui-tabs .ui-tabs-nav li a").click(function() {
		$(".popup-item").hide();
		$(".popup,#popup").remove();
		$(document).unbind("mousedown");
	});
})

function showPopup(obj,tab,item) 
{
	var currentObj = $(obj);
	
	if(tab == 2) 
	{	
		$(".show-data-popup").hide();	
		var content = $(".show-data-popup").html();
		var id = $(obj).attr("id");	
		$("#cool-action-material").append("<div id='popup' style='height: 100%;width: 100%;background: #000000;position: fixed;top: 0;left:0px;-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;filter:alpha(opacity=75);z-index:4'></div>");
		
		
		$("#cool-action-material").append("<div class='popup'>"+content+"</div>");
		$(".popup").find("p").wrapAll("<div class='scroll' />");
		$(".scroll").jScrollPane({showArrows: true, verticalDragMinHeight:53, verticalDragMaxHeight: 53, autoReinitialise: true});
		$(".popup").css("top",$(window).height()/2 - $(".popup").outerHeight()/2 + "px").css("left",$(window).width()/2 - $(".popup").outerWidth()/2 + "px");
		$("#popup").fadeIn(900);
		$(".popup").fadeIn(50,function() {
			$(document).bind("mousedown",function (event) {
				if($('.popup').is(':hidden') == false && !$.contains($('.popup').get(0), event.target))
				{			
					$(".popup").fadeOut("slow",function() {
						$("#popup").remove();						
						$(".popup").find("p").unwrap();
						$(".popup").remove();						
					});
				}
			});
		});
		$(".popup").append("<span id='close' onclick='close_it(this,2)'></span>").append("<span id='prev' onclick='prev(this,2)'></span>").append("<span id='next' onclick='next(this,2)'></span>");
			
		$(".popup h2").css("display","none");
		$(".popup p").css("display","none");
		$(".popup img").css("display","none");
		
		$(".popup h2:eq("+ id +")").css("display","block");
		$(".popup p:eq("+ id +")").css("display","block");
		$(".popup img:eq("+ id +")").css("display","block");		
		$(".popup").attr("id",id);	
	}
	
	if(tab == 3) 
	{
		$(".popup-item").hide();
        $("#Renewal").hide();
		$("#icomfort-models").append("<div id='popup' style='height: 100%;width: 100%;background: #000000;position: fixed;top: 0;left:0px;-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;filter:alpha(opacity=75);z-index:4'></div>");
		$("#popup").fadeIn(900);		
		$("#" + item).css("top",$(window).height()/2 - $("#" + item).outerHeight()/2 + "px").css("left",$(window).width()/2 - $("#" + item).outerWidth()/2 + "px");	
		$("#" + item).fadeIn("slow",function() {
			$("html").bind("mousedown",function (event) {
				if($("#" + item).is(':hidden') == false && !$.contains($("#" + item).get(0), event.target))
				{			
					$(".popup-item").fadeOut("slow",function() {
						$("#popup").remove();				
						$(document).unbind("mousedown");	
					});
				}
			});		
		});	
		
		$("#" + item + " h2").css("display","none");
		$("#" + item + " p").css("display","none");
		
		$("#" + item).append("<span id='close' onclick='close_it(this,3)'></span>");
		$("#" + item).append("<span id='prev' onclick='prev(this,3)'></span>");
		$("#" + item).append("<span id='next' onclick='next(this,3)'></span>");
			
		$("#" + item + " h2:first").css("display","block");	
		$("#" + item + " p:first").css("display","block");	
		$("#" + item + " img").attr("id","0");	
	}
	
}
function prev(obj,tab)
{
	var maxLength = 0;
	var id=0;
	if(tab == 2) 
	{
		maxLength =  $(obj).parent().find("h2").size();
		id = $(obj).parent().attr("id");	
		id--;
		if(id<0) 
		{
			id=maxLength-1;
		}
		$(".popup").attr("id",id);
	}
	
	if(tab == 3) 
	{
		var name = $(obj).parent().attr("id");
		var id =$(obj).parent().find("img").attr("id");
		var maxLength =$("#"+ name +" p").size();
		id--;
		if(id<0) 
		{
			id=maxLength-1;
		}
		$(obj).parent().find("img").attr("id",id);			
	}
	display(id,name,tab);	
}

function next(obj,tab)
{     
	var maxLength = 0;
	var id=0;
	if(tab == 2) 
	{
		maxLength =  $(obj).parent().find("h2").size();
		id = $(obj).parent().attr("id");	
		id++;
		if(id>(maxLength-1)) 
		{
			id=0;
		}	
		$(".popup").attr("id",id);
					
	}
	if(tab == 3) 
	{
		var name = $(obj).parent().attr("id");
		var id =$(obj).parent().find("img").attr("id");
		var maxLength =$(obj).parent().find("p").size();
		id++;	
		if(id>(maxLength-1)) 
		{
			id=0;
		}	
		$(obj).parent().find("img").attr("id",id);	
	}	
	
	display(id,name,tab);
}

function display(id,obj,tab)
{
	if(tab == 2)
	{
		$(".popup h2").css("display","none");
		$(".popup img").css("display","none");
		$(".popup p").css("display","none");

		$(".popup h2:eq("+id+")").css("display","block");
		$(".popup img:eq("+id+")").css("display","block");
		$(".popup p:eq("+id+")").css("display","block");
	}
	if(tab == 3)
	{		
		$("#" + obj + " h2").hide();
		$("#" + obj + " p").hide();
   
		$("#" + obj + " h2:eq("+ id +")").css("display","block");
		$("#" + obj + " p:eq("+ id +")").css("display","block");
	}
}


function close_it(obj,tab) 
{
	if(tab == 2) 
	{
		$(".popup").fadeOut("slow",function() {
			$("#popup").remove();						
			$(".popup").find("p").unwrap();
			$(".popup").remove();		
		});
	}	
	if(tab == 3) 
	{
		var name = $(obj).parent().attr("id");
		$(".popup-item").fadeOut("slow",function() {
			$("#popup").remove();				
			$(document).unbind("mousedown");	
		});
		
	}	
}