// jsEffects.js

$(document).ready(function(){
	
	// A. Price Overlay
	//------------------------------------------------------------------------------------------
	
	$('#lowest-price-guarantee a').bind('click', function(){
		var text = "<h3>We Guarantee You Won't Find A Cheaper Price</h3><p>We're so confident that our prices are the lowest, <strong>we guarantee you won't find a cheaper price.</strong></p><p>UKbathrooms.com is one of the country's biggest and longest-running bathroom websites. And because we buy in large quantities and only sell through our website, that means we can offer <strong>discounts of up to 35% compared to the high street</strong>.</p><p>We're so confident in our prices, we include a <strong>lowest price guarantee with everything we sell</strong>.</p><p>In the unlikely event that you find a product cheaper, we'll happily refund the difference. Just make sure that:</p><ul><li>The product is exactly the same (we only sell high quality products that we'd use ourselves).</li><li>The product is in stock (we ensure that virtually everything on our site is in stock/available within 3 days).</li><li>The cost includes VAT and delivery (all our prices include VAT, and delivery starts at just &pound;8 &ndash; and for many larger items, it's completely free)</li></ul><p>For the full terms and conditions, please <a href='/terms-price-guarantee.html' target='_blank'>click here</a>.</p>"

		$(this).parent().append('<div id="price-overlay"><div><a id="close-overlay">x</a>'+text+'</div></div>');
		$("#price-overlay").fadeIn();
		$('#close-overlay').bind('click', function(){
			$("#price-overlay").fadeOut();									   
		});									  
	});
	
	
	// B. Added to Basket
	//------------------------------------------------------------------------------------------
		
	$('#product-added').fadeIn('slow');
	$('#product-added').bind('click', function(){
		$(this).fadeOut('slow');
	});
	
	
	// C. Table Images
	//------------------------------------------------------------------------------------------
	
	$(".tbl-img").load(function() {
    $(this).wrap(function(){
    	return '<span class="' + $(this).attr('class') + '" style="background:url(' + $(this).attr('src') + ') no-repeat center center; width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />';
    });
    $(this).css("opacity","0");
	
  });
	
	// D. Beat My Quote Tabs
	//------------------------------------------------------------------------------------------	
	$('.tab-container').hide();
	$('.tab-container h3').hide();
	$('.tab-container:first').show();
	$('.tab-container:first').before('<ul class="tabs"></ul>');
	$('.tab-container h3').each(function(){
		$('.tabs').append('<li><a id="nav-'+ $(this).parent().attr('id') +'">'+ $(this).html() +'</a></li>');
	});
	$('.tabs > li:first').addClass('current');
	$('.tabs a').bind('click', function(){
		$('.tab-container').hide();
		var navitem = $(this).attr('id');
		$('#'+navitem.replace("nav-","")).show();
		$('.tabs .current').removeClass('current');
		$(this).parent().addClass('current');
	});
	
	// E. Input Hints
	//------------------------------------------------------------------------------------------	
	$('textarea').each(function(){
		if(!$(this).val()){
			this.value = $(this).attr('title');
		}
		$(this).focus(function(){
			if(this.value == $(this).attr('title')) {
				this.value = '';
			}
		});
		$(this).blur(function(){
			if(this.value == '') {
				this.value = $(this).attr('title');
			}
		});
	});





});

function toggleSearchBox(){
	
	var obj = document.getElementById('search_box');
	if(obj.value == "[Enter your search here]"){
		obj.value = "";
	}else if(obj.value == ""){
		obj.value = "[Enter your search here]";
	}
}

function toggleFirstName(){
	
	var obj = document.getElementById('firstname');
	if(obj.value == "[Enter your forename here]"){
		obj.value = "";
	}else if(obj.value == ""){
		obj.value = "[Enter your forename here]";
	}
	
}

function toggleLastName(){
	
	var obj = document.getElementById('lastname');
	if(obj.value == "[Enter your surname here]"){
		obj.value = "";
	}else if(obj.value == ""){
		obj.value = "[Enter your surname here]";
	}
	
}

function toggleSideTabs(id){
	
	var text = document.getElementById("side_column_tabs").getElementsByTagName("div");
		for (var i = 0; i < text.length; i++) {
		text[i].style.display = 'none';
	}
	var tabs = document.getElementById("side_tabs").getElementsByTagName("a");
		for (var i = 0; i < tabs.length; i++) {
		tabs[i].className = '';
	}	
	targetDiv = document.getElementById("side_"+id);
	targetDiv.style.display="block";
	selectA = document.getElementById("tab_"+id);
	selectA.className="tab_selected";

}

