/*	-------------------------------------------------------------------------------- */

//	description: javascript for gridbox sliding

//	author: cornel boppart
//	date: may 2009

/*	-------------------------------------------------------------------------------- */
// please beware to make changes in this file!

/*	-------------------------------------------------------------------------------- */

jQuery(document).ready(function($){

	$("#postit").draggable();
	
	$("#shapes").click(function(){
		$("#postit").remove();
		return false;
	});

	// Expand Panel
	$("#open").click(function(){
		$("div#panel").slideDown("slow");
		if (pause != true) {
			setPause();
		}
	});	
	
	// Collapse Panel
	$("#close").click(function(){
		$("div#panel").slideUp("slow");	
	});		
	
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$("#toggle a").click(function () {
		$("#toggle a").toggle();
	});	
	
/*	-------------------------------------------------------------------------------- */

	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
	//Vertical Sliding
	$('.boxgrid.slidedown').hover(function(){
		$(".cover", this).stop().animate({top:'-260px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
	});
	//Horizontal Sliding
	$('.boxgrid.slideright').hover(function(){
		$(".cover", this).stop().animate({left:'325px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
	});
	//Diagnal Sliding
	$('.boxgrid.thecombo').hover(function(){
		$(".cover", this).stop().animate({top:'260px', left:'325px'},{queue:false,duration:300});
	}, function() {
		$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
	});
	//Partial Sliding (Only show some of background)
	$('.boxgrid.peek').hover(function(){
		$(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
	});
	//Full Caption Sliding (Hidden to Visible)
	$('.boxgrid.captionfull').hover(function(){
		$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'260px'},{queue:false,duration:160});
	});
	//Caption Sliding (Partially Hidden to Visible)
	$('.boxgrid.caption').hover(function(){
		$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
	}, function() {
		$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});
	});
	
/*	-------------------------------------------------------------------------------- */
	
	// hide slideContent on domready
	$('a.slideToggle').next().animate({height: 'hide', opacity: 'hide'}, 'fast');
	$('a.slideToggle').html('Durch uns entwickelte Webseiten (Liste einblenden)');
	
	// toggle animation
	$('a.slideToggle').click().toggle(function(){
		$(this).next().animate({height: 'show', opacity: 'show'}, 'fast');
		$(this).html('Durch uns entwickelte Webseiten (Liste ausblenden)');
	}, function(){
		$(this).next().animate({height: 'hide', opacity: 'hide'}, 'fast');
		$(this).html('Durch uns entwickelte Webseiten (Liste einblenden)');
	});
	
});