$(document).ready(function(){
	
	var firstClick = true;
	var selectorApp;
	var selectorCli;
	var selectorExt;
	
	var selectorPreApp;
	var selectorPreCli;
	var selectorPreExt;
	
	$(".client").corner("5px");
	
	$(".viewapplications").click(function() {	

		var row = $(this).attr("rel");
		var col = $(this).attr("name");
		var id = $(this).attr("title");
				
		selectorApp = ".applicationholder[rel='" + row + "']";
		selectorCli = ".client:has(.viewapplications[title='" + id + "'])";
		selectorExt = ".extender[rel='" + row + "'][name='" + col + "']";
		
		
		if (firstClick) {
			firstClick = false;
			$(selectorCli).css("background-color", "#e9ebec");	
			$(selectorCli).corner("top #ffffff 5px").corner("bottom #dde1e5 5px").css("background-color", "#dde1e5");		
				
			$(selectorApp).load("clients-applications.jsp",{c_vendor_id:id}, function() {		
				$(selectorExt).slideDown("fast", function () {
					$(selectorApp).slideDown("medium", function() {
						if (col == 1) {	
							$(selectorApp).corner('bottom tr #ffffff 5px');		
						} else if (col == 2) {
							$(selectorApp).corner('bottom top #ffffff 5px');	
						} else if (col == 3) {
							$(selectorApp).corner('bottom tl #ffffff 5px');	
						}	
						
						selectorPreApp = selectorApp;
						selectorPreCli = selectorCli;
						selectorPreExt = selectorExt;
						
					});
				});
			});	
		
		/* if not the first click then reset the previous box  and hid the application holder and extender*/			
		} else {	
					
			/* if you hit the same link twice, just roll up and reset to firstclick*/	
			if (selectorCli == selectorPreCli) {
				$(selectorPreApp).slideUp("medium", function () {	
					$(selectorPreExt).slideUp("fast", function () {
						$(selectorPreCli).css("background-color", "#efefef").corner("5px");	
						firstClick = true;
					});
				});					
			} else {
				$(selectorCli).css("background-color", "#e9ebec");	
				$(selectorPreApp).slideUp("medium", function () {	
					$(selectorPreExt).slideUp("fast", function () {
						$(selectorApp).load("clients-applications.jsp",{c_vendor_id:id}, function() {							
							$(selectorPreCli).css("background-color", "#efefef").corner("5px");	
							$(selectorCli).corner("top #ffffff 5px").corner("bottom #dde1e5 5px").css("background-color", "#dde1e5");
							$(selectorExt).slideDown("fast", function () {					
								$(selectorApp).slideDown("medium", function() {
									if (col == 1) {	
										$(selectorApp).corner('bottom tr #ffffff 5px');		
									} else if (col == 2) {
										$(selectorApp).corner('bottom top #ffffff 5px');	
									} else if (col == 3) {
										$(selectorApp).corner('bottom tl #ffffff 5px');	
									}	
									
									selectorPreApp = selectorApp;
									selectorPreCli = selectorCli;
									selectorPreExt = selectorExt;
									
								});
							});
						});
					});
				});
			}
		}
			
		
	});	
	
	$(".viewapplicationsorg").click(function() {	

		var row = $(this).attr("rel");
		var col = $(this).attr("name");
		var id = $(this).attr("title");
				
		selectorApp = ".applicationholder[rel='" + row + "']";
		selectorCli = ".client:has(.viewapplicationsorg[title='" + id + "'])";
		selectorExt = ".extender[rel='" + row + "'][name='" + col + "']";
		
		
		if (firstClick) {
			firstClick = false;
			$(selectorCli).css("background-color", "#e9ebec");	
			$(selectorCli).corner("top #ffffff 5px").corner("bottom #dde1e5 5px").css("background-color", "#dde1e5");		
				
			$(selectorApp).load("clients-applications.jsp",{c_org_id:id}, function() {		
				$(selectorExt).slideDown("fast", function () {
					$(selectorApp).slideDown("medium", function() {
						if (col == 1) {	
							$(selectorApp).corner('bottom tr #ffffff 5px');		
						} else if (col == 2) {
							$(selectorApp).corner('bottom top #ffffff 5px');	
						} else if (col == 3) {
							$(selectorApp).corner('bottom tl #ffffff 5px');	
						}	
						
						selectorPreApp = selectorApp;
						selectorPreCli = selectorCli;
						selectorPreExt = selectorExt;
						
					});
				});
			});	
		
		/* if not the first click then reset the previous box  and hid the application holder and extender*/			
		} else {	
					
			/* if you hit the same link twice, just roll up and reset to firstclick*/	
			if (selectorCli == selectorPreCli) {
				$(selectorPreApp).slideUp("medium", function () {	
					$(selectorPreExt).slideUp("fast", function () {
						$(selectorPreCli).css("background-color", "#efefef").corner("5px");	
						firstClick = true;
					});
				});					
			} else {
				$(selectorCli).css("background-color", "#e9ebec");	
				$(selectorPreApp).slideUp("medium", function () {	
					$(selectorPreExt).slideUp("fast", function () {
						$(selectorApp).load("clients-applications.jsp",{c_org_id:id}, function() {							
							$(selectorPreCli).css("background-color", "#efefef").corner("5px");	
							$(selectorCli).corner("top #ffffff 5px").corner("bottom #dde1e5 5px").css("background-color", "#dde1e5");
							$(selectorExt).slideDown("fast", function () {					
								$(selectorApp).slideDown("medium", function() {
									if (col == 1) {	
										$(selectorApp).corner('bottom tr #ffffff 5px');		
									} else if (col == 2) {
										$(selectorApp).corner('bottom top #ffffff 5px');	
									} else if (col == 3) {
										$(selectorApp).corner('bottom tl #ffffff 5px');	
									}	
									
									selectorPreApp = selectorApp;
									selectorPreCli = selectorCli;
									selectorPreExt = selectorExt;
									
								});
							});
						});
					});
				});
			}
		}
			
		
	});	

 });