function show_image(img){
	var target = document.getElementById("proimg_main").getElementsByTagName("img");
	var linktarget = document.getElementById("proimg_main").getElementsByTagName("a");
	for (var i = 0; i < target.length; i++) {
		target[i].src = "/images/358/358/"+img+".jpg";
		linktarget[i].href = "/images/800/800/"+img+".jpg";
		//target[i].jqimg = img;
	}
}

function showImgHover(){
	document.getElementById("img_zoom").style.display = "block";
}
function hideImgHover(){
	document.getElementById("img_zoom").style.display = "none";
}

function ratingHover(num){
	for (i = 1; i<=5; i++){
		document.getElementById("star_"+i).src = '/images/ukb_icon_nostar_grey.jpg';
	}
	for (i = 1; i<=num; i++){
		document.getElementById("star_"+i).src = '/images/ukb_icon_star_grey.jpg';
	}		
}

function ratingOut2(){
	window.setTimeout('ratingOut()', 1000);
}

function ratingOut(){
	for (i = 1; i<=5; i++){
		document.getElementById("star_"+i).src = '/images/ukb_icon_nostar_grey.jpg';
	}
	var selected = document.getElementById("rating_num").value;
	for (i = 1; i<=selected; i++){
		document.getElementById("star_"+i).src = '/images/ukb_icon_star_grey.jpg';
	}
}

function ratingDown(num){
	document.getElementById("rating_num").value = num;
}

function checkboxRestrict(obj,num){
	var box = obj.name.substr(0,obj.name.lastIndexOf('_')+1);
	var k=0,i=1;
	while(obj.form[box+i]){
		k += obj.form[box+i].checked;
		i++;
	}
	if(k > num){
		obj.checked = false;
		alert('Only ' + num + ' '+box.substr(0,box.length-1) +' baskets can be comined at one time.\nTo pick this option please unselect one of the others.');
	}
}


function popup(mylink, windowname){
	if (! window.focus)return true;
	var href;
	if (typeof(mylink) == 'string')
	   href=mylink;
	else
	   href=mylink.href;
	window.open(href, windowname, 'width=800, height=450, scrollbars=yes');
	return false;
}


var timeout	= 500;
var timein = 0;
var closetimer	= 0;
var currentSub = 0;
var opentimer = 0;


function subOpen(id){
	cancelClose();
	opentimer = window.setTimeout('subOpen2(\''+id+'\')', timein);
	timein = 500;
}

function subOpen2(id){	
	if(opentimer){
		if(currentSub) currentSub.style.display = "none";
		currentSub = document.getElementById(id);
		currentSub.style.display = "block";
		var links = document.getElementById(id).parentNode.parentNode.parentNode.getElementsByTagName("a");
		for (var i = 0; i < links.length; i++){
			links[i].id = "";
		}
		var links = document.getElementById(id).parentNode.getElementsByTagName("a");
		for (var i = 0; i < links.length; i++){
			links[i].id = "nav_hover";
		}
	}	
}

function subClose(){
	if(currentSub){
		var currentlink = document.getElementById("nav_hover");
		currentlink.id = "";
		currentSub.style.display = "none";
	}
}

function subCloseTimer(){	
	closetimer = window.setTimeout(subClose, timeout);
}

