var timeout	= 400;
	var closetimer	= 0;
	var ddmenuitem	= 0;

	// open hidden layer
	function mopen(id)
	{	
		// cancel timer
		mcancelclosetime();

		// close layer
		if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

		// show new layer
		ddmenuitem = document.getElementById(id);
		ddmenuitem.style.visibility = 'visible';

	}

	// close showed layer
	function mclose()
	{
		if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	}

	// go close timer
	function mclosetime()
	{
		closetimer = window.setTimeout(mclose, timeout);
	}

	// cancel close timer
	function mcancelclosetime()
	{
		if(closetimer)
		{
			window.clearTimeout(closetimer);
			closetimer = null;
		}
	}

	// close layer when click-out
	document.onclick = mclose; 

function clearText(field){

    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;

}


function formValidation(){

	var email = document.getElementById('pemail');

	if(emailValidator(email, "Please enter a valid email address")){
		document.forms["userData"].submit();
		}
	return false;		
}

function emailValidator(elem, helperMsg){
	var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
	if(elem.value.match(emailExp)){
		return true;
	}else{
		alert(helperMsg);
		elem.focus();
		return false;
	}
}


function goNewWin() {

	TheNewWin =window.open("popups/barclays-credit-card.jsp",'creditcard','toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1,height=255,width=425');

	TheNewWin.blur();

}

//slider functions

$(document).ready(function() {

//Show the paging and activate its first link
$(".paging").show();
$(".paging a:first").addClass("active");

//Get size of the div, how many divs there are, then determine the size of the image reel.
var divWidth = $(".window").width();
var divSum = $(".reelContainer").size();
var divReelWidth = divWidth * divSum;

//Adjust the image reel to its new size
$(".reel").css({'width' : divReelWidth});

//Paging  and Slider Function
rotate = function(){
    var triggerID = $active.attr("rel") - 1; //Get number of times to slide
    var reelPosition = triggerID * divWidth; //Determines the distance the image reel needs to slide

    $(".paging a").removeClass('active'); //Remove all active class
    $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

    //Slider Animation
    $(".reel").animate({
        left: -reelPosition
    }, 500 );

}; 	

//On Click
$(".paging a").click(function() {
    $active = $(this); //Activate the clicked paging
    rotate(); //Trigger rotation immediately
    return false; //Prevent browser jump to link anchor
});

});