// JavaScript Document
(function(jQuery){

	// We override the animation for all of these color styles
	jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){
		jQuery.fx.step[attr] = function(fx){
			if ( fx.state == 0 ) {
				fx.start = getColor( fx.elem, attr );
				fx.end = getRGB( fx.end );
			}

			fx.elem.style[attr] = "rgb(" + [
				Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),
				Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),
				Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)
			].join(",") + ")";
		}
	});

	// Color Conversion functions from highlightFade
	// By Blair Mitchelmore
	// http://jquery.offput.ca/highlightFade/

	// Parse strings looking for color tuples [255,255,255]
	function getRGB(color) {
		var result;

		// Check if we're already dealing with an array of colors
		if ( color && color.constructor == Array && color.length == 3 )
			return color;

		// Look for rgb(num,num,num)
		if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color))
			return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])];

		// Look for rgb(num%,num%,num%)
		if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color))
			return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55];

		// Look for #a0b1c2
		if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color))
			return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)];

		// Look for #fff
		if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color))
			return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)];

		// Otherwise, we're most likely dealing with a named color
		return colors[jQuery.trim(color).toLowerCase()];
	}
	
	function getColor(elem, attr) {
		var color;

		do {
			color = jQuery.curCSS(elem, attr);

			// Keep going until we find an element that has color, or we hit the body
			if ( color != '' && color != 'transparent' || jQuery.nodeName(elem, "body") )
				break; 

			attr = "backgroundColor";
		} while ( elem = elem.parentNode );

		return getRGB(color);
	};
	
	// Some named colors to work with
	// From Interface by Stefan Petre
	// http://interface.eyecon.ro/

	var colors = {
		aqua:[0,255,255],
		azure:[240,255,255],
		beige:[245,245,220],
		black:[0,0,0],
		blue:[0,0,255],
		brown:[165,42,42],
		cyan:[0,255,255],
		darkblue:[0,0,139],
		darkcyan:[0,139,139],
		darkgrey:[169,169,169],
		darkgreen:[0,100,0],
		darkkhaki:[189,183,107],
		darkmagenta:[139,0,139],
		darkolivegreen:[85,107,47],
		darkorange:[255,140,0],
		darkorchid:[153,50,204],
		darkred:[139,0,0],
		darksalmon:[233,150,122],
		darkviolet:[148,0,211],
		fuchsia:[255,0,255],
		gold:[255,215,0],
		green:[0,128,0],
		indigo:[75,0,130],
		khaki:[240,230,140],
		lightblue:[173,216,230],
		lightcyan:[224,255,255],
		lightgreen:[144,238,144],
		lightgrey:[211,211,211],
		lightpink:[255,182,193],
		lightyellow:[255,255,224],
		lime:[0,255,0],
		magenta:[255,0,255],
		maroon:[128,0,0],
		navy:[0,0,128],
		olive:[128,128,0],
		orange:[255,165,0],
		pink:[255,192,203],
		purple:[128,0,128],
		violet:[128,0,128],
		red:[255,0,0],
		silver:[192,192,192],
		white:[255,255,255],
		yellow:[255,255,0]
	};
	
})(jQuery);


var monitorInterval = null;
$(function(){
	$(".chatBox").hide();
	$(".liveChat img").eq(1).attr("src", "/css/images/global/live-chat-button.png");
	$(".liveChat img").eq(1).toggle(function(){
		$(".chatBox").show();
		$(".liveChat img").eq(1).attr("src", "/css/images/global/live-chat-button-active.png");
	},function(){
		$(".chatBox").hide();
		$(".liveChat img").eq(1).attr("src", "/css/images/global/live-chat-button.png");
	});
	$(".liveChat img").mouseup(function() {
		return false
	});
	$(document).mouseup(function(e) {
		if($(e.target).parent(".liveChat").length==0) {
			$(".liveChat").removeClass("chatBox-open");
			$(".liveChat img").eq(1).attr("src", "/css/images/global/live-chat-button.png");
			$(".chatBox").hide();
		}
	});  
	
	//Free number
	$(".moreNumber").click(function(){
		$(".phoneList").show();
	});
	$(".closeButton img").click(function(){
		$(".phoneList").hide();
	});

	
	//Main navigation
	var nav_aDefaultColor = "#545454"; //545454 CE2727
	var nav_aHoverColour = "#A31022";
	var monitorInterval = null;
	$("#mainMenu li a, .subNavBox").hover(
		function () {
			var subNavBox_name = getSubNavBoxName(this);
			
			if(monitorInterval != ''){    
				clearInterval(monitorInterval); 
				monitorInterval = null; 
			}

			if($(this).is("#mainMenu li a")){	
				if($("#S-"+subNavBox_name).length >= 0){
					ul = $(this).parent("li").parent("ul");
					$(".subNavBox").hide();
					ul.find("img").stop().fadeTo(1, 0);
					ul.find("a").stop().css({"color": nav_aDefaultColor});
				}
			
				if($(this).attr("rel") == "") {
					$(this).attr("rel", $(this).css("color"));
				}
				var li = $(this).parent("li");			
				li.css({width: li.width()});
				$(this).css({"z-index": 1, "position": "absolute"});
				addNavImg(li);
				li.find("img").css({height: li.height(), width: li.width()});
				li.find("img").stop().fadeTo("fast", 1);
				$(this).stop().animate({"color": nav_aHoverColour}, 350);
			}

			$("#S-"+subNavBox_name).show();
		},
		function () {
			var self = this;
			monitorInterval = window.setTimeout(function(){
				initObj(self);
			}, 100);
			
			
			if($(this).is("#mainMenu li a")){
				if($("#S-"+getSubNavBoxName(this)).is(":hidden") === true || $("#S-"+getSubNavBoxName(this)).length == 0){
					shide(this);
				}
			}
			
			function shide(o){
				var li = $(o).parent("li");
				li.find("img").stop().fadeTo(1, 0);
				$(o).stop().css({"color": nav_aDefaultColor});
			}	
			
			function initObj(o){
				var is_obj, obj_m, obj_s, subNavBox_name = "";
				if($(o).is("#mainMenu li a")){
					obj_m = $(o);
					obj_s = $("#S-"+getSubNavBoxName(o));
					//------------------------------------
					subNavBox_name = "S-"+getSubNavBoxName(o);
				}
				if(subNavBox_name == ""){
					subNavBox_name = $(o).attr("id");
				}
				if($(o).is("#"+subNavBox_name)){
					var name = $.trim(subNavBox_name.replace(/(S-|-)/g, " ")).toLowerCase();
					(function(name){
						$("#mainMenu li").each(function(){
							if($.trim($(this).find("a").text().toLowerCase()) == name){
								obj_m = $(this).find("a");
							}
						});
					})(name);
					obj_s = $(o);
				}

				shide(obj_m);
				obj_s.hide();
			}
		}
	);
	 
});

function addNavImg(o){
    if(o.find("img").length == 0){
		if(o.is("li.home")){
        	o.append("<img src='/css/images/global/bg-menu-first.png' width='0' height='0'  style='opacity: 0;' /></li>");
		}else if(o.is("li.last")){
			o.append("<img src='/css/images/global/bg-menu-last.png' width='0' height='0'  style='opacity: 0;' /></li>");
		}else{
			o.append("<img src='/css/images/global/bg-menu-active.png' width='0' height='0'  style='opacity: 0;' /></li>");
		}
    }
}

function getSubNavBoxName(o){
	return $.trim($(o).text()).replace(/\s/i, '-');
}

function delaySubNavBoxHide(name){
	$("."+name).hide();
}