/*jQuery(function() {
	//console.log(jQuery('#nice-menu-1>li:has(ul)').size());
	jQuery('#nice-menu-1>li:has(ul)>a')
		.click(function(event) {
			event.preventDefault();
		});
});*/

/*jQuery(function(){
   jQuery('.field-content>a').click(function(event){
      alert('Hello');
   });
 });*/
/*jQuery("img").tooltip({tipClass:".field-content"});*/

jQuery(document).ready(function(){
  jQuery(document).ready(GroupProduct);
  jQuery(document).ready(ShowProductImage);
  jQuery(document).ready(Mytoostip);
  jQuery(document).ready(ShowPrice);
  jQuery(document).ready(GetHeight);
  jQuery(document).ready(ImageClick);
  jQuery(document).ready(MainPageImageClick);
  jQuery(document).ready(ImageLightBox);
  jQuery(document).ready(GroupDistrict);
  jQuery(document).ready(JumpShop);  
  jQuery(document).ready(InsertText);
  jQuery(document).ready(ColorTextClick);
  jQuery(document).ready(ColorImageClick);
  jQuery(document).ready(GetBodyHeight);
  jQuery(document).ready(MenuAddClass);
  jQuery(document).ready(MenuTopicClick);
  jQuery(document).ready(FormReset);
  jQuery(document).ready(CheckEmailAddress);
  jQuery(document).ready(HomeSpecialContentMove);
  jQuery(document).ready(MoveScrollBar);
  jQuery(document).ready(UpMouseDown);
  jQuery(document).ready(UpMouseUp);
  jQuery(document).ready(facebooksinalink);
  jQuery(document).ready(HideSelf);
  jQuery(document).ready(NodeProduct);
  jQuery(document).ready(NewsLetterSubmit);
  jQuery(document).ready(AddEmailValue);
  jQuery(document).ready(CheckeNewsEmailAddress);
  jQuery(document).ready(AppendViewHeader);
  jQuery(document).ready(SearchWorkShopFirst);
  jQuery(document).ready(SearchWorkShopSecord);
  
  var click_from = 0;
  function SearchWorkShopFirst(){
    jQuery('#webform-component-first-choose').click(function(){
	   click_from = 1;
	   	jQuery("#lightbox2").show("slow").html(jQuery('#block-views-view-mkws-block-3').show());
	     jQuery('#block-views-view-mkws-block-3 .view-mkws-row').click(function(){
		    if (click_from == 1){
		    jQuery('#webform-component-first-choose #edit-submitted-first-choose').val(jQuery(this).children('.views-field-field-mkws-code').children().text());}
			jQuery('#block-views-view-mkws-block-3').hide();
			jQuery('#lightbox2').hide();
		 });
	});
    jQuery('#webform-component-select-1 .mkws_select_search1').click(function(){
	   click_from = 1;
	   	jQuery("#lightbox2").show("slow").html(jQuery('#block-views-view-mkws-block-3').show());
	     jQuery('#block-views-view-mkws-block-3 .view-mkws-row').click(function(){
		    if (click_from == 1){
		    jQuery('#webform-component-first-choose #edit-submitted-first-choose').val(jQuery(this).children('.views-field-field-mkws-code').children().text());}
			jQuery('#block-views-view-mkws-block-3').hide();
			jQuery('#lightbox2').hide();
		 });
	});
  }
  
  function SearchWorkShopSecord(){
    jQuery('#webform-component-secord-choose').click(function(){
	   click_from = 2;
	   jQuery("#lightbox2").show("slow").html(jQuery('#block-views-view-mkws-block-3').show());
	     jQuery('#block-views-view-mkws-block-3 .view-mkws-row').click(function(){
		    if (click_from == 2){
		    jQuery('#webform-component-secord-choose #edit-submitted-secord-choose').val(jQuery(this).children('.views-field-field-mkws-code').children().text());}
			jQuery('#block-views-view-mkws-block-3').hide();
			jQuery('#lightbox2').hide();
		 });
	});	 
   jQuery('#webform-component-select-2 .mkws_select_search2').click(function(){
	   click_from = 2;
	   jQuery("#lightbox2").show("slow").html(jQuery('#block-views-view-mkws-block-3').show());
	     jQuery('#block-views-view-mkws-block-3 .view-mkws-row').click(function(){
		    if (click_from == 2){
		    jQuery('#webform-component-secord-choose #edit-submitted-secord-choose').val(jQuery(this).children('.views-field-field-mkws-code').children().text());}
			jQuery('#block-views-view-mkws-block-3').hide();
			jQuery('#lightbox2').hide();
		 });
	});	
  }
  
  
  function AppendViewHeader(){
    jQuery('<div class="view_mkws_h"><span class="view_mkws_h_code">課程編號</span><span class="view_mkws_h_date">日期</span><span class="view_mkws_h_time">時間</span><span class="view_mkws_h_area">地點</span></div>').insertAfter('.view-id-view_mkws .view-content .item-list >h3');
  }
  
  function AddEmailValue(){
    var get_value  = jQuery('#a11').val();
    jQuery('#edit-submitted-enews-email').attr('value',get_value);
  }
  
  var Mail_value = '';
  function NewsLetterSubmit() {
    jQuery('#simplenews-block-form-1 .form-submit').click(function(event) {
      event.preventDefault();
	  var Mail_value = jQuery('#simplenews-block-form-1 #edit-mail').val();
	  window.location='/Subscribe/IPSAeNews?mail='+Mail_value;
	});
  }

  function NodeProduct() {
    if (jQuery('div').is('.node-product'))
	{
	   var item_category = jQuery('.field-name-field-product-category .field-item').text();
       switch (item_category)
       {
        case "護膚>卸粧":
		 {
		   jQuery('</a> &gt; <a id="skincare" class="ir" title="Skincare" href="/node/17">護膚</a> &gt; <a id="makeupremover" class="ir" title="Makeup Remover" href="/node/74"> 卸粧</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "護膚>潔膚":
		 {
		   jQuery('</a> &gt; <a id="skincare" class="ir" title="Skincare" href="/node/17">護膚</a> &gt; <a id="cleanser" class="ir" title="Cleanser" href="/node/24"> 潔膚</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "護膚>柔膚":
		 {
		   jQuery('</a> &gt; <a id="skincare" class="ir" title="Skincare" href="/node/17">護膚</a> &gt; <a id="lotion" class="ir" title="Lotion" href="/node/25"> 柔膚</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "護膚>更生護理":
		 {
		   jQuery('</a> &gt; <a id="skincare" class="ir" title="Skincare" href="/node/17">護膚</a> &gt; <a id="metabolizer" class="ir" title="Metabolizer" href="/node/26"> 更生活化系列</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "護膚>生肌再造":
		 {
		   jQuery('</a> &gt; <a id="skincare" class="ir" title="Skincare" href="/node/17">護膚</a> &gt; <a id="thetimereset" class="ir" title="The Time Reset" href="/node/27"> 生肌再造系列</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "護膚>緊緻亮膚":
		 {
		   jQuery('</a> &gt; <a id="skincare" class="ir" title="Skincare" href="/node/17">護膚</a> &gt; <a id="onthepeak" class="ir" title="On The Peak" href="/node/28"> 緊緻亮膚系列</a>').insertAfter('.breadcrumb a');
		   break;
		 }
        case "護膚>抗氧防曬":
		 {
		   jQuery('</a> &gt; <a id="skincare" class="ir" title="Skincare" href="/node/17">護膚</a> &gt; <a id="protector" class="ir" title="Protector" href="/node/29"> 抗氧防曬</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "護膚>精華護理":
		 {
		   jQuery('</a> &gt; <a id="skincare" class="ir" title="Skincare" href="/node/17">護膚</a> &gt; <a id="serum" class="ir" title="Serum" href="/node/30"> 精華護理</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "護膚>深層護理":
		 {
		   jQuery('</a> &gt; <a id="skincare" class="ir" title="Skincare" href="/node/17">護膚</a> &gt; <a id="mask" class="ir" title="Mask / Exfoliator" href="/node/88"> 深層護理</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "護膚>工具":
		 {
		   jQuery('</a> &gt; <a id="skincare" class="ir" title="Skincare" href="/node/17">護膚</a> &gt; <a id="tool" class="ir" title="Tools" href="/node/31"> 護膚用具</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "基本彩粧>底霜":
		 {
		   jQuery('</a> &gt; <a id="basemakeup" class="ir" title="Base Makeup" href="/node/18">底粧</a> &gt; <a id="controlbase" class="ir" title="Control Base" href="/node/33"> 粧前底霜</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "基本彩粧>粉底":
		 {
		   jQuery('</a> &gt; <a id="basemakeup" class="ir" title="Base Makeup" href="/node/18">底粧</a> &gt; <a id="fundation" class="ir" title="Fundation" href="/node/32"> 粉底</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "基本彩粧>遮瑕":
		 {
		   jQuery('</a> &gt; <a id="basemakeup" class="ir" title="Base Makeup" href="/node/18">底粧</a> &gt; <a id="concealer" class="ir" title="Concealer" href="/node/34"> 遮瑕</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "基本彩粧>粉餅":
		 {
		   jQuery('</a> &gt; <a id="basemakeup" class="ir" title="Base Makeup" href="/node/18">底粧</a> &gt; <a id="powder" class="ir" title="Powder" href="/node/35"> 蜜粉</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "基本彩粧>工具":
		 {
		   jQuery('</a> &gt; <a id="basemakeup" class="ir" title="Base Makeup" href="/node/18">底粧</a> &gt; <a id="basemakeuptool" class="ir" title="Base Make Tools" href="/node/36"> 底粧用具</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "重點彩粧>彩粉":
		 {
		   jQuery('</a> &gt; <a id="pointmakeup" class="ir" title="Point Makeup" href="/node/20">彩粧</a> &gt; <a id="facecolor" class="ir" title="Face Color" href="/node/37"> 輪廓修飾</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "重點彩粧>眼影":
		 {
		   jQuery('</a> &gt; <a id="pointmakeup" class="ir" title="Point Makeup" href="/node/20">彩粧</a> &gt; <a id="eyeshadow" class="ir" title="Eye Shadow" href="/node/39"> 眼影</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "重點彩粧>唇膏":
		 {
		   jQuery('</a> &gt; <a id="pointmakeup" class="ir" title="Point Makeup" href="/node/20">彩粧</a> &gt; <a id="lipstick" class="ir" title="Lipstick & Lip Gloss" href="/node/43"> 唇膏/唇彩</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "重點彩粧>睫毛液":
		 {
		   jQuery('</a> &gt; <a id="pointmakeup" class="ir" title="Point Makeup" href="/node/20">彩粧</a> &gt; <a id="mascara" class="ir" title="Mascara" href="/node/41"> 睫毛液</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "重點彩粧>眼線":
		 {
		   jQuery('</a> &gt; <a id="pointmakeup" class="ir" title="Point Makeup" href="/node/20">彩粧</a> &gt; <a id="eyeliner" class="ir" title="Eyeliner" href="/node/40"> 眼線筆</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "重點彩粧>眉部產品":
		 {
		   jQuery('</a> &gt; <a id="pointmakeup" class="ir" title="Point Makeup" href="/node/20">彩粧</a> &gt; <a id="eyebrow" class="ir" title="Eyebrow" href="/node/42"> 眉部產品</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "重點彩粧>甲油":
		 {
		   jQuery('</a> &gt; <a id="pointmakeup" class="ir" title="Point Makeup" href="/node/20">彩粧</a> &gt; <a id="nailcolor" class="ir" title="Nail Color" href="/node/45"> 美甲</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "重點彩粧>化粧工具":
		 {
		   jQuery('</a> &gt; <a id="pointmakeup" class="ir" title="Point Makeup" href="/node/20">彩粧</a> &gt; <a id="pointmakeuptool" class="ir" title="Point Makeup Tools" href="/node/46"> 彩粧用具</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "肌膚需要>缺水":
		 { 
		   jQuery('</a> &gt; <a id="byconcerns" class="ir" title="By Concerns" href="/node/19">肌膚需要</a> &gt; <a id="hydration" class="ir" title="Hydration" href="/node/47"> 缺水保濕護理</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "肌膚需要>油性肌膚":
		 {
		   jQuery('</a> &gt; <a id="byconcerns" class="ir" title="By Concerns" href="/node/19">肌膚需要</a> &gt; <a id="sebum" class="ir" title="Sebum" href="/node/48"> 油性肌膚護理</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "肌膚需要>毛孔":
		 {
		   jQuery('</a> &gt; <a id="byconcerns" class="ir" title="By Concerns" href="/node/19">肌膚需要</a> &gt; <a id="pores" class="ir" title="Pores" href="/node/49"> 毛孔粗大護理</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "肌膚需要>美白":
		 {
		   jQuery('</a> &gt; <a id="byconcerns" class="ir" title="By Concerns" href="/node/19">肌膚需要</a> &gt; <a id="whitening" class="ir" title="Whitening" href="/node/50"> 美白護理</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "肌膚需要>防曬":
		 {
		   jQuery('</a> &gt; <a id="byconcerns" class="ir" title="By Concerns" href="/node/19">肌膚需要</a> &gt; <a id="uvprotection" class="ir" title="UV Protection" href="/node/51"> 防曬護理</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "肌膚需要>敏感":
		 {
		   jQuery('</a> &gt; <a id="byconcerns" class="ir" title="By Concerns" href="/node/19">肌膚需要</a> &gt; <a id="sensitiveskin" class="ir" title="Seneitive Skin" href="/node/52"> 敏感肌膚護理</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "肌膚需要>緊緻":
		 {
		   jQuery('</a> &gt; <a id="byconcerns" class="ir" title="By Concerns" href="/node/19">肌膚需要</a> &gt; <a id="lifting" class="ir" title="Lifting / Firming" href="/node/53"> 緊緻肌膚護理</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "肌膚需要>眼部護理":
		 {
		   jQuery('</a> &gt; <a id="byconcerns" class="ir" title="By Concerns" href="/node/19">肌膚需要</a> &gt; <a id="anti" class="ir" title="Anti-Wrinkle" href="/node/174"> 眼部護理</a>').insertAfter('.breadcrumb a');
		   break;
		 }
		case "肌膚需要>男士護膚":
		 {
		   jQuery('</a> &gt; <a id="byconcerns" class="ir" title="By Concerns" href="/node/19">肌膚需要</a> &gt; <a id="forman" class="ir" title="For Man" href="/node/175"> 男士護膚</a>').insertAfter('.breadcrumb a');
		   break;
		 }
	   }
	}
   }

   function facebooksinalink() {
   jQuery('.views-field-field-publish-content').click(function() {
    if (jQuery(this).parent().children('.views-field-field-publish-image').children().children().size() > 0){
       window.open("/sites/all/themes/ipsa/showimg.php?img="+jQuery(this).parent().children('.views-field-field-publish-image').children().children().attr('href'),'my_window');
	   }
   });
   }
  function MoveScrollBar(){
     jQuery(".view-publish-facebook-sina-content .view-content")	 
        .bind('mousewheel', function(event, delta) {
            var dir = delta > 0 ? 'Up' : 'Down',
                vel = Math.abs(delta);
			var top_value = jQuery(".view-publish-facebook-sina-content .view-content .views-view-grid").position();
			var grid_height = jQuery(".view-publish-facebook-sina-content .view-content .views-view-grid").height();
			grid_height = (grid_height-100)*-1;
			var new_top = top_value.top;
			if (dir=="Up")
			 {
			  if (new_top<-11){ new_top+=10;}
	    
			 }else{
			  if (new_top > grid_height){new_top-=10;}

			  }
			  jQuery(".view-publish-facebook-sina-content .view-content .views-view-grid").css('position','relative').css('top',new_top+'px');
			  return false;
        });
  }
  

  var exit_loop = false;
  function UpMouseDown(){
    jQuery("#view_menubox_down").mousedown(function(){
	exit_loop = false;
	var top_value = jQuery(".view-publish-facebook-sina-content .view-content .views-view-grid").position();
	var grid_height = jQuery(".view-publish-facebook-sina-content .view-content .views-view-grid").height();
	grid_height = (grid_height-100)*-1;
	var new_top = top_value.top;
	if( new_top < grid_height){ return; }
    MoveDIV(".view-publish-facebook-sina-content .view-content .views-view-grid",new_top,grid_height,"down");
   }); 
   
   	jQuery("#view_menubox_down").mouseup(function(){
	    exit_loop = true;
	});
   
  }
  function UpMouseUp(){
    jQuery("#view_menubox_up").mousedown(function(){
	exit_loop = false;
	var top_value = jQuery(".view-publish-facebook-sina-content .view-content .views-view-grid").position();
	var new_top = top_value.top;
	if (new_top > -11) {return ;}
    MoveDIV(".view-publish-facebook-sina-content .view-content .views-view-grid",new_top,-11,"up");
   }); 
   
   	jQuery("#view_menubox_up").mouseup(function(){
	    exit_loop = true;
	});
   
  }
   function MoveDIV(obj,top,height,event){
    if (event=="up"){
	  	top += 30;
	}else{
	 top -= 30;
	}
	jQuery(obj).css('position','relative').css('top',top+'px');
    if (!exit_loop){
	if (event=="up"){
	  if ( top < height) {
	    	setTimeout(function(){MoveDIV(obj,top,height,event)},100);
	      }
     }else{
	  if ( top > height) {
	    	setTimeout(function(){MoveDIV(obj,top,height,event)},100);
	      }
	  }
	  }
  }  
  var current_page = 0;
  function HomeSpecialContentMove(){
     var ttl_item = 0;
     jQuery('.view-main-page-html-link-special-cont .view-content').children('div').each(function(i){
	    ttl_item = i;
	 });
	 ttl_item = (ttl_item + 1) / 3;
	 var page_num = Math.ceil(ttl_item);
     jQuery("#node-16 .view_sp_content_next_page").click(function(){
	   current_page++;
	   if (current_page >= page_num){
	     current_page = page_num-1;
	   }
	   jQuery(".view-main-page-html-link-special-cont .view-content").animate({left:(current_page*(-910))+'px'},"slow");
   })
     jQuery("#node-16 .view_sp_content_back_page").click(function(){
	 	current_page--;
	   if (current_page <= 0){
	     current_page = 0;
	   }
	   jQuery(".view-main-page-html-link-special-cont .view-content").animate({left:(current_page*(-910))+'px'},"slow");
   })   
  }
  
  function CheckEmailAddress(){
     jQuery("#node-367 #edit-submitted-verify-email").focusout(function(){
	    var v_e_mail = jQuery("#node-367 #edit-submitted-verify-email").val();
		var e_mail = jQuery("#node-367 #edit-submitted-email").val();
		if (e_mail != v_e_mail)
		  {
		    jQuery("#node-367 #edit-submitted-verify-email").val("");
			alert("確認電郵地址並不正確，請重新輸入");
			jQuery("#node-367 #edit-submitted-verify-email").focus();
		  }
	 });
  }
    function CheckeNewsEmailAddress(){
     jQuery("#node-407 #edit-submitted-enews-verify-email").focusout(function(){
	    var v_e_mail = jQuery("#node-407 #edit-submitted-enews-verify-email").val();
		var e_mail = jQuery("#node-407 #edit-submitted-enews-email").val();
		if (e_mail != v_e_mail)
		  {
		    jQuery("#node-407 #edit-submitted-enews-verify-email").val("");
			alert("確認電郵地址並不正確，請重新輸入");
			jQuery("#node-407 #edit-submitted-enews-verify-email").focus();
		  }
	 });
  }
  function FormReset(){
     jQuery("#node-368 .form_reset").click(function(){
	    jQuery("#webform-client-form-368 #edit-submitted-vip-no").val("");
		jQuery("#webform-client-form-368 #edit-submitted-vip-name").val("");
		jQuery("#webform-client-form-368 #edit-submitted-vip-contact-no").val("");
		jQuery("#webform-client-form-368 #edit-submitted-vip-email").val("");
		jQuery("#webform-client-form-368 #edit-submitted-miss-mrs-mr").val("");
		jQuery("#webform-client-form-368 #edit-submitted-name").val("");
		jQuery("#webform-client-form-368 #edit-submitted-contact-no").val("");
		jQuery("#webform-client-form-368 #edit-submitted-address").val("");
		jQuery("#webform-client-form-368 #edit-submitted-email").val("");
		jQuery("#webform-client-form-368 #edit-submitted-first-choose").val("");
		jQuery("#webform-client-form-368 #edit-submitted-secord-choose").val("");
	 });
     jQuery("#node-369 .form_reset").click(function(){
	    jQuery("#webform-client-form-369 #edit-submitted-miss-mrs-mr").val("");
	    jQuery("#webform-client-form-369 #edit-submitted-name").val("");
	    jQuery("#webform-client-form-369 #edit-submitted-contact-no").val("");
	    jQuery("#webform-client-form-369 #edit-submitted-address").val("");
	    jQuery("#webform-client-form-369 #edit-submitted-email").val("");
	    jQuery("#webform-client-form-369 #edit-submitted-first-choose").val("");
	    jQuery("#webform-client-form-369 #edit-submitted-secord-choose").val("");
	 });
  }
  
  function MenuAddClass(){
    jQuery("#nice-menu-1 #whatsnew").addClass("nice_menu_whats_new");
	jQuery("#nice-menu-1 #skincare").addClass("nice_menu_skincare");
	jQuery("#nice-menu-1 #basemakeup").addClass("nice_menu_basemakeup");
	jQuery("#nice-menu-1 #pointmakeup").addClass("nice_menu_pointmakeup");
	jQuery("#nice-menu-1 #byconcerns").addClass("nice_menu_byconcerns");
	jQuery("#nice-menu-1 #makeupserviceworkshop").addClass("nice_menu_makeupserviceworkshop");
	jQuery("#nice-menu-1 #aboutipsa").addClass("nice_menu_aboutipsa");
	jQuery("#nice-menu-1 #storelocator").addClass("nice_menu_storelocator");
  }

  function GetBodyHeight(){
     var bHeight = jQuery("#content").height();
	 var title = jQuery("#page-title").text();
	 var view_Height = jQuery(".view-list-main-page-html-link .view-content").height();
	 var view_width = jQuery(document).width();
	 view_width += 297;
	 if (view_Height!=null)
	 {
	 if (view_Height > bHeight)
		{
		
		 bHeight = view_Height - bHeight + 50;
		 }else{
		 bHeight=50;
		}
	 }else{
	   bHeight = 50;
	 }
	 if (title=="HOME")
	 {
	   bHeight=10; 
	 }
	 if (title=="IPSA Concept")
	 {
	   bHeight=20;
	 }
	 if (title=="About IPSA")
	 {
	   bHeight=20;
	 }
	 if (title=="Confirm remove subscription")
	 {
	   bHeight=320;
	 }
	 jQuery(".region-footer").css('top',bHeight+"px").css('width',view_width+"px");
  }
  function InsertText(){
	 jQuery(".field-name-field-product-color-code .field-item").after("<div class='replace_color' id='replace_color'>[ <a  style='color:#7ba9e7'>更换颜色</a> ]</div>");
  }
  
  function GetHeight(){
    var height_value = 0;
    height_value += jQuery(".field-name-field-product-category-name").height();
	height_value += jQuery(".field-name-field-product-name-chinese").height();
	if (jQuery(".field-name-field-product-color-code").height()!=null)
	   {
	    height_value += 60;
	   } 
	if (jQuery(".field-name-field-product-color-code").height()==null)
	 {
	   jQuery(".field-name-field-product-description").css('top','55px');
	 }	
	height_value += jQuery(".field-name-field-product-description").height();
	height_value += 25;
	if (jQuery(".field-name-field-product-award").height()!=null)
	   {
	    jQuery(".field-name-field-product-award .field-items").css('top',height_value+'px')
	    height_value += 70;
	   }
	
	 jQuery("#product_weight_price").css('top',height_value+'px');
     height_value += 28;
	 
	 if (height_value < 430)
	   {
	    height_value = 430;
	   }
	   
	 if(jQuery(".field-name-field-how-to-use").height()!=null)
	   {
	    jQuery(".field-name-field-how-to-use").css('top',height_value+'px');
	    height_value += 165;
	   }
	   
	 if (jQuery(".field-name-field-product-concepts-image").height()!=null)
	   {
	     height_value += 500;
	   }
	 
	 if (height_value < 430)
	   {
	     jQuery(".node-product .content").css('height','430px')
	   }else{
	     jQuery(".node-product .content").css('height',height_value+'px')
	   }
  }
  
  function Mytoostip(){
    jQuery(".product_image a>img").mouseenter(function()
      {
	  var obj_position = jQuery(this).parent().parent().parent().position();
	  Dotip(
	  jQuery(this).parent().parent().parent().children('.product_description').text(),
	  jQuery(this).parent().parent().parent().children('.product_category_name').text(),
	  jQuery(this).parent().parent().parent().children('.title_name').text(),
	  obj_position
	  )})
	  .mouseleave(function(){
	  //console.log("leave");
	    jQuery("#etip").stop().hide().empty();})
		.click(function(){jQuery("#etip").slideUp().empty();});
	}
    	
  function Dotip(desc,cname,chinese_name,obj){
	  var MyX = obj.left + 180 ;
	  var MyY = obj.top + 390;
	  if (jQuery.browser.msie)
	  {
    	  jQuery("#etip").height(200).width(229).stop().html("<div class='tipstext'><a class='cname' style='word-wrap:break-word'>"+cname+"</a><br /><br /><a class='chinese_name' style='word-wrap:break-word'>"+chinese_name+"</a><br /><br /><a class='desc' style='word-wrap:break-word'>"+desc+"</a></div>").css({left:MyX,top:MyY}).show();
      }else{
	      jQuery("#etip").height(200).width(229).css("opacity", 1).stop().html("<div class='tipstext'><a class='cname' style='word-wrap:break-word'>"+cname+"</a><br /><br /><a class='chinese_name' style='word-wrap:break-word'>"+chinese_name+"</a><br /><br /><a class='desc' style='word-wrap:break-word'>"+desc+"</a></div>").css({left:MyX,top:MyY}).show("fast");
	 }
   }
  /*function Mytoostip(){
    jQuery(".product_image").hover(function()
      {Dotip(
	  jQuery(this).parent().children('.product_description').text(),
	  jQuery(this).parent().children('.product_category_name').text(),
	  jQuery(this).parent().children('.title_name').text()
	  )},function(){
	    jQuery("#etip").hide("fast").empty();})
		.click(function(){jQuery("#etip").slideUp().empty();});
	}
    	
  function Dotip(desc,cname,chinese_name){
    jQuery(document).mousemove(function(e){
	  var MyX = e.pageX;
	  var MyY = e.pageY-80;
	  var myx = MyX-150;
	  jQuery("#etip").css({left:myx,top:MyY});
	});
	
	jQuery("#etip").show("fast").html("<div class='tipstext'><a class='cname' style='word-wrap:break-word'>"+cname+"</a><br /><br /><a class='chinese_name' style='word-wrap:break-word'>"+chinese_name+"</a><br /><br /><a class='desc' style='word-wrap:break-word'>"+desc+"</a></div>");
    }*/	
  function GroupProduct(){
      var ttl_a = "";
     jQuery('.title>a').each(function(index) {
	  if (ttl_a == jQuery(this).text())
	  {
	    jQuery(this).parent().parent().hide();
	  }else{
        ttl_a = jQuery(this).text();
      }
	  });
  }
  
  function GroupDistrict(){
      var ttl_a = "";
     jQuery('#block-views-ipsa-shop-block-2 .view-display-id-block_2 .view-content>li').each(function(index) {
	  if (ttl_a == jQuery(this).text())
	  {
	    jQuery(this).hide();
	  }else{
        ttl_a = jQuery(this).text();
      }
	  });
  }
	
  function HideSelf(){
    var page_product = jQuery(".field-name-field-product-name-chinese .field-items").text();
	jQuery("#block-system-main .view-dom-id-4 .view-content .views-field-field-product-name-chinese .field-content").each(function(index) {
	  if (jQuery(this).text() == page_product)
	    {
	      jQuery(this).parent().parent().hide();
		}
	});
  }
  function ShowProductImage(){
     jQuery('.field-name-field-product-image .field-item>a').each(function(index) {
	    var image_src = "<div class='div_image'><img  width='258' height='258' id='normal_image' src='"+jQuery(this).attr("href")+"'/></div>";
		jQuery('.node-product .content').append(image_src);
		jQuery(this).children().css('border-style','solid').css('border-width','1px').css('border-color','#ededed');
		return false;
	 });
   }
   
  function ShowPrice(){
     jQuery('.field-name-field-product-weight').hide();
	 jQuery('.field-name-field-product-color').hide();
	 jQuery('.field-name-field-product-price').hide();
	 
     var product_weight = jQuery('.field-name-field-product-weight .field-item').text();
	 var product_color = jQuery('.field-name-field-product-color .field-item').text();
	 var product_price = jQuery('.field-name-field-product-price .field-item').text();
	 var color_code = jQuery('.field-name-field-product-color-code .field-item').text();

	 var return_dtl = '';
	 if (product_color!="")
		{
		  return_dtl = return_dtl + product_color ;
           if (product_weight!="" || product_price!="")
                {
                  return_dtl = return_dtl + "  /  ";
				}
		}
	 if (product_weight!="")
		{
		  return_dtl = return_dtl + product_weight;
		  if (product_price!="")
		      {
			    return_dtl = return_dtl + "  /  ";
			  }
	    }
	return_dtl = return_dtl + product_price;
	jQuery('.node-product .content .field-name-field-product-price').after("<div id='product_weight_price' class='product_weight_price'>"+return_dtl+"</div>");
  }
   
  function ImageClick(){
    jQuery(".field-name-field-product-image .field-item>a").click(function(event) { 
    event.preventDefault(); 
	var other_image = jQuery(this).attr("href");
    jQuery("#normal_image").attr("src",other_image); 
	jQuery('.field-name-field-product-image .field-item>a').each(function(index) {
	  jQuery(this).children().css('border-style','solid').css('border-width','1px').css('border-color','#ffffff');
	});
	jQuery(this).children().css('border-style','solid').css('border-width','1px').css('border-color','#ededed');
    });  
  }
  
  function MainPageImageClick(){
   jQuery(".view-main-page-html-link-special-cont div>ul>li>a").click(function(){
      jQuery(".view-main-page-html-link-special-cont .view-content .views-view-grid .col-1").animate({left:'-800px'},"slow");
	  jQuery(".view-main-page-html-link-special-cont .view-content .views-view-grid .col-2").animate({left:'-800px'},"slow");
	  jQuery(".view-main-page-html-link-special-cont .view-content .views-view-grid .col-3").animate({left:'-800px'},"slow");
   })
   }
   
  function MenuTopicClick(){
   var current_page = window.location.search; 
    switch (current_page)
    {
     case "?q=node/73": {     
               jQuery("#nice-menu-1 #whatsnew").removeClass("nice_menu_whats_new");
               jQuery("#nice-menu-1 #whatsnew").addClass("nice_menu_whats_new1");			   
			   break;
			   }
     case "?q=node/17": {     
               jQuery("#nice-menu-1 #skincare").removeClass("nice_menu_skincare");
               jQuery("#nice-menu-1 #skincare").addClass("nice_menu_skincare1");			   
			   break;
			   }
     case "?q=node/18": {     
               jQuery("#nice-menu-1 #basemakeup").removeClass("nice_menu_basemakeup");
               jQuery("#nice-menu-1 #basemakeup").addClass("nice_menu_basemakeup1");			   
			   break;
			   }
	 case "?q=node/20": {     
               jQuery("#nice-menu-1 #pointmakeup").removeClass("nice_menu_pointmakeup");
               jQuery("#nice-menu-1 #pointmakeup").addClass("nice_menu_pointmakeup1");			   
			   break;
			   }
     case "?q=node/19": {     
               jQuery("#nice-menu-1 #byconcerns").removeClass("nice_menu_byconcerns");
               jQuery("#nice-menu-1 #byconcerns").addClass("nice_menu_byconcerns1");			   
			   break;
			   }	
     case "?q=node/21": {     
               jQuery("#nice-menu-1 #makeupserviceworkshop").removeClass("nice_menu_makeupserviceworkshop");
               jQuery("#nice-menu-1 #makeupserviceworkshop").addClass("nice_menu_makeupserviceworkshop1");			   
			   break;
			   }
     case "?q=node/22": {     
               jQuery("#nice-menu-1 #aboutipsa").removeClass("nice_menu_aboutipsa");
               jQuery("#nice-menu-1 #aboutipsa").addClass("nice_menu_aboutipsa1");			   
			   break;
			   }	
	 case "?q=node/23": {     
               jQuery("#nice-menu-1 #storelocator").removeClass("nice_menu_storelocator");
               jQuery("#nice-menu-1 #storelocator").addClass("nice_menu_storelocator1");			   
			   break;
			   }
    }  
  }
  function ImageLightBox(){
     jQuery("#normal_image").click(function(){
	     var big_text = jQuery(".field-name-field-product-name-chinese .field-item").text();
		 jQuery("html").css("overflow", "hidden"); 
	    jQuery("#lightbox").show("slow").html("<div class='big_image_name' id='big_image_name'><a class='big_image_text' id='big_image_text'>"+big_text+"</a><img class='big_image' id='big_image' width='400px' height='400px' src='"+jQuery(this).attr("src")+"'></img></div>");
		jQuery("#lightbox").click(function(){
		   jQuery("#lightbox").hide("slow");
		   jQuery("#big_image_name").hide("fast");
		   jQuery("html").css("overflow", "auto");
		   jQuery("html").css("overflow-x", "hidden"); 
		});
	 });
  }

  function ProductColorShow(){
	jQuery("#lightbox1").show("slow").html(jQuery(".view-product-color").show("slow"));
	jQuery("#lightbox1").append("<div class='color_title'>顏色選擇</div>");

	jQuery("#lightbox1").click(function(){
	   jQuery("#lightbox1").hide("slow");
	   jQuery(".view-product-color").hide("slow");
	   jQuery(".color_title").hide("slow");
	});
  }
  function ColorImageClick(){
     jQuery(".field-name-field-product-sub-image .field-items .field-item>img").click(function(){
	 ProductColorShow();
	 });	 
  }
  function ColorTextClick(){
     jQuery("#replace_color>a").click(function(){
	 ProductColorShow();
	 });
  }  
  function JumpShop(){
  jQuery('.view_district_shop_district').click(function(){
    var jump = jQuery.trim(jQuery(this).text());
    var new_position = "";
    switch (jump)
    {
     case "港島區": { 
	          new_position = jQuery("#block-views-ipsa-shop-block-1").position();
	          break;
	          }
     case "九龍區": {
              new_position = jQuery("#block-views-ipsa-shop-block-3").position();
	          break;
	          }
     case "新界區": {	  	 
              new_position = jQuery("#block-views-ipsa-shop-block-4").position();
	          break;
	          }
	 case "澳門": {
              new_position = jQuery("#block-views-ipsa-shop-block-5").position();
	          break;
	          }
     }			
    window.scrollTo(1,new_position.top);  
    return false; 
  }); 
  }
});;
/*! Copyright (c) 2009 Brandon Aaron (http://brandonaaron.net)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
 * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
 *
 * Version: 3.0.2
 * 
 * Requires: 1.2.2+
 */

(function($) {

var types = ['DOMMouseScroll', 'mousewheel'];

$.event.special.mousewheel = {
	setup: function() {
		if ( this.addEventListener )
			for ( var i=types.length; i; )
				this.addEventListener( types[--i], handler, false );
		else
			this.onmousewheel = handler;
	},
	
	teardown: function() {
		if ( this.removeEventListener )
			for ( var i=types.length; i; )
				this.removeEventListener( types[--i], handler, false );
		else
			this.onmousewheel = null;
	}
};

$.fn.extend({
	mousewheel: function(fn) {
		return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
	},
	
	unmousewheel: function(fn) {
		return this.unbind("mousewheel", fn);
	}
});


function handler(event) {
	var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
	
	event = $.event.fix(event || window.event);
	event.type = "mousewheel";
	
	if ( event.wheelDelta ) delta = event.wheelDelta/120;
	if ( event.detail     ) delta = -event.detail/3;
	
	// Add events and delta to the front of the arguments
	args.unshift(event, delta);

	return $.event.handle.apply(this, args);
}

})(jQuery);;

