var products_slider = {
    marLeft:0,
    init:function(){
	jQuery('.right-display li:first').fadeIn();
	jQuery('.bottom-thumbs li:first').fadeIn();
	var pnum = jQuery('.right-display li:first img').next().html();
	
	 jQuery('.p-num').html(pnum);
	var t = this;
	t.setBottomNav(0);
	jQuery('.left-images li').hover(function(){
	    if(!jQuery(this).hasClass('over')){
		var index = jQuery(this).index();
		jQuery('.left-images li').each(function(){
		    jQuery(this).removeClass('over');
		});
		
	
		t.setActive(jQuery('.right-display li'),index);
		var pnum = jQuery('.right-display li').eq(index).find('img').next().html();
	        jQuery('.p-num').html(pnum);
		t.setActive(jQuery('.bottom-thumbs li'),index);
		t.setBottomNav(index);
		jQuery(this).addClass('over');
		t.marLeft =0;
		jQuery('.bottom-thumbs li').each(function(){
		    jQuery(this).css('margin-left','0px');
		})
		jQuery('.thumb-nav-left').css('display','none');
	    }
	});
	jQuery('.bottom-thumbs li img').hover(function(){
	    if(!jQuery(this).hasClass('active')){
		
	    
		jQuery('.placer img').attr('src',jQuery(this).attr('src'));
		var pnum = jQuery(this).next().html();
		jQuery('.p-num').html(pnum);
		jQuery('.right-display li').each(function(){
		    jQuery(this).removeClass('active');
		    jQuery(this).css('display','none');
		});
		jQuery('.bottom-thumbs li img').each(function(){
		    jQuery(this).removeClass('active');
		})
		jQuery(this).addClass('active');
		jQuery('.placer').fadeIn();
	    }
	})
	jQuery('.finishes li').hover(function(){
	    if (!jQuery(this).hasClass('active')){
		//if(!jQuery('.finish-placer').is(":animated")){
		var t =jQuery(this);
		
		//jQuery('.finish-placer').fadeOut('fast',function(){
		jQuery('.finish-placer img').attr('src',t.find('span img').attr('src'));  
		var pnum = t.find('span img').next().html();
		jQuery('.p-num').html(pnum);
		
		jQuery('.right-display li').each(function(){
		    jQuery(this).removeClass('active');
		    jQuery(this).css('display','none');
		});
		jQuery('.finishes li').each(function(){
		    jQuery(this).removeClass('active');
		});
		t.addClass('active');
		jQuery('.finish-placer').fadeIn('');	  
	    //});  
	    }
	// }
	})
    },
    setActive:function(DOM,index){
	DOM.each(function(){
	    jQuery(this).removeClass('active');
	});
	
	DOM.eq(index).addClass('active');
	DOM.css('display','none');
	DOM.eq(index).fadeIn('fast',function(){
	    DOM.not('.active').css('display','none');
	});
    },
    setBottomNav:function(index){
	var DOM =jQuery('.bottom-thumbs li');
	DOM.removeClass('active-bottom');
	DOM.eq(index).addClass('active-bottom');
	if(DOM.eq(index).find('img').length<5){
	    jQuery('.thumb-nav-right').css('display','none');
	    jQuery('.thumb-nav-left').css('display','none');
	}else{
	    jQuery('.thumb-nav-right').css('display','block');
	    var innerW = parseInt(DOM.eq(index).find('img').length) *86
	    jQuery('.bottom-thumbs-inner').css('width',innerW);
	    DOM.eq(index).find('img').each(function(index){
		if(index>4){
	    //jQuery(this).css("display","none"); 
	    }
	    });	
	}
    }
    
    
}

