// JavaScript Document

var contentArray = new Array();
var ready = true;
var backoffice;
var dropout;

$(document).ready(function()
{
	var myDomain = document.location.href;
	myDomain = myDomain.toLowerCase();

	// Form homepage -------------------------------------------------------------------
	var inputForm = $('div#FreeSearch > form');
	var hideRows = 4;
	var slideSpeed = 800;
	
	var companyNameRow = inputForm.find('tr:eq(1) input');
	var cityRow = inputForm.find('tr:eq(2) input');
	var countryRow = inputForm.find('tr:eq(3) select');
	
	for (i = 0; i < hideRows; i++)
		inputForm.find('tr:eq(' + i +')').css('display', 'none');
		
	inputForm.css('display','none');
	
	$('div#FillInDetails').click(function()
	{
		formSlide();
	});
	$("div#SearchForm select#country").change(function()
	{
		formSlide();
	});
	
	function formSlide()
	{
		var clickTitle = $('div#FillInDetails');
		
		companyNameRow.val($("div#SearchForm input#formCompanyName").val());
		cityRow.val($("div#SearchForm input#formCity").val());
		
		var countryVal = $("div#SearchForm select#country").val();
		countryRow.find('option[value=' + countryVal + ']').attr('selected','selected');
		
		if (clickTitle.hasClass('active') == true)
		{
			inputForm.slideUp(slideSpeed);
			clickTitle.removeClass('active');
		}
		else
		{
			inputForm.slideDown(slideSpeed);
			clickTitle.addClass('active');
		}
	}

	// Cufon Button --------------------------------------------------------------------
	
	var button = $('div.button input');
	
	for (i = 0; i < button.length; i++)
	{
		var currentButton = $('div.button:eq(' + i + ')');
		var buttonText = currentButton.find('input').attr('value');
		currentButton.prepend('<span>' + buttonText + '</span>');
	}
	
	$('div#LoginArea div.button span').click(function()
	{
		$(this).parents('form').submit();
	});
	
	$('div#FreeSearch div.button span').click(function()
	{
		checkForm();
		
		if (ready == true)
			$(this).parents('form').submit();
	});
	
	var companyName = $('div#SearchForm input#formCompanyName').val();
	var city = $('div#SearchForm input#formCity').val();
	
	$("div#SearchForm input#formCompanyName").focus(function () {
		if ($(this).val() == companyName)
			$(this).val('');		
	});
	$("div#SearchForm input#formCompanyName").blur(function () {
		if ($(this).val() == '')
			$(this).val(companyName);
	});
	
	$("div#SearchForm input#formCity").focus(function () {
		if ($(this).val() == city)
			$(this).val('');		
	});
	$("div#SearchForm input#formCity").blur(function () {
		if ($(this).val() == '')
			$(this).val(city);
	});
	
	$("div#LoginArea input#userid1").focus(function () {
		if ($(this).val() == 'UserID')
			$(this).val('');
	});
	$("div#LoginArea input#userid1").blur(function () {
		if ($(this).val() == '')
			$(this).val('UserID');
	});
	$("div#LoginArea input#password1").focus(function () {
		$(this).val('');
	});
	
	$("div#LoginArea input#userid2").focus(function () {
		if ($(this).val() == 'UserID')
			$(this).val('');
	});
	$("div#LoginArea input#userid2").blur(function () {
		if ($(this).val() == '')
			$(this).val('UserID');
	});
	$("div#LoginArea input#password2").focus(function () {
		$(this).val('');
	});
	
	
	// Cufon ------------------------------------------------------------------
	makeCufon()
	
	function makeCufon()
	{
		if (myDomain.match('graydoninternational.cn') != null || myDomain.match('graydoninternational.jp') != null)
			return;
			
		Cufon.now();
		Cufon.replace('div#Menu ul li ul li a',
		{
			hover:
			{
				color: '#7dd1ff'
			}
		});
		Cufon.replace('div#Menu ul li a');
		Cufon.replace('div#Login ul li a');
		Cufon.replace('div#IntroSelector');
		Cufon.replace('div#Intro div.introText');
		Cufon.replace('div#RightMenu ul li a');
		Cufon.replace('h1');
		Cufon.replace('h2');
		Cufon.replace('h3');
		Cufon.replace('div.button span');
		Cufon.replace('div.sample div.button a');
		Cufon.replace('div#RightMenu div.whoIs ul');
		Cufon.replace('.customFont');
	}
	
	
	// Menu --------------------------------------------------------------------
	var hideMenu;
	var activeMenu;
	
	function mouseOut()
	{
		$('div#Menu ul li').removeClass('hover');
		$('div#Menu ul li ul').css('display','none');
		
		activeMenu = null;
		hideMenu = null;
	}

	$('div#Menu ul li').not('div#Menu ul li ul li').mouseenter(function()
	{
		if (hideMenu)
			clearTimeout(hideMenu);

		if (activeMenu && $(activeMenu).html() != $(this).find('ul').html())
		{
			$('div#Menu ul li').removeClass('hover');
			$('div#Menu ul li ul').css('display','none');
		}
		
		$(this).addClass('hover');
		
		activeMenu = $(this).find('ul:first');
		
		if (activeMenu.length > 0)
		{
			var activeLeft = $(this).position().left;
			activeMenu.find('> li').css('paddingLeft',activeLeft);
			activeMenu.css('display','block');
		}
	});

	$('div#Menu ul li ul li').mouseenter(function()
	{
		dropout = $(this).find('ul:first');
		
		if ($(this).find('ul').length == 0)
			return;
		else
			$(this).find('ul:first').css('display','block');
	});


	$('div#Menu').mouseleave(function()
	{
		hideMenu = setTimeout(mouseOut, 1000);
	});
	
	$('div#Menu').mouseenter(function()
	{
		if (hideMenu) clearTimeout(hideMenu);
	});
	
	
	// Header Slider --------------------------------------------------------------------	
	var contentDiv = $('div.flashContent');
	var contentFlash = contentDiv.find('div.headerContent');
	var count = $("div.headerContent").length;
	var i=0;
	for(i=0;i<count;i++)
	{
		contentArray[i] = new Array();
		var title=contentFlash.find('div.title').html();
		var text=contentFlash.find('div.text').html();
		var image=contentFlash.find('div.image').html();
		var contentTitle=contentFlash.find('div.contentTitle').html();
		
		text = text.replace(/\n/g, '');
		text = text.replace(/<br \/>/g, "\n");
		text = text.replace(/<br>/g, "\n");
		
		contentArray[i][0]=title;
		contentArray[i][1]=text;
		contentArray[i][2]=image;
		contentArray[i][3]=contentTitle;
		
		var contentFlash=contentFlash.next();
	}

	loadFlash();

});



