// Centering data addon
jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
    this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
    return this;
}

// Switch to next image
var new_leftmargin = 0;
function next_image()
{
	new_leftmargin -= $("div.wrap ul.page-content li.product-page-content div.product-page-left div.product-big-image div.image-box").outerHeight(true);
	
	
	if(new_leftmargin <  -(parseInt($("div.wrap ul.page-content li.product-page-content div.product-page-left div.product-big-image div.image-box").outerHeight(true)) * parseInt($("div.image-box").find("ul li").size())-1))
	{
		new_leftmargin = 0;	
	}
		
	$("div.image-box").find("ul").animate({
			    marginTop: new_leftmargin+"px"
			  }, 700, function() {
				setTimeout('next_image()', 10000);
			  });
}

// Function for popup
function popup_viewer(url)
{
	$.ajax({
	  url: url,
	  success: function(data){
	  		$("body").append('<div class="info-popup-bg"></div><div class="info-popup"><a class="close_popup"><span>Stäng [x]</span></a><div class="info-popup-content">'+data+'</div></div>');
	  		$("div.info-popup").center();
			$("div.info-popup").fadeIn("fast");
	  }
	});
}

// Timer for next image
setTimeout('next_image()', 10000);

// Set listing design on category listing page
function setListingDesign(design_nr)
{
	
	$('div.toolbar ul.page_type li a').removeClass("active");
	
	//$('.headers_ul').hide();
	$('.headers_sort_header').hide();
	
	
	$('div.toolbar ul.page_type li:nth-child('+design_nr+') a').addClass("active");
	
	
	if(design_nr == '1') 
	{
		$('.headers_sort_header').show();
		$('.headers_ul').attr("style","margin-bottom:10px");
		$('.headers_ul').hide();
	}
	else if(design_nr == '2') 
	{
		$('.headers_sort_header').show();
		$('.headers_ul').attr("style","margin-bottom:10px");
		$('.headers_ul').hide();
	}
	else if(design_nr == '3') 
	{
		$('.headers_ul').attr("style","margin-bottom:0px");
		$('.headers_ul').show();
	}
	
		$('#listing_ul').hide();
	
		$('#listing_ul').removeClass($('#listing_ul').attr("class")); 
		$('#listing_ul').addClass("product_listing"+design_nr);
		setCookie( 'page_type', design_nr, '', '/', '', '' );
		$('#listing_ul').fadeIn(500);
}

