topBG = new Array(3);

topBG[0]='<div id="panel01">';
topBG[1]='<div id="panel02">';
topBG[2]='<div id="panel03">';

maxImages = 3;
imagesNo = Math.floor(Math.random() * maxImages);





function show(eid) {
   document.getElementById(eid).style.display = 'block';
}
function hide(eid) {
   document.getElementById(eid).style.display = 'none';
}






window.onload = function() {
pfObj = new Spry.Widget.SlidingPanels("profile_panel");
wpObj = new Spry.Widget.SlidingPanels("work_panel");
prObj = new Spry.Widget.SlidingPanels("press_panel");
main_sl = new Spry.Widget.SlidingPanels("main_contents");
var efObj = new Spry.Effect.Fade("index_logo", {
duration: 6000, 
from: 0, to: 90,
fps : 30
});
efObj.start();
}



$(document).ready(function() {
	
	// Expand Panel
	$("#navi_top").click(function(){$("div#toppanel").slideDown("slow"); });	
	$("#navi_top").click(function(){$("div#panel").slideDown("fast"); });	
	
	// Collapse Panel
	$("#index_navi_work").click(function(){$("div#panel").slideUp("slow");	});	
	$("#index_navi_profile").click(function(){$("div#panel").slideUp("slow"); });	
	$("#index_navi_press").click(function(){$("div#panel").slideUp("slow");	});
	$("#index_navi_contact").click(function(){$("div#panel").slideUp("slow");	});	
	$("#index_navi_link").click(function(){$("div#panel").slideUp("slow");	});	
	
	$("#index_navi_work").click(function(){$("div#toppanel").slideUp("slow");	});	
	$("#index_navi_work").click(function(){$("div#toppanel").slideUp("slow");	});	
	$("#index_navi_profile").click(function(){$("div#toppanel").slideUp("slow"); });	
	$("#index_navi_press").click(function(){$("div#toppanel").slideUp("slow");	});
	$("#index_navi_contact").click(function(){$("div#toppanel").slideUp("slow");	});	
	$("#index_navi_link").click(function(){$("div#toppanel").slideUp("slow");	});	
	
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$("#toggle a").click(function () {$("#toggle a").toggle();});		
		
});


function hideWork(){$("#contents_work").hide("slow");}
function showWork(){$("#contents_work").show("slow");}

$(document).ready(function(){
$("ul.thum_hover li").fadeTo(0,0.4);
$("ul.thum_hover li").hover(function(){
        $(this).fadeTo(300,1.0);
    },
    function(){
        $(this).fadeTo(300,0.4);
    });
});