//IE6 bug fixer
function jerkfooter(){
	if( ($.browser.msie && (jQuery.browser.version.substr(0,1)=="6")) ){
		$('#footer').css('bottom', '-1px').css('bottom','0');
	}
}
function shad(elem)
{
	    $('.gal3 .shad').remove();
		$('.gal3 .center .item').css('border-color','#a6a6a6');
		$(elem).css('border-color','#d3d3d3');
		var w = $(elem+' img').width();
		var h = $(elem+' img').height();
		$(elem).append('<div class="shad"></div>');
		
}
window.onload = function() {
 	var gal_len = $('.gal').size();
 
	//drop-down menus
	$('#menulang .menu .secondmenu').each(function(){
		$(this).css('left',$(this).prev().position().left);
		$(this).css('width',$(this).prev().width() + 'px');
	});
	
	
	if( ($.browser.msie && (jQuery.browser.version.substr(0,1)=="6")) ){
		$('#menulang .menu .first, #menulang .menu .firstact').hover(function(){
				$(this).next('.secondmenu').show();
			},
			function(){
				$(this).next('.secondmenu').hide();
			}
		);
		$('#menulang .secondmenu').hover(function(){
				$(this).show();
			},
			function(){
				$(this).hide();
			}
		);
	}
	
	// IE6 fixes
	if( ($.browser.msie && (jQuery.browser.version.substr(0,1)=="6")) ){
		$('.news_item .text p:first-child').css('text-indent','0').css('margin-top','0');
		$('.news_item .date + h2').css('margin-top','0');
	}

	//scrollpane parts
    
	var gal_len = $('.gal').size();
		
		$('.gal').each(function(){
		$(this).find('.gal1 .center .center_inner .opaq').width($(this).find('.gal1 .center img').width()-22); 
		$(this).find('.gal1 .center .center_inner').width($(this).find('.gal1 .center img').width()); 
		$(this).find('.scroll').width($(this).find('.gal1 .center').width());
		shad('.gal3 .cont .cont_inner  .item:first');
	});
	for(i=0; i<gal_len; i++){
	

	
	
	var scrollPane1 = $('#gal_'+i+' .cont');

	var scrollContent1 = $('#gal_'+i+' .cont_inner');
	var scrollbarInner1 = $('#gal_'+i+' .scrollbar_inner');
	var scrollbar1 = $('#gal_'+i+' .scrollbar');
	
	function MakeScroll(scrollPane, scrollContent, scrollbarInner){
		// computing width
		var scrollContentWidth = 0;
		scrollContent.find('.item').each(function(){
			scrollContentWidth += $(this).outerWidth(true);
		});
		
		var IHateIE6 = scrollPane.width();
		scrollPane.css('overflow: hidden');
		scrollPane.width(IHateIE6);
		
		if( ($.browser.msie && (jQuery.browser.version.substr(0,1)=="6" || jQuery.browser.version.substr(0,1)=="7")) ) scrollContentWidth += 20;
		scrollContent.width(scrollContentWidth);
		
		//build slider
		var scrollbar = scrollbarInner.slider({
			slide:function(e, ui){
				if( scrollContent.width() > scrollPane.width() ){ scrollContent.css('margin-left', Math.round( ui.value / 100 * ( scrollPane.width() - scrollContent.width() )) + 'px'); }
				else { scrollContent.css('margin-left', 0); }
			}
		});
			
		//append icon to handle
		var handleHelper = scrollbar.find('.ui-slider-handle')
			.mousedown(function(){
				scrollbar.width( handleHelper.width() );
			})
			.mouseup(function(){
				scrollbar.width( '100%' );
			})
			.append('<span class="ui-icon ui-icon-grip-dotted-vertical"><span class="inner"><span class="inner2"><span class="inner3"></span></span></span></span>')
			.wrap('<div class="ui-handle-helper-parent"></div>').parent();
			;
		//change overflow to hidden now that slider handles the scrolling
		scrollPane.css('overflow','hidden');
	}
	
	if($.browser.webkit){
		setTimeout(MakeScroll(scrollPane1, scrollContent1, scrollbarInner1),10);//safari wants a timeout
	}
	else{
		MakeScroll(scrollPane1, scrollContent1, scrollbarInner1);
	}
	
	//size scrollbar and handle proportionally to scroll distance
	function sizeScrollbar(scrollPane, scrollContent, scrollBar){
		var remainder = scrollContent.width() - scrollPane.width();
		var proportion = remainder / scrollContent.width();
		var handleSize = scrollPane.width() - (proportion * scrollPane.width());

		var handleHelper = scrollBar.find('.ui-handle-helper-parent')

		if(handleSize < 40){
			handleSize = 40;
		}
		if(handleSize >= scrollBar.width()){
			//handleSize = 0;
			//scrollBar.hide();
			handleSize = scrollBar.width();
		}
		else{
			scrollBar.show();
		}
		scrollBar.find('.ui-slider-handle').css({
			width: 0
		});
		scrollBar.find('.ui-slider-handle .ui-icon').css({
			width: handleSize
		});
		handleHelper.width('').width( scrollBar.width() - handleSize);
	}
		
	//reset slider value based on scroll content position
	function resetValue(scrollPane, scrollContent, scrollbar){
		var remainder = scrollPane.width() - scrollContent.width();
		var leftVal = scrollContent.css('margin-left') == 'auto' ? 0 : parseInt(scrollContent.css('margin-left'));
		var percentage = Math.round(leftVal / remainder * 100);
		scrollbar.slider("value", percentage);
	}
	//if the slider is 100% and window gets larger, reveal content
	function reflowContent(scrollPane, scrollContent){
		var showing = scrollContent.width() + parseInt( scrollContent.css('margin-left') );
		var gap = scrollPane.width() - showing;
		if(gap > 0){
			scrollContent.css('margin-left', parseInt( scrollContent.css('margin-left') ) + gap);
		}

		var scrollContentWidth = 0;
		scrollContent.find('.item').each(function(){
			scrollContentWidth += $(this).outerWidth(true);
		});

		if(scrollContentWidth < 900) scrollContent.css('margin-left', '100px');
		
	}
		
	//change handle position on window resize
	$(window)
		.resize(function(){
			resetValue(scrollPane1, scrollContent1, scrollbarInner1);
			sizeScrollbar(scrollPane1, scrollContent1, scrollbar1);
			reflowContent(scrollPane1, scrollContent1);
		});
		//init scrollbar size
		
		
	if($.browser.webkit){
		setTimeout(sizeScrollbar(scrollPane1, scrollContent1, scrollbar1),10);//safari wants a timeout
	}
	else{
		sizeScrollbar(scrollPane1, scrollContent1, scrollbar1);
	}
	
	$('.gal3 .center .item').click(function(){
		$('.gal3 .shad').remove();
		$('.gal3 .center .item').css('border-color','#a6a6a6');
		$(this).css('border-color','#d3d3d3');
		var w = $(this).width();
		var h = $(this).height();
		$(this).append('<div class="shad"></div>');
		$(this).width(w).height(h);// I guess IE6 would love it.
		$(this).find('.shad').width(w).height(h);
		

	});
	// rounded corners support
	if( !($.browser.msie && (jQuery.browser.version.substr(0,1)=="6" || jQuery.browser.version.substr(0,1)=="7")) ){
		$('.gal .center_inner').corner('2px');
		$('.gal .scroll .item').corner('2px');
	}
	}
	// Hides blocks
	$('.opblock').hide();
	jerkfooter();
	
	$('.opener .inner').click(function(){
		$(this).parent().next().toggle();
		$('.gal .center_inner').each(function(){
			$(this).width($(this).find('img').width());
			$(this).height($(this).find('img').height());
			$(this).find('.opaq').width($(this).find('img').width() - 22);
		});
		jerkfooter();
	});
	
	$("#right .cert ul").each(function() {
		$(this).after("<div style='clear: both' />");
		$(this).find('li').css('float', 'right').css('clear','both');
	});
	


};

if( ($.browser.msie && (jQuery.browser.version.substr(0,1)=="6")) ){
// Uncomment this to enable transparent PNG support in IE6. Or don't.
	DD_belatedPNG.fix('#menulang .secondmenu_inner');
	DD_belatedPNG.fix('.gal .center_inner .opaq');
}

$(document).load(function(){
	for(i=0; i<gal_len; i++){
	$('#gal'+i+' .center_inner').each(function(){
		$(this).width($(this).find('img').width());
		$(this).height($(this).find('img').height());
		$(this).find('.opaq').width($(this).find('img').width() - 22);
	});
	}
	$('.gal').each(function(){
		$(this).find('.scroll').width($(this).find('.gal1 .center img').width());

	});
	$("#list_shop li:even").addclass("even");
	$("#list_shop li:odd").addclass("odd");
	
});