$(document).ready(function() {
    $.reject({
        reject : {
            all: false,
			msie5: true, msie6:true, msie7:true

        }
    });
	$(function(){
    var div = $('div.sc_gallery'),
        ul = $('ul.sc_gallery'),
        ulPadding = 0;
	var sum = 0;
		$('ul.sc_gallery').children('li').each(function(){
		sum += $(this).outerWidth(true);
		});
    var divWidth = div.width();
    div.css({overflow: 'hidden'});
    var lastLi = ul.find('li:last-child');
    div.mousemove(function(e){
      var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
      var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
      div.scrollLeft(left);
	  });

	$(function(){
		var sum = 0;
			$('div.line2').children('div').each(function(){
				sum += $(this).outerWidth(true);
			});
		var contWidth = $('.content').width();
		var antimargin = (contWidth - sum) / (-2);
		$('.line2').css({'width':sum, /*'margin-left':antimargin, 'margin-right': antimargin*/})
		});

	
	$('.sc_gallery a').lightBox();
	$('.grid').hover(function(){$(this).addClass('hover')}, function(){$(this).removeClass('hover')})
$($('div.grid').get(4)).nextAll().addClass('hidden');
var nn= 4;
$('.grid').get(nn-4);
    for (var i = nn-4 ; i < nn+1 ; i++){
        var divs = $("div.grid")[i];
        $(divs).addClass('test')};

	$('div.ProdNext').click(function(){
		if ($('div.test:last')[0] == $('div.ProdCarusel').children().children('div:last')[0]){}
		else {
		$('.test:last').next('div').removeClass('hidden').css({'overflow' : 'hidden', 'width' : '0'}).animate({
				width: '200'
			}, 500, function(){
				$(this).addClass('test');
				$(this).css('display', 'block');
		})
		$('.test:first').css('overflow','hidden').animate({
				width: 0
			}, 500, function(){
				$(this).removeClass('test');
				$(this).addClass('hidden');
		})
		}
	});
	$('div.ProdPrev').click(function(){
		if ($('div.test:first')[0] == $('div.ProdCarusel').children().children('div:first')[0]){}
		else {
		$('.test:first').prev('div').removeClass('hidden').css({'overflow' : 'hidden', 'width' : '0'}).animate({
				width: '200'
			}, 500, function(){
				$(this).addClass('test');
				$(this).css('display', 'block');
		})
		$('.test:last').css('overflow','hidden').animate({
				width: 0
			}, 500, function(){
				$(this).removeClass('test');
				$(this).addClass('hidden');
		})
		}
	});
	});
});