$(document).ready(function(){
	/*to change the color of the text in the input on focus/blur*/
	$("input").focus(function(){
		$(this).css({'color':'#000'});
	});
	$("input").blur(function(){
		$(this).css({'color':'#8F8F8F'});
	});
	
	/*Show/Hide signin popup*/
	$(".linkSignIn").click(function(){/*signIn link in the gryband*/
		$("#signInPop").click();
	});
	$(".overlay,.thumbnailContentWrapper").remove();
	$("body").append('<div class="overlay">&nbsp;</div><div class="thumbnailContentWrapper"><div class="thumbnailContent"></div></div>');
	$("#signInPop,#forgotPwdPop,#newsletterPopup").click(function(){
		
		if($(".formError"))
			$(".formError").remove();/*Remove all the error messages of the sku plan form*/
		elOffset = $(this).offset();/*Element clicked offset*/
		elOffLeft = elOffset.left;
		elOffTop = elOffset.top;
		
		contOffset = $(".container").offset();/*Main wrapper offset*/
		contOffLeft = contOffset.left;
		contOffTop = contOffset.top;
		
		var popup = "."+$(this).attr('id');
		if(popup == ".signInPop" || popup == ".forgotPwdPop"){
			elOffLeft = (contOffLeft + $(".container").width()) - $(popup).width();
			elOffTop = contOffTop + 30;
		}else
			if(popup == ".newsletterPopup"){
				elOffLeft = contOffLeft + $(this).parent().parent().width() + 50;
				elOffTop = elOffTop - 55;
			
			}
		var wrapperHeight = $('body').height();
		var wrapperWidth = $('body').width();
		var windowheight = $(window).height();
		var windowwidth = $(window).width();
		var screenheight,screenwidth;
		if(wrapperHeight < windowheight){
			screenheight = windowheight;
			screenwidth = windowwidth;
		}
		else{
			screenheight = wrapperHeight;
			screenwidth = wrapperWidth;
		}
		$('.thumbnailContent').append($(popup));
		$(popup).fadeIn('slow');
		$('.thumbnailContent').css({'left': elOffLeft,'top':elOffTop}).show();
		$(".overlay").css({top:0,height:screenheight,width:screenwidth}).show();
		$(popup).find("input").eq(0).focus();/*To focus on the first input of the popup*/
  		return false;
   	});
	
   	$(".popCloseBtn,.cancelPop").click(function(){$(".info").text("");
   		//$('.thumbnailContent').hide();
   		$('.thumbnailContent .signInPop,.thumbnailContent .forgotPwdPop,.thumbnailContent .newsletterPopup').hide();
   		$(".overlay").hide();
   		//$(".error").remove();
   		$(".error").text("");
   		$(".formError").remove();
   		return false;
   	});
   	$(".overlay").click(function(){$(".info").text("");
   		$('.thumbnailContent .signInPop,.thumbnailContent .forgotPwdPop,.thumbnailContent .newsletterPopup').hide();
   		$(this).fadeOut('slow');
   		//$(".error").remove();
   		$(".error").text("");	
   		$(".formError").remove();
   		return false;
   	});
   	
	var ht = $(".wrapper").css('height');
	ht = ht.substring(0,(ht.length-2));
	if(ht < 688){
		var diff = ht - 688;
		diff = diff+'px';
		$('.wrapper').css('background',"url(/images/bodyBg.jpg) repeat-x 0 "+diff);
	}
	
	
	
	/*$('.signInContainer input#email_signin').keypress(function(event) {
	  if (event.keyCode == '13') {
		 $(".signInContainer input#password_signin").focus();
	   }
	});*/
	$(".signInContainer .btn").click(function(){
		//$(".error").remove();
		$(".error").text("");
		$('.signInContainer .inputText').each(function(){
			if($(this).attr('value') != "")
		    	flag = true;
		    else
		    	flag = false;
		    	
		});	
		if(flag){
			var formObj =$("form[name='signInForm']");
			url = "/basic/login_done";
			callAjax(url,formObj,".signInContainer",'Please enter valid email and password');
    	}else{
    		//$('.signInContainer table').after('<div class="error" style="margin-left:85px;margin-top:-5px;"></div>');
			$('.signInContainer .error').text("Please enter username and password");	
		}
	});
	
	$(".signInContainer input:password").keypress(function (e) {
		//$(".error").remove();
		$(".error").text("");
		if(e.which == 13){
	    	$(".signInContainer .btn").click();
	    }
	 });
	
	/*Validate forgot password form*/
	$(".forgotPwdPop input#email , .newsletterPopup input#url").focus(function(){
		if($(this).val() =="e.g. username@domain.com")
			$(this).val("");
		
	});
	$(".forgotPwdPop input#email , .newsletterPopup input#url").blur(function(){
		if($(this).val() =="")
			$(this).val("e.g. username@domain.com");
	});
	$(".forgotPwdPop input#email , .newsletterPopup input#url").change(function() {
	  $(".info").text("");
	});
	$("#newsLetterSub").click(function(){
		email = $(".newsletterPopup input#url");
		emailval = $(email).attr("value");
		$(".error").text("");
		if(!checkEmail(emailval)){
			$('.newsletterPopup .error').text("Please enter valid email");
		}else{
			var formObj =$("form[name='newsletterSignupForm']");
			var url ="/utility/NEWSLETTER_SIGNUP";
			var divID = '.newsletterPopup';
			doRequest(formObj,url,divID);
		}
		return false;
	});
	
	$("#forgotpwd").click(function(){
		email = $(".forgotPwdPop input#email");
		emailval = $(email).attr("value");
		
		$(".error").text("");
		if(!checkEmail(emailval)){
			$('.forgotPwdPop .error').text("Please enter valid email");
		}else{
			var formObj =$("form[name='forgotpwdForm']");
			var url ="/accounts/FORGOT_PASSWORD";
			var divID = '.forgotPwdPop';
			doRequest(formObj,url,divID);
		}
		return false;
	});
	$("#email").keypress(function (e) {
		//$(".error").remove();
		$(".error").text("");
		if(e.which == 13){
	    	$("#forgotpwd").click();
	    	return false;
	    }
	 });
	 $("#url").keypress(function (e) {
		//$(".error").remove();
		$(".error").text("");
		if(e.which == 13){
	    	$("#newsLetterSub").click();
	    	return false;
	    }
	   
	 });
	
	function doRequest(formObj,url,divID){
			var serializedFormStr = PostAform(formObj);
			$.ajax({
				   	url: url,
				   	type: 'POST',
				   	data: serializedFormStr,
				   	success: function(xml){
	   					$(divID +' .info').text(xml);
					},
			    	async: false,
			    	dataType: "html",
			    	error: function(){
						$(divID +" .error" ).html("Error communicating with server. Please try again.").show();
					}
				});	
		}
	
	
	$(".headerListItem").each(function(){
		var hdListItem = $(this);
		hdListItem.hover(function(){
			hdListItem.addClass("hover");
		}, function(){
			hdListItem.removeClass("hover");
		});
		hdListItem.click(function(){
			hdListItem.find('a').blur();
		});
		if(hdListItem.find(".headerListItemC").hasClass("hasSubList")){
			var subList = hdListItem.find(".subHeaderList");
			hdListItem.click(function(){
				hdListItem.addClass("selected");
				hdListItem.find("a").blur();
				$('.signInLink').removeClass('selected');
				$('.signInContainer').hide();
				subList.show();
			});
			hdListItem.mouseleave(function(){
				subList.hide();
				hdListItem.removeClass("selected");
			});
		}
	});
	$(".btn").mousedown(function(){
		$(this).addClass("click");
	}).mouseup(function(){
		$(this).removeClass("click");
	});
	$(".btn").hover(function(){
		$(this).addClass("hover");
	}, function(){
		$(this).removeClass("hover");
	});
	$(".hasSubList ul li").hover(function(){
		$(this).addClass("hover");
	}, function(){
		$(this).removeClass("hover");
	});

});
 
