function pop(linkElem, width, height, scrollbars, top, left)
{
	var target = '_blank';
	var props = '';
	if (linkElem.target != null) target = linkElem.target;
	if (width != null) props += ',width=' + width;
	if (height != null) props += ',height=' + height;
	if (scrollbars != null) props += ',scrollbars=' + scrollbars;
	if (top != null) props += ',top=' + top + ',screenY=' + top;
	if (left != null) props += ',left=' + left + ',screenX=' + left;
	if (props.length) props = 'resizable=1' + props;
	var win = window.open(linkElem.href, target, props);
	win.focus();
	return false;
}

var cMainImage=0;
var iMainImage=false;
var lMainImage='';
var imgSwap=0;

$(document).ready(function() {
	$("#networkTabs .networkTab").click(
		function(){
			d= 'tariffNetwork_'+(this.id);
		
			$("#dealFinderSection_tariffNetwork .dealFinderCheckbox:checked").each(
					function(){
						filterItemClick(this);
					}
					
			);
			$(".networkTab").removeClass('selected');
			$(this).addClass('selected');
			el=document.getElementById(d);
			el.click();

			return;
		});
	
	
	
	   $("#tabs li:not(.disabled)").click(function(){
		   $("#tabs li.active").toggleClass('active');
		   $(this).toggleClass('active');
		   
		   $(".tab.active").fadeOut("fast").toggleClass('active');
		  
		   $("#"+this.id+"content").fadeIn("fast").toggleClass('active');
	   });
	   
	   $(".internalLink").click(function(e){
		   	 href=$(this).attr('href').replace("#","");
			 $('html,body').animate({scrollTop: $('a[name='+href+']').offset().top},'normal');	
			 e.preventDefault();
	   });

	   $(".typeTab").click(function(){
			  link= $(this).children("a");
			  
			  if(link.attr('href')!=undefined){
				  document.location.href=(link.attr('href'));
			  }
	   });	
	   
	   $('.product_view_tab').click(function(){
		  tab=this.id.split('_')[0];
		   if(!$(this).hasClass('disabled')){
			   $("#tabs li.active").toggleClass('active');
			   $("#"+tab+"_tab").toggleClass('active');   
			   
		   $(".tab.active").fadeOut("fast").toggleClass('active');		  
		   $("#"+tab+"_tabcontent").fadeIn("fast").toggleClass('active');	 
		   }
	   });
	

	   $(".altImagePreview").mouseover(
			   function(){
				   
				   img = $(this).attr("src").toString().replace(".carousel.centre.",".productpage_api.left.");
				   if(img==lMainImage)return;
				   $(this).css("border","2px solid #0099CC");
				   
				   
				   if(!iMainImage){
					   iMainImage = $("#mainImage0").attr("src");
				   }
				   
				   clearTimeout(imgSwap);
				   imgSwap = setTimeout("swapMainImage('"+img+"')",200);
	
			   }
	   );
	   
	   $(".altImagePreview").mouseout(
			   function(){
				   $(this).css("border","");
				   if(iMainImage!=''){
					   clearTimeout(imgSwap);
					   imgSwap = setTimeout("swapMainImage('"+iMainImage+"')",200);	   
				   }
				   
				  
			   }
	   );
});

function swapMainImage(img){
	   lMainImage=img;
	   $("#mainImage"+cMainImage).attr("src",img);
	   
	   $("#mainImage"+cMainImage).fadeIn("normal");
	   cMainImage^=1;
	   $("#mainImage"+cMainImage).fadeOut("slow");
}

//for gift popup
function onloadProduct() {
	makeScrollTo("product");
	makeTabs("product_tariff_network");
	makeFilters();
	$.localScroll({duration:200});
	$("#reviews p").quickpaginate({ perpage: 4, pager : $("#reviews_counter") });
}

function changeImage(obj) {
	$(".image_thumbnail").removeClass("image_thumbnail_selected");
	$('#image_view').attr('src',$(obj).attr('rel'));
	$(obj).addClass("image_thumbnail_selected");
}

function makeFilters() {
	$(".tariff_filter").bind("click", function(e) { 
			$(".tariff_filter").removeClass("tariff_filter_selected");
			$(e.target).addClass("tariff_filter_selected");
			
			//just toggle for now
			if ($("#tariffs_table").css("display")=="none") {
				$("#tariffs_table_1").fadeOut(100, function() { $("#tariffs_table").fadeIn(100); height("#tariffs_table") });
			} else {
				$("#tariffs_table").fadeOut(100, function() { $("#tariffs_table_1").fadeIn(100);  height("#tariffs_table_1")  });
			}
	});
}

function height(table) {
	var h = $(table).height();
	$("#product_page").css("height", (h + 566) + "px");
	$(".product_page_additional").css("padding-top", (h + 566) + "px");
}

function makeTabs(tabs) {
	$("." + tabs + "_tab:not(.disabled)").bind("click", function(e) { selectTab(tabs + "_tab",e); });
}

function makeScrollTo(links) {}

