//Set Captcha Theme
var RecaptchaOptions = {
	    theme : 'clean'
	 };

$(document).ready(function() {
	getBodySize();
	
	var logUser = $('#headingRight .portlet-login input[name="_58_INSTANCE_main_login"]').val();
	var logPass = $('#headingRight .portlet-login input[name="_58_INSTANCE_main_password"]').val();
	
	if(logUser== '') {
		$('#headingRight .portlet-login input[name="_58_INSTANCE_main_login"]').val('Username').css('color', '#909090');
	}
	if(logPass == '') {
		$('#headingRight .portlet-login input[name="_58_INSTANCE_main_password"]').hide();
		$('#headingRight .portlet-login input[name="_58_INSTANCE_main_password"]').after('<input type="text" name="tempPassword" value="Password" id="tempPassword" style="color: #909090;">');
		var initialBlank = true;
	}
	else {
		initialBlank = false;
	}
	$('#headingRight .portlet-login input#tempPassword').live('focus',function() {
		$(this).hide();
		$('#headingRight .portlet-login input[name="_58_INSTANCE_main_password"]').show().focus();
	});
	$('#headingRight .portlet-login input[name="_58_INSTANCE_main_login"]').focus(function(){
		if($(this).val() == 'Username') {
			$(this).val('').css('color', '');
		}
	});
	$('#headingRight .portlet-login input[name="_58_INSTANCE_main_login"]').blur(function(){
		if($(this).val() == '') {
			$(this).val('Username').css('color', '#909090');
		}
	});
	$('#headingRight .portlet-login input[name="_58_INSTANCE_main_password"]').blur(function(){
		if($(this).val() == '') {
			$(this).hide();
			$('#headingRight .portlet-login input#tempPassword').show();
		}
	});
	
	$('.tooltip').each(function() {
		$('body').append(this);
	});	
	
	$('#headingRight form input').focus(function(){
		$('#headingRight .portlet-login').css({'background': 'url(../images/zigtheme/login_gray_bg.gif) repeat-x #616161'})
		$('#headingRight .aui-field-choice').css('display','block');
		$('#headingRight .portlet-login .navigation').show();
	});
	
	$('.whatsThis').click(function() {
		var documentWoffset = (($(window).width()- $('#wrapper').width())/2);
		var documentYoffset = $(window).scrollTop();
		var tooltipHeight= $(".tooltip").height();
		var tooltipWidth= $(".tooltip").width();

		var clickedPosX = $(this).offset().left;
		var clickedPosY = $(this).offset().top;
		
		var posX = Math.round(clickedPosX);
		var posY  =  Math.round(clickedPosY);
		
		tipID = $(this).attr('id');
		$('.tooltip').each(function() {
			if($(this).hasClass(tipID)) {
				$(this).css({'top': posY, 'left': posX});			
			}
			else {
				$(this).css({'top': '-9999px'});
			}
		})
	})
	
	$('.tooltip .closeTip').click(function() {
		$(this).parents('.tooltip').css({'top': '-9999px'});
	})
	
	//Create Account submit button enable
	$('#_58_termsOfUseCheckbox').click(function() {
		checkTermsVal();
	});
	
	//Show/Hide Function
	$('.showMore').click(function(){
		$(this).parent().nextAll('.hideThis').slideDown();
		$(this).hide();
	});
	$('.showLess').click(function(){
		$(this).parents('.hideThis').prev().find('.showMore').show();
		$(this).parents('.hideThis').slideUp();
	});

	// Simple lightbox 
	$('.zigLB').click(function() {
		$(document).scrollTop(0);
		var imgToShow = $(this).attr('href');
		var lbContent = "<div id='zigLightbox'>&nbsp;</div><div class='zigLBImg'><div id='lightboxImg'><img src='" + imgToShow + "' /><div id='lightbox-close'>&nbsp;</div></div></div>";		
		$(lbContent).appendTo(document.body);
		$('#zigLightbox').height(bodyHeight).width(bodyWidth).show();		
		return false;
	});
	
	$('#lightbox-close').live('click', function() {
		$('.zigLBImg').animate({height:0}, 400, function() {
			$('.zigLBImg').remove();
			$('#zigLightbox').remove();
		});
	})

});


function checkTermsVal() {
	var termsAccept = $('#_58_termsOfUse').val();
	if(termsAccept == "true") {
		$('.createAccBtn2').removeClass('aui-button-disabled');
		$('.createAccBtn2 input').removeAttr('disabled');
	}
	else {
		$('.createAccBtn2').addClass('aui-button-disabled');
		$('.createAccBtn2 input').attr('disabled', 'disabled');
	}
}


function getBodySize() {
	bodyHeight = $(document).height();
	bodyWidth = $(document).width();
}