$(document).ready(init);
var idToOpen=0;

function init() {
	$(".preview img").toggle(open,close);
	$(".depend").css("display","none");
	$(".undepend").change(function(){
		var value = $(this).val();
		//alert(value);
		if($(this).attr("type")=="checkbox" || $(this).attr("type")=="radio")
			value=$(this).attr("checked");
		//alert(value);
		if(value)
		{
			$(".depend_on_"+$(this).attr("id")).css("display","");
		}
		else
		{
			$(".depend_on_"+$(this).attr("id")).css("display","none");
		}
	})
	$("input[type=radio]").click(function(){$("input[name="+$(this).attr("name")+"]").change();});
}

function open()
{
	var Count = $(".slideW:visible").size();
	var thisID = $(this).attr("id");
	//alert(Count);
	if(Count)
	{
		var toClose = $(".slideH:visible").attr("id").substr(1);
		$("#"+toClose).click();
        idToOpen=thisID;
	}
	else
	{
		$("div.textblock").animate({opacity:0.1},100);
		$("#W"+$(this).attr("id"))
		.animate({width:"show"},400,
			function()
			{$("#H"+$(this).attr("id").substr(1)).animate({height:"show"},400);}
		);
	}
}
function close()
{
	$("#H"+$(this).attr("id"))
	.animate({height:"hide"},400,
		function(){
			$("#W"+$(this).attr("id").substr(1)).animate({width:"hide"},400,
			function()
			{
				if(idToOpen)
				{
					$("#W"+idToOpen).animate({width:"show"},400,
								function()
								{
									$("#H"+idToOpen).animate({height:"show"},400,function(){idToOpen = 0;});
								}
							);
				}
				else
				{
					$("div.textblock").animate({opacity:1},100);
				}
		});}
	);
}