$(function(){
	$("#accordion").accordion({ header: "h3", autoHeight: false });
	//	$("#myprojects2").tabs();
	//	$(".ui-accordion-content").css("padding","0");
	$("#myprojects2").css("padding","0");
	$("#myprojects2").css("border-top-right-radius","0");
	$("#myprojects2").css("border-top-left-radius","0");
	$("#mywebapps").css("padding","0");
	$("#mywebapps").css("border-top-right-radius","0");
	$("#mywebapps").css("border-top-left-radius","0");
	$("#me").css("padding","0");
	$("#me").css("border-top-right-radius","0");
	$("#me").css("border-top-left-radius","0");
	$("#mytutorials").css("padding","0");
	$("#mytutorials").css("border-top-right-radius","0");
	$("#mytutorials").css("border-top-left-radius","0");
	$("#mylinks").css("padding","0");
	$("#mylinks").css("border-top-right-radius","0");
	$("#mylinks").css("border-top-left-radius","0");
	$('#dialog').dialog({
		autoOpen: false,
		    width: 600,
		    buttons: {
		    "Ok": function() { 
			$(this).dialog("close"); 
		    }, 
			"Cancel": function() { 
			    $(this).dialog("close"); 
			} 
		}
	    });
	
	// Dialog Link
	$('#dialog_link').click(function(){
		$('#dialog').dialog('open');
		return false;
	    });
	
	//hover states on the static widgets
	$('#dialog_link, ul#icons li').hover(
					     function() { $(this).addClass('ui-state-hover'); }, 
					     function() { $(this).removeClass('ui-state-hover'); }
					     );
	
    });


$.getJSON("pics.json", function(data) {
	$(document).ready(function(){
		$("#pics").agile_carousel({
			carousel_data: data,
			    carousel_outer_height: 330,
			    carousel_height: 320,
			    slide_height: 372,
			    carousel_outer_width: 550,
			    slide_width: 550,
			    transition_type: "fade",
			    transition_time: 300,
			    timer: 5000,
			    
			    continuous_scrolling: false,
			    control_set_1: "numbered_buttons,previous_button,pause_button,next_button",
			    });
	    });
    });
$.getJSON("projects.json", function(data) {
	for(var g = 0; g < data.length;g++){
	    $('#myprojects2').append('<div id="tab'+data[g].label+'">'+formatProject(data[g])+'</div>');
    	    $('#myprojects2 ul').append('<li><a href="#tab'+data[g].label+'">'+data[g].label+'</a></li>');
	}
	$("#myprojects2").tabs();
	$("#accodionMyProjectsH3").css("border-bottom", "0px");
    });
$.getJSON("links.json", function(data) {
	$('#mylinks').append("<div id='linksBoxId' class='linksBox'></div>");
	for(var g = 0; g < data.length;g++){
	       $('#linksBoxId').append(formatLink(data[g]));
	}
	$("#accodionMyLinksH3").css("border-bottom", "0px");
	
    });

$.getJSON("tutorials.json", function(data) {
	for(var g = 0; g < data.length;g++){
	    $('#mytutorials').append('<div id="tab'+data[g].label+'">'+formatTutorial(data[g])+'</div>');
    	    $('#mytutorials ul').append('<li><a href="#tab'+data[g].label+'">'+data[g].label+'</a></li>');
	}
	$("#mytutorials").tabs();
	$("#accodionMyTutorialsH3").css("border-bottom", "0px");
    });
$.getJSON("data.json", function(data) {
	for(var g = 0; g < data.length;g++){
	    $('#me').append('<div id="tab'+data[g].label+'">'+formatPerson(data[g])+'</div>');
    	    $('#meul').append('<li><a href="#tab'+data[g].label+'">'+data[g].label+'</a></li>');
	}
	$("#me").tabs();
	$("#accodionMeH3").css("border-bottom", "0px");
    });
$.getJSON("webapp.json", function(data) {
	for(var g = 0; g < data.length;g++){
	    $('#mywebapps').append('<div id="tab'+data[g].label+'">'+formatWebapp(data[g])+'</div>');
    	    $('#mywebapps ul').append('<li><a href="#tab'+data[g].label+'">'+data[g].name+'</a></li>');
	}
	$("#mywebapps").tabs();
	$("#accodionMyWebappsH3").css("border-bottom", "0px");
    });