function cancelClose(){
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

function subCancelClose(){
	subCancelOpen()
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

function subCancelOpen(){
	if(opentimer){
		window.clearTimeout(opentimer);
		opentimer = null;
	}
}

document.onclick = subClose;


/*
 * jQuery Tooltip plugin 1.3
 *
 * http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
 * http://docs.jquery.com/Plugins/Tooltip
 *
 * Copyright (c) 2006 - 2008 J?rn Zaefferer
 *
 * $Id: jquery.tooltip.js 5741 2008-06-21 15:22:16Z joern.zaefferer $
 * 
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */;(function($){var helper={},current,title,tID,IE=$.browser.msie&&/MSIE\s(5\.5|6\.)/.test(navigator.userAgent),track=false;$.tooltip={blocked:false,defaults:{delay:200,fade:false,showURL:true,extraClass:"",top:15,left:15,id:"tooltip"},block:function(){$.tooltip.blocked=!$.tooltip.blocked;}};$.fn.extend({tooltip:function(settings){settings=$.extend({},$.tooltip.defaults,settings);createHelper(settings);return this.each(function(){$.data(this,"tooltip",settings);this.tOpacity=helper.parent.css("opacity");this.tooltipText=this.title;$(this).removeAttr("title");this.alt="";}).mouseover(save).mouseout(hide).click(hide);},fixPNG:IE?function(){return this.each(function(){var image=$(this).css('backgroundImage');if(image.match(/^url\(["']?(.*\.png)["']?\)$/i)){image=RegExp.$1;$(this).css({'backgroundImage':'none','filter':"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='"+image+"')"}).each(function(){var position=$(this).css('position');if(position!='absolute'&&position!='relative')$(this).css('position','relative');});}});}:function(){return this;},unfixPNG:IE?function(){return this.each(function(){$(this).css({'filter':'',backgroundImage:''});});}:function(){return this;},hideWhenEmpty:function(){return this.each(function(){$(this)[$(this).html()?"show":"hide"]();});},url:function(){return this.attr('href')||this.attr('src');}});function createHelper(settings){if(helper.parent)return;helper.parent=$('<div id="'+settings.id+'"><p></p><div class="body"></div><div class="url"></div></div>').appendTo(document.body).hide();if($.fn.bgiframe)helper.parent.bgiframe();helper.title=$('p',helper.parent);helper.body=$('div.body',helper.parent);helper.url=$('div.url',helper.parent);}function settings(element){return $.data(element,"tooltip");}function handle(event){if(settings(this).delay)tID=setTimeout(show,settings(this).delay);else
show();track=!!settings(this).track;$(document.body).bind('mousemove',update);update(event);}function save(){if($.tooltip.blocked||this==current||(!this.tooltipText&&!settings(this).bodyHandler))return;current=this;title=this.tooltipText;if(settings(this).bodyHandler){helper.title.hide();var bodyContent=settings(this).bodyHandler.call(this);if(bodyContent.nodeType||bodyContent.jquery){helper.body.empty().append(bodyContent)}else{helper.body.html(bodyContent);}helper.body.show();}else if(settings(this).showBody){var parts=title.split(settings(this).showBody);helper.title.html(parts.shift()).show();helper.body.empty();for(var i=0,part;(part=parts[i]);i++){if(i>0)helper.body.append("<br/>");helper.body.append(part);}helper.body.hideWhenEmpty();}else{helper.title.html(title).show();helper.body.hide();}if(settings(this).showURL&&$(this).url())helper.url.html($(this).url().replace('http://','')).show();else
helper.url.hide();helper.parent.addClass(settings(this).extraClass);if(settings(this).fixPNG)helper.parent.fixPNG();handle.apply(this,arguments);}function show(){tID=null;if((!IE||!$.fn.bgiframe)&&settings(current).fade){if(helper.parent.is(":animated"))helper.parent.stop().show().fadeTo(settings(current).fade,current.tOpacity);else
helper.parent.is(':visible')?helper.parent.fadeTo(settings(current).fade,current.tOpacity):helper.parent.fadeIn(settings(current).fade);}else{helper.parent.show();}update();}function update(event){if($.tooltip.blocked)return;if(event&&event.target.tagName=="OPTION"){return;}if(!track&&helper.parent.is(":visible")){$(document.body).unbind('mousemove',update)}if(current==null){$(document.body).unbind('mousemove',update);return;}helper.parent.removeClass("viewport-right").removeClass("viewport-bottom");var left=helper.parent[0].offsetLeft;var top=helper.parent[0].offsetTop;if(event){left=event.pageX+settings(current).left;top=event.pageY+settings(current).top;var right='auto';if(settings(current).positionLeft){right=$(window).width()-left;left='auto';}helper.parent.css({left:left,right:right,top:top});}var v=viewport(),h=helper.parent[0];if(v.x+v.cx<h.offsetLeft+h.offsetWidth){left-=h.offsetWidth+20+settings(current).left;helper.parent.css({left:left+'px'}).addClass("viewport-right");}if(v.y+v.cy<h.offsetTop+h.offsetHeight){top-=h.offsetHeight+20+settings(current).top;helper.parent.css({top:top+'px'}).addClass("viewport-bottom");}}function viewport(){return{x:$(window).scrollLeft(),y:$(window).scrollTop(),cx:$(window).width(),cy:$(window).height()};}function hide(event){if($.tooltip.blocked)return;if(tID)clearTimeout(tID);current=null;var tsettings=settings(this);function complete(){helper.parent.removeClass(tsettings.extraClass).hide().css("opacity","");}if((!IE||!$.fn.bgiframe)&&tsettings.fade){if(helper.parent.is(':animated'))helper.parent.stop().fadeTo(tsettings.fade,0,complete);else
helper.parent.stop().fadeOut(tsettings.fade,complete);}else
complete();if(settings(this).fixPNG)helper.parent.unfixPNG();}})(jQuery);

$(function() {
	$('.help-point').tooltip({ 
		track: true, 
		delay:0,
		showURL: false
	});
});