$(document).ready(function(){
var FEEDBACK_GENERAL_ERROR    = "feedback-general-error";

var FEEDBACK_LOGIN_REQUIRED   = "feedback-login-required";
var FEEDBACK_ADD_CART_SUCCESS        = "feedback-add-cart-success";
var FEEDBACK_REMOVE_CART_SUCCESS     = "feedback-remove-cart-success";
var FEEDBACK_UPDATE_CART_SUCCESS     = "feedback-update-cart-success";
var FEEDBACK_ADD_WISHLIST_SUCCESS    = "feedback-add-wishlist-success";
var FEEDBACK_REMOVE_WISHLIST_SUCCESS = "feedback-remove-wishlist-success";
var FEEDBACK_UPDATE_CART_QTY_SUCCESS = "feedback-update-cart-qty-success";
var FEEDBACK_MYCART_UPDATE_ERROR     = "feedback-mycart-update-error";
var FEEDBACK_WISHLIST_UPDATE_ERROR   = "feedback-wishlist-update-error";
var FEEDBACK_MYPURCHASE_CANCEL_ORDER_SUCCESS = "feedback-mypurchase-cancel-order-success";

var SHOW_LOADING_DELAY = 1000;

var $html = $("html");
var $body = $("body");
var $headerBar = $("#header-bar");
	
function ajaxPost(url, data, success, error){
	ajaxSend("POST", url, data, success, error);
}
function ajaxGet (url, data, success, error){
	ajaxSend("GET" , url, data, success, error);
}
function ajaxSend(method, url, data, success, error){	
	$.ajax({
		type    : method,
		url     : url,
		data    : data,
		success : success,
		dataType: "text"
	}).fail(error);
}
function addHeaderCartCounter(value){	
	addHeaderCounter("mycart", value);
}
function updateHeaderCartCounter(value){	
	updateHeaderCounter("mycart", value);
}
function getHeaderCounter(key){
	var $item = $headerBar.find(".header-bar-item-"+key);
	var $num = $item.find(".header-bar-item-button-num");
	if($num.length == 0){ 
		return 0;
	}
	return parseInt($num.find(".header-bar-item-button-num-wrapper").text());
}
function addHeaderCounter(key, num){
	var counter = getHeaderCounter(key);
	updateHeaderCounter(key, counter + num);
}
function updateHeaderCounter(key, num){
	var $item = $headerBar.find(".header-bar-item-"+key);
	var $num = $item.find(".header-bar-item-button-num");
	if(num == 0){
		$num.remove();
	}else{
		if($num.length == 0){
			$num = $("<div class='header-bar-item-button-num'></div>");			
			var $wrapper = $("<div class='header-bar-item-button-num-wrapper'></div>");
			$wrapper.text(num);
			$num.append($wrapper);
			$item.find(".header-bar-item-button").append($num);			
		}else{
			$num.find(".header-bar-item-button-num-wrapper").text(num);
		}		
	}
}

function appendLoading($parent){
	var spinner = $parent.data("spinner");
	if(spinner == null){
		var opt = {
			color : "#e18078",
			//color: "#ffffff",
			zIndex: "auto"
			//shadow: true
		};
		spinner = new Spinner(opt).spin();
		$parent.data("spinner",spinner);
		$parent.append($(spinner.el));
	}else{
		spinner.spin();
	}	
}
function removeLoading($parent){
	var spinner = $parent.data("spinner");
	if(spinner == null) return;
	spinner.stop();
}
function isLogged(){
	return $body.hasClass("logged");
}


function productAction(url, data, successFeedback, errorFeedback, successCallback, errorCallback){
	function success(response){				
		if(response == "1"){
			log("success");
			hideModalLoading();
			if(isBlank(successFeedback)){
				if(successCallback != null){
					successCallback(response);
				}
			}else{
				feedback(successFeedback, function(){
					if(successCallback != null){
						successCallback(response);
					}
				});	
			}
			
		}else{
			error(response);
		}
	}
	function error(response){
		log("error");
		log(response);
		hideModalLoading();
		if(isBlank(errorFeedback)){
			if(errorCallback != null){
				errorCallback(response);
			}
		}else{
			feedback(errorFeedback, function(){
				if(errorCallback != null){
					errorCallback(response);
				}
			});	
		}
		
	}
	showModalLoading();
	//return;
	if(SHOW_LOADING_DELAY>0){
		setTimeout(function(){
			ajaxPost(url, data, success, error);
		}, SHOW_LOADING_DELAY);	
	}else{
		ajaxPost(url, data, success, error);
	}
}
function myAjaxPost(url, data, success, error){
	if(SHOW_LOADING_DELAY>0){
		setTimeout(function(){
			ajaxPost(url, data, success, error);
		}, SHOW_LOADING_DELAY);
	}else{
		ajaxPost(url, data, success, error);
	}
}

// call from product
function removeProductFromWishlistByProductId(product_id, successCallback, errorCallback){
	log("removeProductFromWishlist");
	var url = "xml/removeProductFromWishlist.php";
	var data = {product_id:product_id};
	productAction(url, data, "", "", successCallback, errorCallback);
}
function removeProductFromWishlistById(id, successCallback, errorCallback){
	log("removeProductFromWishlist");
	var url = "xml/removeProductFromWishlist.php";
	var data = {id:id};
	productAction(url, data, "", "", successCallback, errorCallback);
}
function addProductToWishlistByProductId(product_id, successCallback, errorCallback){
	log("addProductToWishlist");
	var url = "xml/addProductToWishlist.php";
	var data = {product_id:product_id};
	productAction(url, data, "", FEEDBACK_GENERAL_ERROR, successCallback, errorCallback);
}
function addProductToCart(productID, colorID, sizeID, successCallback, errorCallback){
	log("addProductToCart");
	var url = "xml/addProductToCart.php";
	var data = {id:productID, color:colorID, size:sizeID};
	productAction(url, data, "", FEEDBACK_GENERAL_ERROR, successCallback, errorCallback);
}
function updateCart(cartItemID, productID, colorID, sizeID, qty,successCallback, errorCallback){
	log("updateCart");	
	var url = "xml/updateProductToCart.php";
	var data = {id:productID, cart_id:cartItemID, color:colorID, size:sizeID, qty:qty};
	productAction(url, data, "", FEEDBACK_GENERAL_ERROR, successCallback, errorCallback);
}
// call from mycart
function removeProductFromCart(cartItemID, successCallback, errorCallback){
	log("removeProductFromCart");
	var url  = "xml/removeProductFromCart.php";
	var data = {cart_id:cartItemID};
	productAction(url, data, "", "", successCallback, errorCallback);
}
function updateCartQty(cartItemID, qty, successCallback, errorCallback){
	log("updateCartQty");
	var url = "xml/updateCartQty.php";
	var data = {cart_id:cartItemID, qty:qty};
	productAction(url, data, "", "", successCallback, errorCallback);	
}
function getMemberDiscount(amount, success, error){
	var url = "xml/getMemberDiscount.php";
	var data = {amount:amount};
	
	if(SHOW_LOADING_DELAY > 0){
		setTimeout(function(){
			ajaxPost(url, data, success, error);
		}, SHOW_LOADING_DELAY);	
	}else{
		ajaxPost(url, data, success, error);
	}
}

function showModalLoading(){
	var $loading = $("<div id='modal-loading'></div>");
	var options = {
		noClose     : true, 
		noPadding   : true,
		noBoxShadow : true,
		noBackground: true
	};
	overlay($loading);	
	appendLoading($loading);
	/*
	var $loading = $("<div class='lightbox-loading'></div>");
	var options = {noClose:true, noPadding:true};
	lightbox($loading, options);
	*/
}
function hideModalLoading(){
	removeLoading($("#modal-loading"));
	unmodal();
}
function modal(){
	var $modal = $("<div id=\"modal\"></div>");
	$body.append($modal).addClass("modal");
	return $modal;
	/*
	var $clickable = $("<div class='modal-clickable'></div>");
	$modal.append($clickable).append($stuff);
	$body.append($modal).addClass("modal");
	if(click != null){
		$clickable.click(click);
	}	*/
}
function unmodal(callback){
	$("#modal").remove();
	$body.removeClass("modal");
	if(callback != null){
		callback();
	}
}
function overlay($panel){
	lightbox($panel, false, false, false);
}
function lightboxFrame($panel, afterClosed){
	lightbox($panel, false, false, true, afterClosed);
}
function lightboxWindow($panel, afterClosed){
	lightbox($panel, true, true, true, afterClosed);
}
function lightboxMessageNoClose($panel){
	lightbox($panel, true, false, false);
}
function lightboxMessage($panel, afterClosed){
	lightbox($panel, true, false, true, afterClosed);
}
function lightbox($panel, withStyle, withPadding, withClose, afterClosed){
	function onClose(){
		lightbox_close(afterClosed);
	}
	var $modal = modal();
	var $table = $("<div class='lightbox-table'></div>");
	$table.hide();
	var $cell  = $("<div class='lightbox-cell'></div>");	
	var $win = $("<div class='lightbox-window'></div>");
	$win.append($panel);
	if(withStyle == true){
		$win.addClass("lightbox-window-with-style");
	}
	if(withPadding == true){
		$win.addClass("lightbox-window-with-padding");
	}
	$cell.append($win);
	$table.append($cell);		
	$modal.append($table);
	//
	if(withClose == true){
		var $close = get_lightbox_close_button();	
		$close.click(onClose);
		if(withPadding == true){
			$win.addClass("lightbox-window-with-close-button");
		}
		$win.append($close);
		var $clickable1 = $("<div class='modal-clickable'></div>");
		var $clickable2 = $("<div class='modal-clickable'></div>");
		$clickable1.click(onClose);
		$clickable2.click(onClose);
		$modal.prepend($clickable1);
		$cell.prepend($clickable2);
	}
	//
	$table.fadeIn();
}
/*
function lightbox($panel, options, afterClosed){	
	function onClose(){
		lightbox_close(afterClosed);
	}
	var $modal = modal();
	var $table = $("<div class='lightbox-table'></div>");
	$table.hide();
	var $cell  = $("<div class='lightbox-cell'></div>");	
	var $win = $("<div class='lightbox-window'></div>");
	$win.append($panel);
	if(options){
		if(options.noPadding){
			$win.addClass("lightbox-window-no-padding");
		}
		if(options.noBoxShadow){
			$win.addClass("lightbox-window-no-box-shadow");
		}
		if(options.noBackground){
			$win.addClass("lightbox-window-no-background");
		}
	}
	if(options && options.noClose){
	}else{
		var $close = get_lightbox_close_button();	
		$close.click(onClose);
		$win.addClass("lightbox-window-with-close-button").append($close);
		var $clickable1 = $("<div class='modal-clickable'></div>");
		var $clickable2 = $("<div class='modal-clickable'></div>");
		$clickable1.click(onClose);
		$clickable2.click(onClose);
		$modal.append($clickable1);
		$cell.append($clickable2);
	}
	$cell.append($win);
	$table.append($cell);		
	$modal.append($table);
	$table.fadeIn();
}*/
function get_lightbox_close_button(){
	return $("<div class='lightbox-close-button'><div class=' icon icon-close'></div></div>");
}
function lightbox_close(callback){
	var $modal = $("#modal");
	if($modal.length == 0) {
		if(callback != null){
			callback();
		}
		return;
	}
	$modal.find(".lightbox-table").fadeOut("fast", function(){
		unmodal(callback);
	});
}
function getFeedbackMessagePanel(text){
	var $wrapper = $("<div class='feedback-message-wrapper'></div>");
	var $div = $("<div class='feedback-message'></div>");
	$wrapper.append($div);
	$div.text(text);
	return $wrapper;
}
function getFeedbackMessage(key){
	return $("#"+key).text();
}
function feedback(key, afterClosed){	
	feedbackMessage(getFeedbackMessage(key), afterClosed);
}
function feedbackMessage(text, afterClosed){
	//var $wrapper = $("<div class='feedback-message-wrapper'></div>");
	//var $div = $("<div class='feedback-message'></div>");
	//$wrapper.append($div);
	//$div.text(text);
	lightboxMessage(getFeedbackMessagePanel(text), afterClosed);
}
function requireLogin(){
	var text = $("#"+FEEDBACK_LOGIN_REQUIRED).text();
	var $wrapper = $("<div class='feedback-message-wrapper'></div>");
	var $div = $("<div class='feedback-message'></div>");
	$wrapper.append($div);
	$div.text(text);
	var $button = $("<a class='common-button feedback-message-button' href='login.php'></a>");
	$button.text("login");
	$div.append($button);
	lightboxMessage($wrapper);
}
function isCanvasSupported(){
  var elem = document.createElement('canvas');
  return !!(elem.getContext && elem.getContext('2d'));
}function initForm(){
	log("initForm()");
	function initCommonForm(){
		var $form = $("form.common-form");
		if($form.length == 0) return;
		log("initCommonForm()");
		var $submit = $form.find(".form-input-submit");
		//
		function onsubmit(){
			log("onsubmit()");
			$form[0].submit();
		}
		//
		if($submit.is("input[type='submit']")){
			$form.bind("submit", function(e){
				e.preventDefault();
				if($submit.hasClass("common-button-disabled")) return;
				onsubmit();
			});	
		}else{
			$submit.click(function(){
				if($submit.hasClass("common-button-disabled")) return;
				onsubmit();
			});
		}
		
		$form.bind("submit", function(e){
			e.preventDefault();
			if($submit.hasClass("common-button-disabled")) return;
			onsubmit()
		});
		/*
		$submit.click(function(){
			if($(this).hasClass("common-button-disabled")) return;
			onsubmit();
		});*/
		SimpleForm_initForm($form, $submit);
	}
	
	/*
	function isInputText($input){
		return $input.hasClass("form-input-text");
	}
	function isInputTextarea($input){
		return $input.hasClass("form-input-textarea");
	}
	function isInputSelect($input){
		return $input.hasClass("form-input-select");
	}
	function isInputEmail($input){
		return $input.hasClass("form-input-email");
	}
	function isInputPassword($input){
		return $input.hasClass("form-input-password");
	}
	function isInputConfirmPassword($input){
		return $input.hasClass("form-input-confirm-password");
	}
	function initCommonForm(){
		//
		function submitForm($form){
			

			//alert("submit");
			log(".submit()");
			$form[0].submit();
		}
		function validateElement($element){
			clearElementError($element);
			var $input = $element.find(".form-input");
			var skip_validate = ($input.attr("data-validate")=="false");
			//
			function validateRequired(){
				//$element.removeClass("form-element-validate-error-required");
				if(!$element.hasClass("form-element-required")) return true;
				if(isInputText($input) || isInputTextarea($input) || isInputEmail($input) || isInputPassword($input) || isInputConfirmPassword($input)){
					return !isBlank($input.val());
				}else if(isInputSelect($input)){
					return ($input[0].selectedIndex != 0);
				}
				return false;
			}
			function isValidPassword(password){
			  var regExp = new RegExp(/^.{6,8}$/);
			  return regExp.test(password);
			}
			function validateEmail(){
				//$element.removeClass("form-element-validate-error-email");
				if(!isInputEmail($input)) return true;				
				return isValidEmail($input.val());
			}
			function validatePassword(){
				if( (!isInputPassword($input)) && (!isInputConfirmPassword($input)) ) return true;
				//if(!isInputPassword($input)) return true;
				return isValidPassword($input.val());
			}
			function validateConfirmPassword(){
				if(!isInputConfirmPassword($input)) return true;
				var password = $input.closest("form").find(".form-input-password").val();
				var confpswd = $input.val();				
				return (password==confpswd);
			}
			//			
			//log("validateElement " + $input.attr("name"));			
			if(!validateRequired()) {
				if(!skip_validate){
					addElementValidateError($element, "required");
				}
				return false;
			}
			//
			if(skip_validate) return true;
			//
			if(!validateEmail()){
				addElementValidateError($element, "email");
				return false;
			}
			if(!validatePassword()){
				addElementValidateError($element, "password");
				return false;
			}
			if(!validateConfirmPassword()){
				addElementValidateError($element, "confirm-password");
				return false;
			}
			//
			return true;
		}
		
		function validateForm($form){//return true;
			var result = true;
			$form.find(".form-element").each(function(){
				if(!validateElement($(this))){
					result = false;
				}
				
			});
			return result;
		}
		function addElementValidateError($element, error){
			$element.addClass("form-element-error");
			var errorClass = "form-element-validate-error-" + error;
			var errorData = $element.data("validateError");
			if(errorData == null){
				errorData = [];
			}
			errorData.push(errorClass);
			$element.data("validateError", errorData);
			$element.addClass(errorClass);
		}		
		function clearElementError($element){
			$element.removeClass("form-element-error");
			var errorData = $element.data("validateError");
			if(errorData == null) return;			
			for(var i=0;i<errorData.length;i++){
				var error = errorData[i];
				$element.removeClass(error);
			}
			errorData = [];
			$element.data("validateError", errorData);
		}
		function onInputChange($input){
			log("onInputChange " + $input.attr("name"));
			clearElementError($input.closest(".form-element"));
		}
		function attemptSubmit($form){
			log("attemptSubmit 123");
			if(validateForm($form)){
				submitForm($form);
			}else{
				log("validate fail");
			}
		}
		//
		var $forms = $(".common-form");
		if($forms.length == 0) return;
		log("initCommonForm()");
		$forms.each(function(){
			var $form = $(this);
	
			var $submit = $form.find(".form-input-submit");
			$form.bind("submit", function(e){
				e.preventDefault();
				if($submit.hasClass("common-button-disabled")) return;
				
				
				var $form = $(this);
				attemptSubmit($form);
			});
			$form.find(".form-input").bind("change input", function(){
				onInputChange($(this));				
			});
		});
	}*/
	initCommonForm();
}
initForm();function SimpleForm_initForm($form, $submit, skip_validate, change_only){
	var $formFields = $form.find(".form-field");
	var INPUT_TEXT_SELECTOR = "input[type='text'], input[type='email'], input[type='password'], input[type='number']";
	function init(){
		//log($required.filter("input").length)				
		
		$formFields.find(INPUT_TEXT_SELECTOR).bind("input propertychange", function(){
			//onInputChange($(this));
			//main();
			on_input_text_change($(this));
			on_something_change();
		});
		$formFields.find("textarea").bind("input propertychange", function(){
			on_something_change();
		});
		$formFields.find("select").bind("change", function(){
			//onInputChange($(this));
			on_select_change($(this));
			on_something_change();
			//main();
		});
		$formFields.find("input[type='checkbox']").bind("change", function(){
			on_checkbox_change($(this));
			on_something_change();
		});
		
		if(change_only == true){
			save_old_values();
		}
	}
	function on_checkbox_change($input){
		var $formField = $input.closest(".form-field");
		var value = "";
		if($input[0].checked){
			value = $input.val();
		}
		if(value == $input.data("old-value")){
			$formField.data("dirty", false);
		}else{
			$formField.data("dirty", true);
		}
	}
	function on_input_text_change($input){
		var $formField = $input.closest(".form-field");
		if($input.val() == $input.data("old-value")){
			$formField.data("dirty", false);
		}else{
			$formField.data("dirty", true);
		}
	}
	function on_select_change($input){
		var $formField = $input.closest(".form-field");
		if($input.find("option:selected").val() == $input.data("old-value")){
			$formField.data("dirty", false);
		}else{
			$formField.data("dirty", true);
		}
	}
	function on_textarea_change($input){
		on_input_text_change($input);
	}
	function save_input_text_old_value($input){
		$input.data("old-value", $input.val());
	}
	function save_checkbox_old_value($input){
		var value = "";
		if($input[0].checked){
			value = $input.val();
		}
		$input.data("old-value", value);
	}
	function save_select_old_value($input){
		$input.data("old-value", $input.find("option:selected").val());
	}
	function save_textarea_old_value($input){
		save_input_text_old_value($input);
	}
	
	function save_old_values(){
		$formFields.each(function(){
			var $this = $(this);
			if(!$this.hasClass("form-field-readonly")){
				$this.find(INPUT_TEXT_SELECTOR).each(function(){
					save_input_text_old_value($(this));
				});
				$this.find("select").each(function(){
					save_select_old_value($(this));
				});
				$this.find("textarea").each(function(){
					save_textarea_old_value($(this));
				});
				$this.find("input[type='checkbox']").each(function(){
					save_checkbox_old_value($(this));
				});
			}
		});
	}
	function on_something_change(){
		log("on_something_change()");
		validate_all(true);
	}
	function validate_all(with_mark){
		var pass = true;
		$formFields.each(function(){
			var $field = $(this);
			var check = validateField($field);			
			if(with_mark){
				if(check){
					$field.removeClass("form-field-validation-fail");
				}else{
					$field.addClass("form-field-validation-fail");
				}
			}
			if(!check){
				log("fail");
				pass = false;
			}
		});
		updateSubmit(pass);
	}
	function find_dirty(){
		log("--found_changes--")
		var found = false;
		$formFields.each(function(){
			var $this = $(this);
			if(!$this.hasClass("form-field-readonly")){
				if($this.data("dirty") != null){
					log($this.attr("data-name") + " dirty = " + $this.data("dirty"));
					if($this.data("dirty") == true){
						found = true;
					}
				}
			}
		});
		return found;
	}
	function updateSubmit(val){
		if(val){
			if(change_only){
				if(find_dirty()){
					$submit.removeClass("common-button-disabled");
				}else{
					$submit.addClass("common-button-disabled");
				}
			}else{
				$submit.removeClass("common-button-disabled");
			}
		}else{
			$submit.addClass("common-button-disabled");
		}
	}
	
	function validateField($field){
		var $input = $field.find(".form-field-input");
		if($field.hasClass("form-field-readonly")) return true;
		//log("checkField " + $field.attr("data-name"))
		//		
		function isRequired($f){
			return $f.hasClass("form-field-required");
		}
		function isMirror($f){
			return !isBlank($f.attr("data-mirror"));
		}
		function isInputText($i){
			return $i.hasClass("form-field-input-text");
		}
		function isInputPassword($i){
			return $i.hasClass("form-field-input-password");
		}
		function isInputEmail($i){
			return $i.hasClass("form-field-input-email");
		}
		function isInputSelect($i){
			return $i.hasClass("form-field-input-select");
		}
		function isInputTextarea($i){
			return $i.hasClass("form-field-input-textarea");
		}
		function getValue($i){
			if(isInputTextarea($i)) return $i.val();
			if(isInputSelect($i)) return $i.find("option:selected").val();
			return $i.val();
		}
		function isInputTypeOfText($i){
			return (isInputText($i) || isInputTextarea($i) || isInputEmail($i) || isInputPassword($i));
		}
		function validateRequired(){
			if(!isRequired($field)) return true;
			if(isInputTypeOfText($input)){
				return !isBlank($input.val());
			}else if(isInputSelect($input)){
				return ($input[0].selectedIndex != 0);
			}
			return false;
		}	
		function validateEmail(){
			if(!isInputEmail($input)) return true;
			return isValidEmail($input.val());
			//return false;
		}
		function validatePassword(){
			if(!isInputPassword($input)) return true;				
			var value = trim($input.val());
			if(value == "") return true;
			var regExp = new RegExp(/^.{6,20}$/);
			return regExp.test(value);
		}
		function validateMirror(){
			if(!isMirror($field)) return true;
			var mirror = $field.attr("data-mirror");
			var $target = $formFields.find(".form-field-input[name="+mirror+"]");				
			return getValue($input) == getValue($target);
		}
		//
		if(!validateRequired()){
			//log("validateRequired fail");
			return false;
		}
		if(!validateEmail()){
			//log("validateEmail fail");
			return false;
		}
		if(!validatePassword()){
			//log("validatePassword fail");
			return false;
		}
		if(!validateMirror()){
			//log("validateMirror fail");
			return false;
		}
		
		return true;
	}
	function main(){
		log("start checking...");
		var check = true;
		//
		
		/*
		function checkInput($input){
			
			//
			function checkInputText($input){
				return (!isBlank($input.val()));
			}
			function checkSelect($input){
				return $input.find("option:selected").val()!="";
			}
			function checkPassword($input){
				var value = trim($input.val());
				var regExp = new RegExp(/^.{6,8}$/);
				return regExp.test(value);
			}
			//			
			log("checkField " + $input.attr("name"))
			
			if($input.is("input[type='text']")){
				return checkInputText($input);
			}
			if($input.is("input[type='password']")){
				return checkPassword($input);
			}
			if($input.is("select")){
				return checkSelect($input);
			}
			log("unexpect type");
			return false;
		}
		*/
		//
		$formFields.each(function(){
			var $this = $(this);
			var result = checkField($(this));
			//log(result);
			
		});
		/*
		$required.each(function(){
			var result = checkInput($(this));
			log(result);
			if(!result){				
				check = false;
			}
		});
		*/
		if(check){
			$submit.removeClass("common-button-disabled");
		}else{
			$submit.addClass("common-button-disabled");
		}
	}
	init();
	if(skip_validate == true){
	}else{
		validate_all(false);
	}
}


function initTicker(){
	log("initTicker()");
	var $ticker = $("#ticker");
	$ticker.find(".close-button").click(function(){
		$(this).unbind("click");
		$ticker.slideUp({
			duration: 400,
			easing  : "easeOutCubic",
			complete: function(){
				$ticker.remove();
			}
		});
		var url = "xml/hideTicker.php";
		var data = {};
		function success(response){}
		function error(response){}
		ajaxPost(url, data, success, error);
	});
}
initTicker();
function initMenu(){
	log("initMenu()");
	var $menu = $("#main-menu");
	////////
	function initMenu4Touch(){

		$menu.find(".menu-list-item").each(function(){
			var $this = $(this);
			if($this.find(".submenu-wrapper").length == 0) return;
			$this.find(".menu-item").click(function(e){
				e.preventDefault();
				$this.addClass("menu-list-item-hover");
			});	
		});		
		
		$menu.find(".submenu-modal").click(function(){
			$(this).closest(".menu-list-item-hover").removeClass("menu-list-item-hover");
		});
	}
	////////
	$menu.find(".menu-list-item").last().addClass("menu-list-item-last-child");
	if(Modernizr.touch){
		initMenu4Touch();
	}
}
initMenu();function initFooter(){
	log("initFooter()");
	var $footer = $("#footer");
	$("#footer-to-top-button").click(function(e){
			e.preventDefault();
			//log($(window).scrollTop());
			$("html, body").animate({ scrollTop: 0 }, 700, "easeOutCubic");
		});
}
initFooter();
function initIndex(){
	log("initIndex()");
	//////////////
	function initSlideShow(){
		var dur = 600;
		var easing = "easeOutQuart";
		var $slideBlock = $("#index-slide-show-block");
		var $buttons = $slideBlock.find(".index-slide-show-button");
		if($buttons.length == 0) return;
		var size = $buttons.length;
		var STAY = 4000;
		////////////
		function gotoSlide(index){			
			$wrapper.attr("data-index", index);
			$buttons.removeClass("index-slide-show-button-current");
			$buttons.eq(index).addClass("index-slide-show-button-current");
			$wrapper.animate({"margin-left":(-100 * index)+"%" }, dur, easing, start_timer);
		}
		var timer;
		function play_next(){
			var index = parseInt($wrapper.attr("data-index"));			
			index++;
			if(index == size) index = 0;
			gotoSlide(index);
		}
		function start_timer(){
			clear_timer();
			timer = setTimeout(play_next, STAY);
		}
		function clear_timer(){
			clearTimeout(timer);
		}
		////////////
		var $wrapper = $slideBlock.find(".index-slide-wrapper");
		var $slides = $wrapper.find(".index-slide");
		$wrapper.attr("data-index", 0);
		$buttons.click(function(){
			var $this = $(this);
			if($this.hasClass("index-slide-show-button-current")) return;
			clear_timer();
			var index = $buttons.index($this);
			gotoSlide(index);
		});
		start_timer();
	}
	function initHighlight(){
		var dur = 500;
		var easing = "easeOutQuart";
		var $wrapper = $("#index-highlight-wrapper");
		var $itemWrapper = $wrapper.find(".index-highlight-collection-items-wrapper");
		var step = $wrapper.find(".index-highlight-collection-item-wrapper").outerWidth(true);
		var SIZE = 4;
		var MAX_INDEX = $wrapper.find(".index-highlight-collection-item-wrapper").length - SIZE;
		var leftButton  = $wrapper.find(".index-highlight-collection-button-left");
		var rightButton = $wrapper.find(".index-highlight-collection-button-right");
		//
		function shift(dir){
			log("shift " + dir);
			var index = parseInt($itemWrapper.attr("data-index"));
			var target = (dir>0)?index+1:index-1;
			target = Math.max(0, target);
			target = Math.min(target, MAX_INDEX);
			var ml = -target * step;
			$itemWrapper.attr("data-index", target);
			$itemWrapper.animate({"margin-left":ml}, dur, easing);
			update(target);
		}
		function update(target){
			if(target>0){
				leftButton.addClass("index-highlight-collection-button-left-active");
			}else{
				leftButton.removeClass("index-highlight-collection-button-left-active");
			}
			if(target<MAX_INDEX){
				rightButton.addClass("index-highlight-collection-button-right-active");
			}else{
				rightButton.removeClass("index-highlight-collection-button-right-active");
			}
		}
		//
		leftButton.click(function(){
			if(!$(this).hasClass("index-highlight-collection-button-left-active"))return;
			shift(-1);
		});
		rightButton.click(function(){
			if(!$(this).hasClass("index-highlight-collection-button-right-active"))return;
			shift(1);
		});
	}
	//////////////
	initSlideShow();
	initHighlight();
}
initIndex();	
});