﻿jQuery(document).ready(function($){
		var $container=$("#gallerycontainer")
		var $imgspan=$container.find("ul>li:eq(0)>span")
		var $thumbs=$container.find("ul>li>img")
		var $img=$container.find("ul>li:eq(0)>span>img")
		$imgspan.addClass('spanhover')
		$img.addClass('imghover')

		$thumbs.each(
			function(i){
				var $curobj=$(this)
				$curobj.hover(
					function(e){
						$container.find("ul>li").removeClass('lihover')
						$container.find("ul>li>img").removeClass('thumbhover')
						$container.find("ul>li>span").removeClass('spanhover')
						$container.find("ul>li>span>img").removeClass('imghover')
						
						$(this).addClass('thumbhover')
						$(this).parent().addClass('lihover')
						$(this).parent().find("span").addClass('spanhover')
						$(this).parent().find("span>img").addClass('imghover')
					},
					function(e){
						$container.find("ul>li").removeClass('lihover')
						$container.find("ul>li>img").removeClass('thumbhover')
						$container.find("ul>li>span").removeClass('spanhover')
						$container.find("ul>li>span>img").removeClass('imghover')

						$(this).addClass('thumbhover')
						$(this).parent().addClass('lihover')
						$(this).parent().find("span").addClass('spanhover')
						$(this).parent().find("span>img").addClass('imghover')
					}
				)
			}
		)

	}
)

