/* curvycorners */

	$(function(){	
			
			$('.c').corner();
			
			$('.inner').corner({
			  tl: { radius: 6 },
			  tr: { radius: 6 },
			  bl: { radius: 6 },
			  br: { radius: 6 }});
			
			$('.c2').corner({
			  tl: { radius: 32 },
			  tr: { radius: 16 },
			  bl: { radius: 16 },
			  br: { radius: 16 },
			  antiAlias: true,
			  autoPad: false,
			  validTags: ["div"] });
			
			$('.sliderInfo').corner({
			  tl: false,
			  tr: { radius: 16 },
			  bl: false,
			  br: false,
			  antiAlias: true,
			  autoPad: true,
			  validTags: ["div"] });  
	});

/* anythingslider */
    
        function formatText(index, panel) {
		  return index + "";
	    }
    
        $(function () {
        
            $('.anythingSlider').anythingSlider({
                easing: "easeInOutExpo",        	// Anything other than "linear" or "swing" requires the easing plugin
                autoPlay: true,                 	// This turns off the entire FUNCTIONALY, not just if it starts running or not.
                delay: 4000,                    	// How long between slide transitions in AutoPlay mode
                startStopped: false,            	// If autoPlay is on, this can force it to start stopped
                animationTime: 2000,             	// How long the slide transition takes
                hashTags: true,                 	// Should links change the hashtag in the URL?
                buildNavigation: true,         	// If true, builds and list of anchor links to link to each slide
        		pauseOnHover: true,             	// If true, and autoPlay is enabled, the show will pause on hover
        		startText: "Play",             		// Start text
		        stopText: "Stop",               	// Stop text
		        navigationFormatter: formatText     // Details at the top of the file on this use (advanced use)
            });
            
            $("#slide-jump").click(function(){
                $('.anythingSlider').anythingSlider(6);
            });
            
        });
        
/* Create a Thumbnail with Fading Caption Using jQuery */

$(document).ready(function() {

	//move the image in pixel
	var move = -15;
	
	//zoom percentage, 1.2 =120%
	var zoom = 1.2;

	//On mouse over those thumbnail
	$('.item1').hover(function() {
		
		//Set the width and height according to the zoom percentage
		width = $('.item1').width() * zoom;
		height = $('.item1').height() * zoom;
		
		//Move and zoom the image
		$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});
		
		//Display the caption
		$(this).find('div.caption1').stop(false,true).fadeIn(200);
	},
	function() {
		//Reset the image
		$(this).find('img').stop(false,true).animate({'width':$('.item1').width(), 'height':$('.item1').height(), 'top':'0', 'left':'0'}, {duration:100});	

		//Hide the caption
		$(this).find('div.caption1').stop(false,true).fadeOut(200);
	});

});


$(document).ready(function() {

	//move the image in pixel
	var move = -15;
	
	//zoom percentage, 1.2 =120%
	var zoom = 1.2;

	//On mouse over those thumbnail
	$('.item2').hover(function() {
		
		//Set the width and height according to the zoom percentage
		width = $('.item2').width() * zoom;
		height = $('.item2').height() * zoom;
		
		//Move and zoom the image
		$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});
		
		//Display the caption
		$(this).find('div.caption2').stop(false,true).fadeIn(200);
	},
	function() {
		//Reset the image
		$(this).find('img').stop(false,true).animate({'width':$('.item2').width(), 'height':$('.item2').height(), 'top':'0', 'left':'0'}, {duration:100});	

		//Hide the caption
		$(this).find('div.caption2').stop(false,true).fadeOut(200);
	});

});

$(document).ready(function() {

	//move the image in pixel
	var move = -15;
	
	//zoom percentage, 1.2 =120%
	var zoom = 1.2;

	//On mouse over those thumbnail
	$('.item3').hover(function() {
		
		//Set the width and height according to the zoom percentage
		width = $('.item3').width() * zoom;
		height = $('.item3').height() * zoom;
		
		//Move and zoom the image
		$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});
		
		//Display the caption
		$(this).find('div.caption3').stop(false,true).fadeIn(200);
	},
	function() {
		//Reset the image
		$(this).find('img').stop(false,true).animate({'width':$('.item3').width(), 'height':$('.item3').height(), 'top':'0', 'left':'0'}, {duration:100});	

		//Hide the caption
		$(this).find('div.caption3').stop(false,true).fadeOut(200);
	});

});