jQuery(document).ready(function() {
    
    products_slider.init();
    jQuery('.finishes li').each(function(){
	if (jQuery(this).find('img').attr('src')== undefined){
	    jQuery(this).css('margin-right','0px')
	}
    })
    
    jQuery('.thumb-nav-right').click(function(){
	jQuery('.thumb-nav-left').fadeIn();
	products_slider.marLeft = products_slider.marLeft+430;
	if( products_slider.marLeft < parseInt(jQuery('.bottom-thumbs-inner').width())) {
	    jQuery('.bottom-thumbs li').each(function(){
		jQuery(this).animate({
		    marginLeft: '-=430'
		})
	    
	    })
	    if(parseInt(jQuery('.bottom-thumbs-inner').width()) - products_slider.marLeft <430){
		jQuery(this).fadeOut();     
	    }
	}else{
	    
	    jQuery(this).fadeOut();     
	    
	}
	 
    })
    jQuery('.thumb-nav-left').click(function(){
	jQuery('.thumb-nav-right').fadeIn();
	products_slider.marLeft = products_slider.marLeft-430;
	if( products_slider.marLeft >= 0) {
	    jQuery('.bottom-thumbs li').each(function(){
		jQuery(this).animate({
		    marginLeft: '+=430'
		})
	    
	    })
	    if(products_slider.marLeft == 0){
		jQuery(this).fadeOut();  
	    }
	}else{
	    jQuery(this).fadeOut();     
	}
    })
    jQuery('.finishes li').hover(function(){
	var t = jQuery(this);
	$('.finishes-text').html('');
	$('.finishes-text').html(t.find('p').html()); 
	$('.finishes-text').fadeIn('fast');
	 
	
    })
    jQuery('li.recommend-img').each(function(){
	if (!jQuery(this).find('img').attr('src') != '') {
	    jQuery(this).parent().remove();
	    jQuery(this).remove();
	}
    })
    jQuery('.menu li').last().addClass('last');
    jQuery('.menu').fadeIn();
    
    jQuery('#slider').nivoSlider({
	effect:'fade'
    });
    jQuery('#slider-products').nivoSlider({
	effect:'fade'
    });
    
    
    jQuery('.entry p a img.alignleft').parent().parent().next().css('margin-top','-5px');
    jQuery('.table-formatted tr').each(function(i){
	if(i==0){
	    jQuery(this).addClass('main-title');
	}
	if(i>0 && i%2 !=0){
	    jQuery(this).addClass('trow1');
	}
	if(i>0 && i%2 ==0){
	    jQuery(this).addClass('trow2');
	}
    })
  
    jQuery('[title]').not('.slideshow [title]').removeAttr('title');
    
    jQuery('.testimonial-container').each(function(index){
	if(jQuery(this).hasClass('col1')){
	    jQuery('.testimonial-column.column1').append(jQuery(this));
	}else if(jQuery(this).hasClass('col2')){
	    jQuery('.testimonial-column.column2').append(jQuery(this));
	}else if(jQuery(this).hasClass('col3')){
	    jQuery('.testimonial-column.column3').append(jQuery(this));
	}else if(jQuery(this).hasClass('col4')){
	    jQuery('.testimonial-column.column4').append(jQuery(this));
	}
	
    });
    jQuery('.tb1').focus(function(){
	if (jQuery(this).val() == 'Enter your email here...'){
	    jQuery(this).val('');
	}
    });
    jQuery('.tb1').blur(function(){
	if (jQuery(this).val() == ''){
	    jQuery(this).val('Enter your email here...');
	}
    });
    jQuery('.main-thumb').hover(function(){
	jQuery(this).fadeOut('fast',function(){
	    var old_src = jQuery(this).find('img').attr('src'); 
	    jQuery(this).find('img').attr('src',jQuery(this).next().find('img').attr('src'));
	    jQuery(this).next().find('img').attr('src',old_src);
	    jQuery(this).fadeIn('fast');
	})
	    
    },function(){
	jQuery(this).fadeOut('fast',function(){
	    var old_src = jQuery(this).find('img').attr('src'); 
	    jQuery(this).find('img').attr('src',jQuery(this).next().find('img').attr('src'));
	    jQuery(this).next().find('img').attr('src',old_src);
	    jQuery(this).fadeIn('fast');
	})
    });
    
    jQuery('#menu li a span').each(function(){
	var w = jQuery(this).width() +12;
	//alert(w);
	jQuery(this).parent().parent().css('width',w+'px');
	jQuery(this).parent().css('width',w-12);
    });
    jQuery('.product-info a').each(function(){
	var href = jQuery(this).attr('href');
	var html = $(this).html();
	if(href.indexOf('pdf')>0){
	  var download = '<div class ="pdf-file"><a class ="img-link" target="_blank" href = "'+href+'"><img src = "http://www.tbkcreative.com/dispenser-website/wp-content/themes/Dispencer/images/pdf-download.png"/></a></div>';
	  var link = '<a target="_blank" href = "'+href+'">'+html+'</a>';
	 
	  jQuery('.pdf-placer').append('<br/>' + download + link + '<div class ="clear"></div>');
	  jQuery(this).css('display','none');
	   
	}
//	if (.indexOf('pdf') >0){
//	    jQuery(this).attr('href','sdfdsf');
//	}
    })
    
});