function callAjax(url,formName,msgDiv,msgText){
	var serializedFormStr =PostAform(formName);
	$.ajax({
	   	url: url,
	   	type: 'POST',
	   	data: serializedFormStr,
	   	success: function(xml){
	   		
			xml = eval('(' + xml + ')');
			if (xml.valid == "true") {
				document.location.href=xml.message;
			}else{
				$(msgDiv+' .error').html(String(xml.message));
			}
	    },async: false,dataType: "html",error: function(){
			$("form[name='"+formName +"'] .error" ).html("Error communicating with server. Please try again.").show();
		}
	});	
}

function startsWith(currStr, matchStr) {
  return (currStr.match("^" + matchStr)==matchStr)
}
function trim(str)
{
	return((""+str).replace(/^\s*([\s\S]*\S+)\s*$|^\s*$/,'$1') );
}
function submitUrl() {
  var url = document.getElementById("url").value;
  url = url.toLowerCase();
  
  if (startsWith(url, "http://")) {
    url = url.substring(7);
  }
  if (startsWith(url, "www.")) {
    url = url.substring(4);
  }
  if (url && url != "Enter a website") {
    window.location="/sites/"+url;
  }
  return false;
}

function PostAform(formObj) {
	var theform = formObj;
	var formName = $(formObj).attr("name");
	var PostText = "";
	amp = "&";
	var prevElement  = "";
	var cnt=0;
	var formInput = $(theform).find("input");
	var formSel = $(theform).find("select");
	formInput.each(function(){
		if($(this).attr('type')  == "text" || $(this).attr('type')  == "password" || $(this).attr('type')  == "hidden" || $(this).attr('type')  == "checkbox"){
			PostText += $(this).attr('name') +"="+encodeURIComponent($(this).attr('value'))+amp;
		}	
		
	});
	formSel.each(function(){
		PostText += amp+$(this).attr('name') +"="+encodeURIComponent($(this).attr('value'))+amp;
	});
	
	return PostText;
}