// JavaScript Document
//Assumes jQuery has previously been loaded
//Matt Constantinou 
//Enfinity Studios - 2011


//position the trigger initially
$(document).ready(slide_out_trigger_position);

//position the trigger on resize
$(window).bind("resize", slide_out_trigger_position);

function slide_out_trigger_position(){
	width = $(document).width();
	$("#top-slide-trigger").css('left', ((width/2)+400));
}
$(document).ready(function (){
	var triggerState = 0; //0 = closed, 1 = open
	var triggerPosition = 'bottom';
	$("#top-slide-container").hide();
	$("#top-slide-trigger").click(function(){
		$("#top-slide-container").toggle();								   
		$("#top-slide-out").animate({top: (triggerState*200*-1)}, 300);
		triggerState = (triggerState + 1) % 2; 
		if(triggerState){
			$("#top-slide-trigger").css('background-position', 'top');
		}else{
			$("#top-slide-trigger").css('background-position', 'bottom');
		}
		$("#top-slide-trigger").animate({top: (triggerState*205)}, 300);
	});		
});