$(function() {

	$('#doSearchBtn').bind('click',function(){
		var keyword = $('#keyword').val();   
		if(!keyword){
			return false;
		}
		$('#searchForm').submit();
		return false;
	});
	
	$('#initIntroVideoBtn').bind('click', function() {

		var h = [];
		h.push('<div id="videoBox" class="videoBox">');
		//h.push('<video id="introVideo" width="480" height="360" controls>');
		/*h.push('<source src="/video/Phokki_.mp4" type=\'video/mp4; codecs="avc1.42E01E, mp4a.40.2"\'>');
		h.push('<source src="/video/p.ogv">');*/
		h.push('<iframe src="http://player.vimeo.com/video/26059681?title=0&amp;byline=0&amp;portrait=0&amp;color=3FAFF0&amp;autoplay=1" width="700" height="400" frameborder="0" style="border-top:4px solid #111111;border-bottom:4px solid #111111"></iframe>');
		//h.push('</video>');
		h.push('</div>');
		h = h.join('');

		var B = new Boxy(h, {
			title : "Take a tour",
			modal : true,
			unloadOnHide : true,
			afterShow : function() {
				
				$('#introVideo').bind('ended', function() {
					$('#videoBox').remove();
					B.hideAndUnload();
				});
			}
		});
		return false;
	});

	$('#s1').cycle({
		fx : 'scrollRight',
		timeout : 5000,
		easing : 'easeInOutBack',		
		after : function() {

			var frame = $(this).attr('frame');
			$('#s1DotWrapper').find('img').each(function() {

				$(this).attr('src', 'img/imgFC_ic.jpg');
				if ($(this).attr('dot') == 'dot_' + frame) {
					$(this).attr('src', 'img/imgFC_icB.jpg');
				}
			});
		}
	});

	$('.goto').bind('click', function() {
		var frame = $(this).attr('frame');
		$('#s1').cycle(parseInt(frame));
	});

	$('#toNextStepBtn').bind('click', function() {
		
		$('#bannerTxt1').fadeOut(500,function(){
			$('#bannerTxt2').fadeIn(500,function(){
				
			});
		});

		/*$('#bannerTxt1').animate({
			'left' : '-560px'
		}, 500, function() {
			
		});
		$('#bannerTxt2').animate({
			'left' : '0px'
		}, 500, function() {
			
		});		*/
		return false;
	});

	var LOGINFORM = {
		_form : $('#loginForm'),
		open : function(elem) {

			var _this = $(elem);
			_this.addClass('activeTab');

			var top = parseInt(_this.position().top + 20) + 'px';
			var left = parseInt(_this.position().left - 383) + 'px';

			this._form.css({
				'top' : top,
				'left' : left
			});

			this._form.slideDown(300, function() {
				// LOGINFORM.close();
			});
		},
		close : function(elem) {
			var _this = $(elem);
			_this.removeClass('activeTab');
			this._form.slideUp(300, function() {
				$('#userlogin_email').attr('value', '');
				$('#userlogin_password').attr('value', '');
			});
		},
		adjust : function() {

			var showLoginBtn = $('#showLoginBtn');

			if (showLoginBtn.position() == null) {
				return;
			}

			var top = parseInt(showLoginBtn.position().top + 20) + 'px';
			var left = parseInt(showLoginBtn.position().left - 383) + 'px';

			this._form.css({
				'top' : top,
				'left' : left
			});
		}
	};
	var ProfileBox = {
		_form : $('#profileBox'),
		open : function(elem) {

			var _this = $(elem);
			_this.css({
				'background-color' : '#FAFAFA'
			});

			var top = parseInt(_this.position().top + 20) + 'px';
			var left = parseInt(_this.position().left - 95) + 'px';

			this._form.css({
				'top' : top,
				'left' : left
			});

			this._form.slideDown(300, function() {

			});
		},
		close : function(elem) {

			var _this = $(elem);
			_this.css({
				'background-color' : '#FFFFFF'
			});

			this._form.slideUp(300, function() {

			});
		},
		adjust : function() {

			var toggleProfileBox = $('#toggleProfileBox');
			if (toggleProfileBox.position() == null) {
				return;
			}

			var top = parseInt(toggleProfileBox.position().top + 20) + 'px';
			var left = parseInt(toggleProfileBox.position().left - 95) + 'px';

			this._form.css({
				'top' : top,
				'left' : left
			});
		}
	};

	$('#showLoginBtn').toggle(function() {
		LOGINFORM.open(this);
	}, function() {
		LOGINFORM.close(this);
	});
	$('#cancelLoginBtn').bind('click', function() {
		LOGINFORM.close($('#showLoginBtn')[0]);
	});

	$('#toggleProfileBox').toggle(function() {
		ProfileBox.open(this);
	}, function() {
		ProfileBox.close(this);
	});

	$('#loginBtn').bind('click', function() {
		var userlogin_email = $('#userlogin_email').val();
		var url_cur=document.URL;
		//check string # in url_cur 
		// var check=url_cur.indexOf("#");
		// if(check!=-1)
		// alert(url_cur);
		url_cur=url_cur.replace(/#/gi, "");
		// alert(url_cur);
		if (!userlogin_email) {
			alert('Email is required!');
			return false;
		}
		var userlogin_password = $('#userlogin_password').val();
		if (!userlogin_password) {
			alert('Password is required!');
			return false;
		}

		var sessionid = (new Date()).getTime();
		$.ajax({
			type : "POST",
			url : "/ajax/member/doLogin",
			data : {
				'sessionid' : sessionid,
				'userlogin_email' : userlogin_email,
				'userlogin_password' : userlogin_password,
				'url_cur':url_cur
			},
			cache : false,
			beforeSend : function() {
				// $('#styleListBox').html(STYLES.getAjaxLoad());
			},
			success : function(J) {
				//alert(J); return;
				var R = eval('(' + J + ')');
				if (R.res === true) {
					alert('Welcome back ' + R.artist.full_name);
					//alert(R.url);
					location.href = R.url;
				} else {
					alert(R.msg);
					return false;
				}
			}
		});
	});

	$(window).resize(function() {
		LOGINFORM.adjust();
		ProfileBox.adjust();
	});
});