function selectTab(tabs, event) {
	var rel = $(event.target).attr("rel");						

	if (rel==null) {
		tab = $(event.target).parent();
		
	} else {
		tab = event.target
	}
	
	$("." + tabs + "_page").fadeOut(100);
	
	img = $(tab).css("background-image");
	
	if(img.indexOf("tab_1")!=-1){
		$("."+tabs).each(
			function(){
				$(this).css("background-image",$(this).css("background-image").replace("tab_2","tab_1"));
			}
		);
		$(tab).css("background-image",img.replace("tab_1","tab_2"));
	}
	
	if (!$(tab).hasClass(tabs + "_selected")) {
		$("." + tabs).removeClass(tabs + "_selected");
		$(tab).addClass(tabs + "_selected");			

		//not sure why this only works in a 'eval'. But it does.
		eval("$('#" +tabs + "_" +$(tab).attr("rel") + "').fadeIn(100)");
	} else {
		$("." + tabs).removeClass(tabs + "_selected");
	}
	return false;
}

$(document).ready(function() {
	makeTabs("product_view");


	
	if ($("#get_best").html()!=null) {
		onloadProduct();
	}

	$("img.rollover").hover(
		function() { $(this).attr("src", $(this).attr("src").split(".").join("_rollover.")); },
		function() { $(this).attr("src", $(this).attr("src").split("_rollover.").join(".")); }
	);	

	$("#get_best").click();
	
	$(".popup").click(function() {
			str="";
		   if(this.href.indexOf("#")!=-1){
		
			   str="<div>"+$(this.href.substr(this.href.indexOf("#"))).html()+"</div>";
		
		   }
		   if(str==""||str==null){
			   str='<iframe style="background-color:white" class="external-site" src="' + this.href + '" />';
		   }
		   h = 500;
		  
		   
		   if($(this).hasClass('tallPopup'))h=710;
		   
		   
	       $(str).dialog({
				modal: true,
				autoOpen: true,
				width: 810,
				open: function() { },
				height: h,
				overlay: { opacity: 0.7 }
			}).width(790);
			$('.ui-widget-overlay').live("click", function() {
				$(".external-site").dialog("close");
			});
	        return false;
		});
   
	$(".product_tariff_popup").click(function(e) {

		e.preventDefault();
		var link = $(this).attr("href")

		$("#giftPopUpBack").show();

		$("#giftPopUpBack").css("width",$(window).width() + "px");
		$("#giftPopUpBack").css("height",$(window).height() + "px");

		var x = ($(window).width() - 160) / 2;
		var y = ($(window).height() - 160) / 2;

		$("#giftLoading").css("top",  y + "px");
		$("#giftLoading").css("left", x + "px");

		$("#giftLoading").show();

		$.get(link,function(d) {

			$("#giftLoading").hide();

			$("#giftPopUp").html(d);	
			$("#giftPopUp").show();

			var x = ($(window).width() - 620) / 2;
			var y = ($(window).height() - 560) / 2;

			$("#giftPopUp").css("top",  y + "px");
			$("#giftPopUp").css("left", x + "px");
		});
		return false;
	});
	
	$(".staticPopup").click(function() {
       $('<iframe style="background-color:white" class="external-site" src="' + this.href + '" />').dialog({
			modal: true,
			autoOpen: true,
			width: 600,
			open: function() { },
			height: 500,
			overlay: { opacity: 0.7 }
		}).width(580);
		$('.ui-widget-overlay').live("click", function() {
			$(".external-site").dialog("close");
		});
        return false;
	});
});

function loadTariffs(network, variantId, tariffLength, price, show) {
	$(".product_tariffs_table").fadeOut('fast');
	
	if (!tariffLength) {
		tariffLength = 10000;
	}
	
	if (!price) {
		price = 10000;
	}
	
	if (!show) {
		show = "top_selling";
	}
	
	$('#loadingBox').show('fast');
	var loadingImage = document.createElement("img");
	loadingImage.src = "/images/www/product_page/loading.gif";
	loadingImage.className = "loadingGif";
	document.getElementById("product_page").appendChild(loadingImage);

	$.post("/ajax/home/tarifflist",
		{"network":network, "variantID":variantId, "length":tariffLength, "monthlycost":price,"show":show},
		function(data) {
			$(".product_tariffs_table").html(data);
			$(".product_tariffs_table").fadeIn('fast');
	
			$(".product_tariff_popup, .product_gift_popup").click(function(e) {
				
				e.preventDefault();
				var link = $(this).attr("href")
	
				$("#giftPopUpBack").show();
	
				$("#giftPopUpBack").css("width",$(window).width() + "px");
				$("#giftPopUpBack").css("height",$(window).height() + "px");
	
				var x = ($(window).width() - 160) / 2;
				var y = ($(window).height() - 160) / 2;
	
				$("#giftLoading").css("top",  y + "px");
				$("#giftLoading").css("left", x + "px");
	
				$("#giftLoading").show();

				$.get(link,function(d) {
				
					$("#giftLoading").hide();
	
					$("#giftPopUp").html('<div style="overflow:auto;height:600px;margin-top:40px;margin-bottom:20px;background-color:#ffffff">'+d+'</div>');	
					$("#giftPopUp").show();
	
					var x = ($(window).width() - 620) / 2;
					var y = 30;
	
					$("#giftPopUp").css("top",  y + "px");
					$("#giftPopUp").css("left", x + "px");
				});
				return false;
			});
	
			$(".loadingGif").fadeOut(100);
			$('#loadingBox').hide('slow');
		});
}
		
function hideGiftPopUp() {
	$("#giftPopUp").hide();
	$("#giftPopUpBack").hide();
}