/*
Sliding Boxes and Captions with JQuery
March 2009
By Sam Dunn
www.buildinternet.com / www.onemightyroar.com
*/
$(document).ready(function() {
		//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:200});
		}, function() {
			$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:400});
		});
});





$(document).ready(function(){
		
		/* FLIPBOX1 */
		$("#flipbox1 a:not(.revert)").bind("click",function(){
			$(this).parent().flip({
				direction:'rl',
				content:'<img src="images/fb1.png" class="bg" />'
			})
	    });
		
		$("#flipbox1").bind("click",function(){
			$(this).revertFlip();
			return false;
		});
				
	
	
		/* FLIPBOX2 */
		$("#flipbox2 a:not(.revert)").bind("click",function(){
			$(this).parent().flip({
				direction:'rl',
				content:'<img src="images/fb2.png" class="bg" />'
			})
	    });
		
		$("#flipbox2").bind("click",function(){
			$(this).revertFlip();
			return false;
		});
				
	
	
		/* FLIPBOX3 */
		$("#flipbox3 a:not(.revert)").bind("click",function(){
			$(this).parent().flip({
				direction:'rl',
				content:'<img src="images/fb3.png" class="bg" />'
			})
	    });
		
		$("#flipbox3").bind("click",function(){
			$(this).revertFlip();
			return false;
		});
				
	
	
		/* FLIPBOX4 */
		$("#flipbox4 a:not(.revert)").bind("click",function(){
			$(this).parent().flip({
				direction:'rl',
				content:'<img src="images/fb4.png" class="bg" />'
			})
	    });
		
		$("#flipbox4").bind("click",function(){
			$(this).revertFlip();
			return false;
		});
				
	
	
		/* FLIPBOX5 */
		$("#flipbox5 a:not(.revert)").bind("click",function(){
			$(this).parent().flip({
				direction:'rl',
				content:'<img src="images/fb5.png" class="bg" />'
			})
	    });
		
		$("#flipbox5").bind("click",function(){
			$(this).revertFlip();
			return false;
		});
				
	
	
		/* FLIPBOX6 */
		$("#flipbox6 a:not(.revert)").bind("click",function(){
			$(this).parent().flip({
				direction:'rl',
				content:'<img src="images/fb6.png" class="bg" />'
			})
	    });
		
		$("#flipbox6").bind("click",function(){
			$(this).revertFlip();
			return false;
		});

	
	
	
	
	})