/*
 * jQuery Common 1.0 - New Wave Javascript
 *
 * Copyright (c) 2008 Xavi@threaddesign
 
 * $Date: 2008-08-06 10:21:25 -0500 (Wed, 06 Aug 2008) $
 * $Rev: 4663 $
 */
	$(document).ready(
	function(){
		var is_select_product = false;
		
		var init_y = $("#lily_color_product_tip")[0].offsetTop;	
		var init_x = $("#lily_color_product_tip")[0].offsetLeft;	
		
		$("#lily_product_center_description").addClass("lily_product_center_select");
		
		if((productid != undefined) && (productid == 0)){
			$("#lily_product_detail_div").css('display','none');
			$("#lily_product_category_image").css('display','block');
		}else{
			$("#lily_product_detail_div").css('display','block');
			$("#lily_product_category_image").css('display','none');
		}
		
		if(typeof(productid) != "undefined"  && productid> 0 && (typeof(InitProduct) =="function" )){
			InitProduct(productid);
			//alert(productid);
		}
		
		$(".lily_product_center").each(function(i){if(i){
			$(this).css('background','url(skin1/images/lily_product_panel_backgrou.gif)');													  
		}})
		
		
		$(".lily_product_center").click(function(){
			$(".lily_product_center").removeClass("lily_product_center_select");
			$(".lily_product_center").css('background','url(skin1/images/lily_product_panel_backgrou.gif)');
			
			
			$(this).addClass("lily_product_center_select");			
			$(this).css('background','');
			
			$(".div_lily_product_center").css('display','none');
			$("#div_" + $(this).attr('id')).css('display','block');
			
		//	alert();
		})
		
		
		
		
		$(".lily_color_product_index").mouseover(function(){
			var productid = $(this).attr("productid");
			var productname = $(this).attr("productname");
			
			
			//for IE 6
			//if($(this).parent().prev().find('.lily_product_name').css('visibility') == 'visible'){	
			if(1){	
				$('.lily_product_name').html('');		
				$(this).parent().prev().find('.lily_product_name').html(productname);
				return;				
			}else{			
				$("#lily_color_product_tip_center").html('<span class="lily_color_product_index" id="product_tmp" productid="'+productid+'" >'+productname+'</span>');
				$("#product_tmp").bind('click',function(){ func_show_product_info("#product_tmp") }); 
				$("#lily_color_product_tip").css("visibility",'visible');	
				
				
				var lily_top = $(this)[0].offsetTop;
				var lily_scrolltop = document.body.scrollTop;
				var lily_left = $(this)[0].offsetLeft;
				var lily_scrollleft = document.body.scrollLeft;
				var x=window.screenLeft || window.screenX;
				var y=window.screenTop || window.screenY;
				var _t = window.navigator.userAgent;
				var _Pos = _t.indexOf('Firefox/3');  
				if($.browser.safari) {
					lily_top = lily_top + init_y + 35 ;
				}else if(_Pos != -1){				
					lily_top = lily_top + init_y + 170 ;
				}
				else{
					lily_top = lily_top + init_y + 65 ;
				}
				lily_left = lily_left + $("#main_tbl_lily_LeftColumn").width() + 20 + 16 + 1 - $("#lily_color_product_tip").width()/2;
				//left+ leftcoulum's width + margin left + half block - half words
				$("#lily_color_product_tip").css('top',lily_top+'px');
				$("#lily_color_product_tip").css('left',lily_left+'px');
				$("#lily_color_product_tip_foot").css('width',($("#lily_color_product_tip_center").width()+10)+'px');
				$("#lily_color_product_tip_left").css('height',($("#lily_color_product_tip_center").height())+'px');
				$("#lily_color_product_tip_right").css('height',($("#lily_color_product_tip_center").height())+'px');
				
			}
			
		})
		
		/*$(".lily_color_product_index").jHelperTip({
			trigger: "click",
			dC:"#lily_color_product_tip", 
			topOff: -30,
			leftOff: -20,
			autoClose: true, 
			opacity: 0.9
		});*/
			
		$(".lily_color_product_index").mouseout(function(){
			var productid = $(this).attr("productid");
			//ChangeColor(this, productid, '#F8F7F6');		
		})
		
		$(".lily_color_product_index").click(function(){
			func_show_product_info(this);
		})

		function func_show_product_info(obj){		
			var productid = $(obj).attr("productid");
			var sampleid = $(obj).attr("sampleid");
			var productname = $(obj).attr("productname");
			ChangeColor(obj, productid, '#EEEDEC');
			$('#div_lily_product_center_tips_content').html(ProductTips[productid]);
			$('#div_lily_product_center_ingre_content').html(ProductIngred[productid]);
													  
			$(".lily_color_product_price").css("display",'none');
			$("#lily_" + productid).css("display",'block');	
			
			$("#lily_product_detail_div").css('display','block');
			$("#lily_product_category_image").css('display','none');
			
			if((true != $("#productid_" + productid).attr('checked')) && (true != $("#productid_" + sampleid).attr('checked')))
			{
				$("#productid_" + productid).attr('checked',true);				
				$(".btn_price").attr('checked',false);	
				$("#lily_price_"+productid).attr('checked',true);	
			}
			
			ResetDescription();						
		}


		$(".lily_color_product_index2").mouseover(function(){
			var productid = $(this).attr("productid");
			var productname = $(this).attr("productname");
			
			
			//for IE 6
			if($(this).parent().prev().find('.lily_product_name').css('visibility') == 'visible'){	
				$('.lily_product_name').html('');		
				$(this).parent().prev().find('.lily_product_name').html(productname);
				return;				
			}else{			
				
				$("#lily_color_product_tip_center").html('<span class="lily_color_product_index2" id="product_tmp" productid="'+productid+'" >'+productname+'</span>');
				$("#product_tmp").bind('click',function(){ func_show_product_info2("#product_tmp") }); 
				$("#lily_color_product_tip").css("visibility",'visible');	
				
				
				var lily_top = $(this)[0].offsetTop;
				var lily_scrolltop = document.body.scrollTop;
				var lily_left = $(this)[0].offsetLeft;
				var lily_scrollleft = document.body.scrollLeft;
				var x=window.screenLeft || window.screenX;
				var y=window.screenTop || window.screenY;
				lily_top = lily_top + init_y + 0 ;
				lily_left = lily_left + $("#main_tbl_lily_LeftColumn").width() + 20 + 30  - $("#lily_color_product_tip").width()/2;
				//left+ leftcoulum's width + margin left + half block - half words
				$("#lily_color_product_tip").css('top',lily_top+'px');
				$("#lily_color_product_tip").css('left',lily_left+'px');
			}
			
		})
		
		
		
		$(".lily_color_product_index2").click(function(){
			func_show_product_info2(this);
		})		
		
		function func_show_product_info2(obj){		
			var productid = $(obj).attr("productid");
			var productname = $(obj).attr("productname");
			$('#product-brief').html(ProductBrief[productid]); 
			document.getElementById("product-image").src = ProductImage[productid];	
			$('#div_lily_product_center_tips_content').html(ProductTips[productid]);
			$('#div_lily_product_center_ingre_content').html(ProductIngred[productid]);
													  
			$('.product-brief').html(ProductBrief[productid]);

			$(".lily_color_product_price").css("display",'none');
			$("#lily_" + productid).css("display",'block');	
			
			$("#lily_product_detail_div").css('display','block');
			$("#lily_product_category_image").css('display','none');
			
			$("#productid_" + productid).attr('checked',true);
			$("#lily_price_"+productid).attr('checked',true);	
			
			$(".lily_product_options").css('display','none');
			$("select").attr('disabled',true);;
			$(".lily_options_"+productid).attr('disabled',false);
			$("#lily_product_options_" + productid).css('display','block');		
			ResetDescription();			
			
		}
		
		
		$('.btn_price').click(function(){
			var productid = $(this).attr("productid");
			$("#productid_" + productid).attr('checked',true);			
		})
		
/*		$(".lily_color_product_index input").click(function(){
			var is_checked = $(this).attr("checked");
			if(true == is_checked){
				var productid = $(this).val();
				ChangeDisableSample(productid);
				is_select_product = true;
			}else{
				is_select_product = false;
			}
		})*/
		
		
		$('a.lightbox').lightbox();
		
		//add by xavi
		//show the first product
    	$(".lily_color_product_index:first").click();
    	$(".lily_color_product_index2:first").click();
		
	})

	function OnCheckColorPorduct()
	{    
/*		var choice = false;
		for( i = 0; i < document.form1.elements.length; i ++)
		{
			if ( document.form1.elements[i].name == "productid" && document.form1.elements[i].checked)
			{
				choice = true;
				break;
			}
		}
		if (!choice)
		{
			window.alert("Please choose one product");
			return false;
		}*/
	}
	
	function InitProduct(i)
	{
		$("#product-brief").html(ProductBrief[i]);
		$('#div_lily_product_center_tips_content').html(ProductTips[productid]);
		$('#div_lily_product_center_ingre_content').html(ProductIngred[productid]);
		$("#product-image")[0].src= ProductImage[i];	
		$("#lily_" + productid).css("display",'block');	
	}
	
	function ResetDescription(){		
			$(".lily_product_center").removeClass("lily_product_center_select");
			$(".lily_product_center").css('background','url(skin1/images/lily_product_panel_backgrou.gif)');
			$('#lily_product_center_description').addClass("lily_product_center_select");			
			$('#lily_product_center_description').css('background','');		
			$(".div_lily_product_center").css('display','none');
			$("#div_lily_product_center_description").css('display','block');
	}