jQuery(document).ready(function($) {
	$(".smallImage").mouseover(function(){
		document.getElementById('mainHref').href = '/images/.catalogFiles/'+ $(this).attr("rel") +'_big.jpg';
		document.getElementById('mainThumb').src = '/images/.catalogFiles/'+ $(this).attr("rel") +'_medium.jpg';
	});
		      
	$(".filter").hover(function(){
		$(this).css({'z-index' : '8'});
		document.getElementById('filter_choose_' + $(this).attr("rel")).style.display = 'block';   	
	}, function() {
		$(this).css({'z-index' : '7'});
		document.getElementById('filter_choose_' + $(this).attr("rel")).style.display = 'none';
	});
		      	      
	$('a[rel*=facebox]').facebox({
		loading_image : '/inc/facebox/loading.gif',
		close_image   : '/inc/facebox/closelabel.gif'
	})
	
	var shopLeftHeight = $("div#bodyContainer").height() - $("div#shopLeft").position().left - $("div#bodyHeader").height() - $("div#footerHolder").height() - 100;
	$("div#shopLeft").height(shopLeftHeight);
	
	function addLogosLeft() {
		$("div#shopLeft").children("ul[id*='filterBox']").children("li[rel*='Merk']").each(function(){
			var relString = $(this).attr("rel");
			var relString = relString.split(",").pop();
			var logoUrl = "/img/logos/tt_logo_" + relString + ".png";
			var btnName = $(this).html();
			
			$(this).html('<img src="' + logoUrl + '" alt="' + btnName + '">');
		});
	}
	
	function addLogosHome() {
		$("div.homePageBlocks").children("div.homePageBlocksContentWrapper").children("div.homePageBlocksContent").children("div[rel*='Merk']").each(function(){
			var relString = $(this).attr("rel");
			var relString = relString.split(",").pop();
			var logoUrl = "/img/logos/tt_logo_" + relString + ".png";
			var btnName = $(this).html();
			
			$(this).html('<img src="' + logoUrl + '" alt="' + btnName + '">');
		});
	}
	
	//addLogosLeft();
	addLogosHome();
	
	$("div.chooseFilterItem").hover(function(){
		$(this).css({'backgroundColor' : '#f2f2f2'});
	}, function () {
		$(this).css({'backgroundColor' : '#ffffff'});
	});
	
	if ( $("div.scrollable").length > 0 ) {
		var scrollerOffset = $("div.scrollable").position();

		var scrollerX = scrollerOffset.left;
		var scrollerY = scrollerOffset.top + ( ( $("div.scrollable").height() / 2 ) - ( $("div.scrollerNavi").height() / 2 ) - 15 );
		
		$("div.scrollerNavi").css({'top' : scrollerY });
		$("div.scrollerNavi").css({'left' : scrollerX });
	}				
	
	$.localScroll();
})