$(document).ready(function(){
			$(window).resize(function(){
				$("#quickViewpop").css({left:(($(window).width()/2) - ($("div#quickViewpop").width()/2))});
			});
			$('#quickViewpop').attr("xopen", "closed");
			$(".quickView").click(function(e){
				//sets which model open
				$(this).attr("xclicked", "");
				//reads in if main div not open otherwise it fades in
				
				if($('#quickViewpop').attr("xopen") == "closed"){
					window.productslist_jso._moveQuickview(e);
					$("#quickViewpop").fadeIn("slow");
					//sets main div to open
					$('#quickViewpop').attr("xopen", "open");
				}
				window.productslist_jso._moveQuickview(e);

		   }); 
		   //this is for the where do you play switcher
			   //filter
				$('ul#filter a').click(function() {
					$(this).css('outline','none');
					$('ul#filter .current').removeClass('current');
					$(this).parent().addClass('current');
					
					var removesinglequote = $(this).text().toLowerCase().replace(/'/g,'');
					var filterVal = removesinglequote.replace(' ','-');  
							
					if(filterVal == 'all') {
						$('div#pListLinks div.hidden').fadeIn('slow').removeClass('hidden');
						$('.noProd').fadeOut('normal').addClass('hidden');
					} else {
						
						$('div#pListLinks .Prod').each(function() {
						
							if(!$(this).hasClass(filterVal)) {
								$(this).fadeOut('normal').addClass('hidden');
							} else {
								$(this).fadeIn('slow').removeClass('hidden');
							}
							
							
						});
						if($('.'+filterVal)[1]){
							$('.noProd').fadeOut('fast').addClass('hidden');
							
						}else{
							$('.'+ filterVal).fadeIn('slow').removeClass('hidden');
							
						}
					}
					
					return false;
				});
				

		   
		   
			$('.topView').toggle(
			
				function() {
					$('[class="plImage"]').each(function(i){
						$(this).attr("src",$(this).attr("xbackVer"));
						document.getElementById("bview").innerHTML = "Switch Views -- Top";
						document.getElementById("tview").innerHTML = "Switch Views -- Top";
					})
				}, 
				function() {
					$('[class="plImage"]').each(function(i){
						$(this).attr("src",$(this).attr("xfront"));
						document.getElementById("bview").innerHTML = "Switch Views -- Side";
						document.getElementById("tview").innerHTML = "Switch Views -- Side";
					})
				}
			);
			 
			 //$.swapImage(".plImage"); 
		    //this is for the quickview indicator
			$(".Prod").hover(
			  function () {
				$(this).removeClass("quickOff");
				$(this).addClass("quickOn");
			  },
			  function () {
				$(this).removeClass("quickOn");
				$(this).addClass("quickOff");
			  }
			);
		});