function loadFlash()
{
	var myDomain = document.location.href;
	myDomain = myDomain.toLowerCase();
	backoffice = myDomain.match('edit&site');
	
	if (backoffice != null)
	{
		$('div#FlashHeader div.headerContent').css('display','block');
		return;
	}
	
	var flashvars = {};
	flashvars.slideTime=10;
	flashvars.css="../content/flash/flash.css";
	var params = {};
	params.swliveconnect = "true";
	params.allowscriptaccess = "always";
	params.wmode = "transparent"
	var attributes = {};
	attributes.id = "Graydon_Header";
	attributes.name = "Graydon_Header";
	swfobject.embedSWF("/content/flash/Graydon_Header.swf", "FlashHeader", "692", "218", "9.0.0", "/content/flash/expressInstall.swf", flashvars, params, attributes);
}
function getData(){
	//alert('testje');
	sendToFlash();
}
function getFlashMovie(movieName)
{
	if (window.document[movieName]) 
	{
		return window.document[movieName];
	}
	if (navigator.appName.indexOf("Microsoft Internet")==-1)
	{
	if (document.embeds && document.embeds[movieName])
		return document.embeds[movieName]; 
	}
	else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
	{
	return document.getElementById(movieName);
	}
}
function sendToFlash() 
{
	getFlashMovie("Graydon_Header").sendToFlash(contentArray);
}

function checkForm()
{
	var report = '';
	ready = true;
	
	for (iFields = 0; iFields <= $('div#SearchForm div.row input').length; iFields++)
	{
		var fieldObj = $('div#SearchForm div.row:eq(' + iFields + ') input');
		if (fieldObj.parent().html() == null)
			fieldObj = $('div#SearchForm div.row:eq(' + iFields + ') select');
		
		if (fieldObj.attr('value') == fieldObj.attr('title') || fieldObj.attr('value') == '')
		{
			report += '- Please fill in ' + fieldObj.attr('title') + "\r\n";
			ready = false;
		}
	}
	
	if (ready == false)
		alert(report);
}