var fade = new Array();
$(document).ready(function(){
    $(".Draglayer").draggable();
    $(".Draglayer").resizable();
	
    // Open/Close layer
	$(".Icon").click(function(){
		var id = $(this).attr("id");
		if (fade[id]) {
			$("#"+id+"Drag").fadeOut("slow");
			fade[id] = false;
		} else {
			for (x in fade) {
				$("#"+x+"Drag").fadeOut("fast");
				fade[x] = false;
			}
			$("#"+id+"Drag").fadeIn("slow");
			fade[id] = true;
		}
    	return false;
	});
	
	// Show/Hide dock text
	$(".Icon").hover(function() {
		var IconOffset = $(this).offset();
		$("#DockText").html($(this).attr("title"));
		$("#DockText").css("display", "block");
		$("#DockText").css("left", IconOffset.left + $(this).width() / 2 - $("#DockText").width() / 2);
	}, function() {
		$("#DockText").css("display", "none");
	});
	
	// Browser Check
	if ($.browser["msie"] && $.browser["version"] < 7) {
		$(".Icon").each(function() {
			$(this).css("background-image", "url('style/ico/"+$(this).attr("id")+".gif')");
		});
	} else {
		$(".Icon").each(function() {
			$(this).css("background-image", "url('style/ico/"+$(this).attr("id")+".png')");
		});
	}
});

// Updating dock position
$(window).resize(function() {
	var windowWidth = $(window).width();
	var windowHeight = $(window).height();
	
	var dockWidth = $(".IconHolder").width();
	$(".IconHolder").css("left", (windowWidth - dockWidth) / 2);
});

// Updating layer size
$(document).ready(function() {
	var windowWidth = $(window).width();
	var windowHeight = $(window).height();
	
	//alert(windowHeight);
	
	$(".Draglayer").width(windowWidth - 200);
	$(".Draglayer").height(windowHeight - 300);
	
	var dockWidth = $(".IconHolder").width();
	$(".IconHolder").css("left", (windowWidth - dockWidth) / 2);
});