$(document).ready(function(){
 $("#header .nav1 ul li").hover(function() {
			$(this).children('.dropdown').addClass("hover")
    		$(this).children('.top-controls-dropdown').css("display","block")
		},function() {
			$(this).children('.dropdown').removeClass("hover")
    		$(this).children('.top-controls-dropdown').css("display","none")
});


$("#thumb_mode img").hover(function() {
	$(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
	$(this).addClass("hover-large").stop() /* Add class of "hover", then stop animation queue buildup*/
		.animate({
			marginTop: '-100px', /* The next 4 lines will vertically align this image */ 
			marginLeft: '-120px',
			top: '50%',
			left: '50%',
			width: '230px', /* Set new width */
			height: '153px', /* Set new height */
			padding: '4px'
		}, 80); /* this value of "200" is the speed of how fast/slow this hover animates */

		},
		function() {
	$(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
	$(this).removeClass("hover-large").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
		.animate({
			marginTop: '0', /* Set alignment back to default */
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '132px', /* Set width back to default */
			height: '88px', /* Set height back to default */
			padding: '0px'
		}, 80);
		});
		
$("#thumb_mode li").hover(function(){
	$(this).css({'z-index': '50'}).siblings('li').css({'z-index' : '0'});
});
 
});