/*function changeBg()
{
	$("#main_outer").switchClass('main_outer', 'main_outer_red', 6000);
	$("#main_outer").switchClass('main_outer_red', 'main_outer_blue', 6000);
	$("#main_outer").switchClass('main_outer_blue', 'main_outer', 6000);
}

var mygallery=new simpleGallery({
	wrapperid: "simplegallery1", //ID of main gallery container,
	dimensions: [603, 162], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
			],
	autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	oninit:function(){ //event that fires when gallery has initialized/ ready to run
		//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
	},
	onslide:function(curslide, i){ //event that fires after each slide is shown
		//Keyword "this": references current gallery instance
		//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
		//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
	}
});*/
		
jQuery(document).ready(function() {

	//move the image in pixel
	var move = 4;
	
	//zoom percentage, 1.2 =120%
	var zoom = .85;

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

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

});