$(document).ready(function()
{  
	$("#shareCntr a.close").click(function(){
		
		$("#serviceCntr").css("margin", "22px 0px 0px 0px");
		$("#serviceCntr a.share").removeClass("showing");
		$("#shareCntr").slideUp();
		
		return false
	});
	
	$("#serviceCntr a.share").click(function(){
		
		if($(this).hasClass("showing"))
		{
			$("#serviceCntr").css("margin", "22px 0px 0px 0px");
			$(this).removeClass("showing");
			$("#shareCntr").slideUp();
		}
		else
		{
			$("#serviceCntr").css("margin", "0px");
			$(this).addClass("showing");
			$("#shareCntr").slideDown();
		}
		
		return false
	});
	
	$(".serverBox.video li a").click(function(){
		$(".serverBox.video li").removeClass("selected");
		$(this).parent().addClass("selected");
		
		var tab = $(this).attr("href");
		
		$(".clientBox div.tab").addClass("hidden");
		$(tab).removeClass("hidden");
		
		return false;
	});
	
	$(".serverBox.video li a").click(function(){
		$(".serverBox.video li").removeClass("selected");
		$(this).parent().addClass("selected");
		
		var tab = $(this).attr("href");
		
		$(".clientBox div.tab").addClass("hidden");
		$(tab).removeClass("hidden");
		
		return false;
	});
	
	$(".packageBox li a").click(function(){
		$(".packageBox li").removeClass("selected");
		$(this).parent().addClass("selected");
		
		var tab = $(this).attr("href");
		
		$("#productCntr div.tab").addClass("hidden");
		$(tab).removeClass("hidden");
		
		return false;
	});

	/* Live preview option panel */

	$('.option_panel').css({left:"-218px"});
	var tog = 0;
	$('a.opt_btn').click(function(){
		if( tog++ % 2 == 0 ) {
			$('.option_panel').stop().animate({left:"0px"}, 300 );
		}
		else {
			$('.option_panel').stop().animate({left:"-218px"}, 300 );
		}
		return false;
	});
		
	
});