$(document).ready(function() {
	
   // Tab handling	
	$.sb_ui_tab_handler("ul.product-info-tabs-ul","fast");
	

	/*
	// Removing link for products images
	$("div.image-box a").removeAttr("href");
	$("div.image-box a").unbind("click");
	
	// Binding click on image
	$("div.image-box").bind("click",function()
	{
		next_image();
	});
	*/
	
	// Removing link for products images
	$("div.product-small-images ul li a").unbind("click");
	$("div.product-small-images ul li a").attr("rel",function(){
								return $(this).attr("href");
							});
	$("div.product-small-images ul li a").removeAttr("href");
	
	$("div.product-small-images ul li a").live("click",
	function()
	{
		$("div.image-box img").attr("src",$(this).attr("rel") + "&w=" + $("div.image-box img").width() + "&h=" + $("div.image-box img").height());
		$("div.image-box img").parent("a").attr("href",$(this).attr("rel"));
	});
	
	// Product page slider ul. Width fix
	$("div.wrap ul.page-content li.product-page-content div.product-page-left div.product-small-images ul").each(function()
	{
		ul_width = ($(this).find("li").outerWidth() * $(this).find("li").size());
		$(this).css('width',ul_width + 'px');
	});
	
	// Previous image
	$("div.wrap ul.page-content li.product-page-content div.product-page-left div.product-small-images a.prev-imagelist-btn").bind("click", function()
	{
		if($(this).parent().find("ul").css("marginLeft") == "auto")
		{
			$(this).parent().find("ul").css("marginLeft","0px")
		}
		
		new_leftmargin = (parseInt($(this).parent().find("ul").css("marginLeft")) + $(this).parent().find("ul li").outerWidth(true));
	
		if(new_leftmargin <= 0)
		{
			$("div.wrap ul.page-content li.product-page-content div.product-page-left div.product-small-images ul").animate({
							    marginLeft: new_leftmargin  + "px"
							  }, 700, function() {
							    	
							  });
		}
	});
	
	// Next image
	$("div.wrap ul.page-content li.product-page-content div.product-page-left div.product-small-images a.next-imagelist-btn").bind("click", function()
	{
		if($(this).parent().find("ul").css("marginLeft") == "auto")
		{
			$(this).parent().find("ul").css("marginLeft","0px")
		}
		
		new_leftmargin = (parseInt($(this).parent().find("ul").css("marginLeft")) - parseInt($(this).parent().find("ul li").outerWidth(true)));
	
		max_margin = -(parseInt($(this).parent().find("ul li").outerWidth(true)) * parseInt($(this).parent().find("ul li").size()-3));
	
		if(new_leftmargin >= max_margin)
		{
			$("div.wrap ul.page-content li.product-page-content div.product-page-left div.product-small-images ul").animate({
							    marginLeft: new_leftmargin + "px"
							  }, 700, function() {
							    	
							  });
		}

	});
	
	// Checking if next and previous should be used
	if($("ul.product-page-image-list li").size() > 3)
	{
		$("a.prev-imagelist-btn").show();
		$("a.next-imagelist-btn").show();
	}
	
	
	// Add popups
	$("ul.product-adds li a.add_1").bind("click",function()
	{
		popup_viewer("info_pages_content.php?pages_id=3");
	});
	$("ul.product-adds li a.add_2").bind("click",function()
	{
		popup_viewer("info_pages_content.php?pages_id=3");
	});
	$("ul.product-adds li a.add_3").bind("click",function()
	{
		popup_viewer("info_pages_content.php?pages_id=3");
	});
	$("a.close_popup").live("click",function()
	{
		$(this).parent().remove();
		$("div.info-popup-bg").hide();
	});
	
	
	
	// Adding odd class to each listing box
	$("ul#listing_ul .listing_box").each(function(x){
   		if(x % 2 == 0)
   		{
   			$(this).addClass('odd');
   		}
   		if($(this).find(".properties dd.pricing span.old").size() > 0)
   		{
   			$(this).append('<div style="display:none" class="sale_add"></div>');
   			$("div.sale_add").show();
   		}
   	});
   	
   	// Image switcher
   	$.tabhandling("ul.start-page-banners","numbers","image_switcher","slide");
   
   	// If 0 produkter write out text
   	if($("div.products-in-cart").html().match(/0 produkter/))
   	{
   		$("div.products-in-cart").html("Din varukorg är tom");		
  	}
  	
  	if($("ul.associated_products li").size() == 0)
   	{
   		$("div.associated_products").hide();
   		$("div.associated_products_header").hide();
  	}
  	
  	
  	// Banner fix if category banner
  	if($("body").find("div.category_description a img.category_add").size() > 0)
  	{
  		
  		$(window).load(function () {
  			
	  		$("body").find("div.category_description a img.category_add").show();
	  		$("li.page-content-center").css("padding-top",$("body").find("div.category_description a img.category_add").height()+30 + "px");	
	  		$("li.page-content-right").css("padding-top",$("body").find("div.category_description a img.category_add").height()+59 + "px");	
  		});
  	}
  	
  	// Binding fish tv
	$("img.fish-tv-link").bind("click",function()
	{
		$("body").append('<div class="info-popup-bg"></div><div class="info-popup"><a class="close_popup"><span>Stäng [x]</span></a><div class="info-popup-content">'+$('div.fish-tv-container').html()+'</div></div>');
		$("div.info-popup").fadeIn("fast");
	  	$("div.info-popup").center();
	});

	$("ul.categories li a span").each(function()
	{
		if($(this).html() == "REA")
		{
			$(this).css({"color":"#d81111"});		
		}	
	});
	
	/*
	 * Fish tv page
	 */
	 
	$("a.youtube_viewer").each(function()
	{
		$(this).html('<img src="http://img.youtube.com/vi/' + $(this).attr('rel') + '/0.jpg" width="190" height="160"><div class="youtube-header">' + $(this).html() + '</div>');
	});
	
	// Click on an video
	$("a.youtube_viewer").bind("click",function()
	{
		html_code = '<object width="625" height="500">'+
					'<param value="http://www.youtube.com/v/' + $(this).attr('rel') + '?fs=1&hl=sv_SE&rel=0" name="movie"/>'+
					'<param value="true" name="allowFullScreen"/>'+
					'<param value="always" name="allowscriptaccess"/>'+
					'<embed width="625" height="500" allowfullscreen="true" allowscriptaccess="always" src="http://www.youtube.com/v/' + $(this).attr('rel') + '?fs=1&hl=sv_SE&rel=0" type="application/x-shockwave-flash"/>'+
					'</object>';
					
		$("body").append('<div class="info-popup-bg"></div><div class="info-popup"><a class="close_popup"><span>Stäng [x]</span></a><div class="info-popup-content">'+html_code+'</div></div>');
		$("div.info-popup").fadeIn("fast");
	  	$("div.info-popup").center();
	});
	
	
	// Variant handling
	$(":input[name='products_variants_id[]']").unbind();
	$(":input[name='products_variants_id[]']").bind("change",function()
	{
		var variant_names = Array();
		
		
		$(":input[name='products_variants_id[]']").each(function(i) 
		{
			variant_names[variant_names.length] = $(this).val();
		});
		
		extra_querystring                  = {};
		extra_querystring['variant_names'] = variant_names;
		extra_querystring['page']          = "get_product_variant_page";
		extra_querystring['categories_id'] = $("input[name='variant_categories_id']").val();
		
		
		$.get(
		"ajax_include.php",
		extra_querystring,
		function(data)
		{
			//console.log(data);
			window.location = "/" + data;
  		});

	});

});