$(document).ready(function(){
    var G,D,E,C,A,F,H,P;
    var B="#jqOrderItemTooltipTemplate";
    $("body").prepend("<div id='jqOrderItemTooltipTemplate' style='visibility: hidden;'><div class='toolTipItemName'><p class='text'></p><div class='topArrow'></div></div><div class='toolTipPrice'></div><div class='toolTipItemDescription'><p style='float:left;' class='image'></p><p style='float:left;margin-left:10px;' class='text'></p><p style='clear:both;'></p><div class='bottomArrow'></div></div></div>");
    $(".jOrderItemElement").hover(
        function(){
            G=$(this).attr("order-item-title");
            D=$(this).attr("order-item-details");
            E=$(this).attr("order-item-price");
            P=$(this).attr("order-item-photo");
            $(B+" .toolTipItemName .text").text(G);
            $(B+" .toolTipPrice").text(E);
            $(B+" .toolTipItemDescription .text").text(D);
            $(B+" .toolTipItemDescription .image").html('<img width="40px" height="40px" src="'+P+'">');
            C=$(this).offset().top;
            A=$(this).offset().left;
            H=$(this).outerHeight();
            F=$(B).outerHeight();
            var leftOffcet = placeTooltipLeftOrRight(A,B);
            
            //if(jQuery('#menuType').val() == 'threecolumnview') {
            	leftOffcet = leftOffcet - 200;
            //}
            $(B).css({top:placeTooltipAboveOrBelow(C,H,F,B),left:leftOffcet,visibility:"visible"}).fadeIn(1);
        },
        function(){
            $(B).css({visibility:"hidden"}).fadeOut(50);
        }
    );
    $(".jOrderItemElement").click(function() {
    	$(B).css({visibility:"hidden", display: "none"}).fadeOut(10);
    });
    
    $("#note-text").focus(function(){
        $(this).text('');
    });
    
    $("select#category_list").change(function(){
        $("select#item_list").empty();
        $("select#item_list").append('<option value="">Select</option>');
        var id = $("select#category_list").val();
        $.post(webroot+'admin/items/selectitem',{id:id},function(data){
            $.each(data,function(key,value){
                $("select#item_list").append('<option value="'+key+'">'+value+'</option>');
            });
        },'json');
    });
    $("select#item_list").change(function(){
        var id = $("select#item_list").val();
        $("div#radio_checkbox_area").empty();
        $("div#radio_checkbox_area").append('<div id="option_radio_end" style="display:none;"></div>');
        $("div#radio_checkbox_area").append('<div id="option_checkbox_end" style="display:none;"></div>');
        $.post(webroot+'admin/items/selectitemoption',{id:id},function(data){
            if(data.radio){
                var radio_div = "";
                $.each(data.radio,function(key,value){
                    radio_div += '<div class="radiobox" id="radiobox_'+key+'">'+
                                    '<div>'+
                                        '<fieldset>'+
                                            '<legend>Radio Option</legend>'+
                                            '<div>'+
                                                '<span>Name </span><input type="text" value="'+value.choice+'" onblur="javascript:get_radio_value('+key+');" id="radio_choice_name_'+key+'" name="data[Item][option][radio]['+key+'][choice]" style="width:100px;">(Ex. Sizes, Flavors, Etc...)'+
                                            '</div>'+
                                            '<div>';
                    if(value.require&&value.require=="yes"){
                        radio_div += '<span>Require </span><input type="radio" checked=true value="yes" name="data[Item][option][radio]['+key+'][require]" style="width:auto;float: none;">Yes';
                    }
                    else{
                        radio_div += '<span>Require </span><input type="radio" value="yes" name="data[Item][option][radio]['+key+'][require]" style="width:auto;float: none;">Yes';
                    }
                    if(value.require&&value.require=="no"){
                        radio_div += '<input type="radio" value="no" checked=true name="data[Item][option][radio]['+key+'][require]" style="width:auto;float: none;">No';
                    }
                    else{
                        radio_div += '<input type="radio" value="no" name="data[Item][option][radio]['+key+'][require]" style="width:auto;float: none;">No';
                    }
                    radio_div += '</div>'+
                                    '<div>'+
                                        '<input type="button" value="Add '+value.choice+'" style="width:auto;" id="radio_button_value_'+key+'" onclick="javascript:addradiovalue('+key+')">'+
                                    '</div>';
                    if(value.options){
                        $.each(value.options,function(k,v){
                            radio_div += '<div class="radiovalue" id="radiovalue_'+k+'">'+
                                                '<span>Value</span><input type="text" style="width:100px;" name="data[Item][option][radio]['+key+'][options]['+k+'][value]" value="'+v.value+'">&nbsp;&nbsp;'+
                                                '<span>Price</span><input type="text" style="width:100px;" name="data[Item][option][radio]['+key+'][options]['+k+'][price]" value="'+v.price+'" onkeyup="javascript:clearNoNum(this)">'+
                                                '<input type="button" value="delete" style="width:auto;" onclick="javascript:deleteradiovalue('+k+')">'+
                                          '</div>';
                        });
                    }
                    radio_div +='<div id="option_radio_value_end_'+key+'" style="display:none;"></div>'+
                                    '</fieldset>'+
                                    '<input type="button" value="remove" style="width:auto;" onclick="javascript:deleteradiobox('+key+')">'+
                                    '<input type="button" id="hide_radio_'+key+'" value="hide" style="width:auto;" onclick="javascript:hideradiobox('+key+')">'+
                                '</div>'+
                            '</div>';
                });
            }
            $("div#option_radio_end").before(radio_div);
            if(data.checkbox){
                var checkbox_div = "";
                $.each(data.checkbox,function(key,value){
                    checkbox_div += '<div class="checkbox" id="checkbox_'+key+'">'+
                                    '<div>'+
                                        '<fieldset>'+
                                            '<legend>Checkbox Option</legend>'+
                                            '<div>'+
                                                '<span>Name </span><input type="text" value="'+value.choice+'" onblur="javascript:get_choice_value('+key+');" id="checkbox_choice_name_'+key+'" name="data[Item][option][checkbox]['+key+'][choice]" style="width:100px;">(Ex. Toppings, Extras, Etc...)'+
                                            '</div>'+
                                            '<div>';
                    if(value.require&&value.require=="yes"){
                        checkbox_div += '<span>Require </span><input type="radio" checked=true value="yes" name="data[Item][option][checkbox]['+key+'][require]" style="width:auto;float: none;">Yes';
                    }
                    else{
                        checkbox_div += '<span>Require </span><input type="radio" value="yes" name="data[Item][option][checkbox]['+key+'][require]" style="width:auto;float: none;">Yes';
                    }
                    if(value.require&&value.require=="no"){
                        checkbox_div += '<input type="radio" value="no" checked=true name="data[Item][option][checkbox]['+key+'][require]" style="width:auto;float: none;">No';
                    }
                    else{
                        checkbox_div += '<input type="radio" value="no" name="data[Item][option][checkbox]['+key+'][require]" style="width:auto;float: none;">No';
                    }
                    checkbox_div += '</div>'+
                                    '<div>'+
                                        '<input type="button" value="Add '+value.choice+'" style="width:auto;" id="choice_button_value_'+key+'" onclick="javascript:addcheckboxvalue('+key+')">'+
                                    '</div>';
                    if(value.options){
                        $.each(value.options,function(k,v){
                            checkbox_div += '<div class="checkboxvalue" id="checkboxvalue_'+k+'">'+
                                                '<span>Value</span><input type="text" style="width:100px;" name="data[Item][option][checkbox]['+key+'][options]['+k+'][value]" value="'+v.value+'">&nbsp;&nbsp;'+
                                                '<span>Price</span><input type="text" style="width:100px;" name="data[Item][option][checkbox]['+key+'][options]['+k+'][price]" value="'+v.price+'" onkeyup="javascript:clearNoNum(this)">'+
                                                '<input type="button" value="delete" style="width:auto;" onclick="javascript:deletecheckboxvalue('+k+')">'+
                                          '</div>';
                        });
                    }
                    checkbox_div +='<div id="option_checkbox_value_end_'+key+'" style="display:none;"></div>'+
                                    '</fieldset>'+
                                    '<input type="button" value="remove" style="width:auto;" onclick="javascript:deletecheckbox('+key+')">'+
                                    '<input type="button" id="hide_check_'+key+'" value="hide" style="width:auto;" onclick="javascript:hidecheckbox('+key+')">'+
                                '</div>'+
                            '</div>';
                });
            }
            $("div#option_checkbox_end").before(checkbox_div);
        },'json');
    });
    
});
var placeTooltipAboveOrBelow=function(B,G,E,C){
	var D=$(window).scrollTop();
	var A=D+$(window).height();
	var F=7;
	// if(B-D<E){
		// $(C).removeClass("toolTipTop").addClass("toolTipBottom");
		// return B+G+F;
	// }else{
		if(A-(B+G)<E){$(C).removeClass("toolTipBottom").addClass("toolTipTop");
		return B-E-F;
		} else {
			$(C).removeClass("toolTipBottom").addClass("toolTipTop");
			return B-E-F;
		}
	//}
};

var placeTooltipLeftOrRight=function(C,A){var B=$(window).width();
	if(C>B/2){$(A).addClass("toolTipRight");return C-200}else{$(A).removeClass("toolTipRight");
	
	return C+200}
};

function clearNoNum(obj)
{
    //�Ȱѷ����ֵĶ��滻�����������ֺ�.
    obj.value = obj.value.replace(/[^\-\d.]/g,"");
    //��ֻ֤�г���һ��.��û�ж��.
    obj.value = obj.value.replace(/\.{2,}/g,".");
    //��֤.ֻ����һ�Σ����ܳ�����������
    obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
function clearNoTime(obj)
{
    //�Ȱѷ����ֵĶ��滻�����������ֺ�.
    if(obj.value>24){
        obj.value = "";
    }
    obj.value = obj.value.replace(/[^\d:]/g,"");
    //��ֻ֤�г���һ��.��û�ж��.
    obj.value = obj.value.replace(/\:{1,}/g,":");
    //��֤.ֻ����һ�Σ����ܳ�����������
    obj.value = obj.value.replace(":","$#$").replace(/\:/g,"").replace("$#$",":");
}
function addradiobox(){
    var length = jQuery('div.radiobox').length;
    var div = '<div class="radiobox" id="radiobox_'+length+'"></div>';
    jQuery("div#option_radio_end").before(div);
    jQuery("div#radiobox_"+length).append(
        '<div>'+
            '<fieldset>'+
                '<legend>Radio Option</legend>'+
                '<div>'+
                    '<span>Name </span><input type="text" id="radio_choice_name_'+length+'" onblur="javascript:get_radio_value('+length+');" value="" name="data[Item][option][radio]['+length+'][choice]" style="width:100px;">(Ex. Sizes, Flavors, Etc...)'+
                '</div>'+
                '<div>'+
                    '<span>Require </span><input type="radio" value="yes" name="data[Item][option][radio]['+length+'][require]" style="width:auto;float: none;">Yes<input type="radio" value="no" name="data[Item][option][radio]['+length+'][require]" style="width:auto;float: none;">No'+
                '</div>'+
                '<div>'+
                    '<input type="button" value="Add" id="radio_button_value_'+length+'" style="width:auto;" onclick="javascript:addradiovalue('+length+')">'+
                '</div>'+
                '<div id="option_radio_value_end_'+length+'" style="display:none;"></div>'+
            '</fieldset>'+
            '<input type="button" value="remove" style="width:auto;" onclick="javascript:deleteradiobox('+length+')">'+
            '<input type="button" value="hide" id="hide_radio_'+length+'" style="width:auto;" onclick="javascript:hideradiobox('+length+')">'+
        '</div>'
    );
}
function get_radio_value(id){
    var value = $("#radio_choice_name_"+id).val();
    $("#radio_button_value_"+id).val('Add '+value);
}
function hideradiobox(id){
    if($('#hide_radio_'+id).val()=="hide"){
        $("div#radiobox_"+id+' div fieldset').hide();
        var name = $("input#radio_choice_name_"+id).val();
        $("div#radiobox_"+id+' div').prepend("<div class='name' id='div_radio_choice_name_"+id+"'>Name:"+name+"</div>");
        $('#hide_radio_'+id).val("show");
    }
    else{
        $("div#div_radio_choice_name_"+id).remove();
        $("div#radiobox_"+id+' div fieldset').show();
        $('#hide_radio_'+id).val("hide");
    }
}

function deleteradiobox(id){
    jQuery("div#radiobox_"+id).empty();
} 
function addradiovalue(id){
    var length = jQuery('div.radiovalue').length;
    var div = '<div class="radiovalue" id="radiovalue_'+length+'"></div>';
    jQuery("div#option_radio_value_end_"+id).before(div);
    jQuery("div#radiovalue_"+length).append(
        '<span>Value</span><input type="text" style="width:100px;" name="data[Item][option][radio]['+id+'][options]['+length+'][value]" value="">&nbsp;&nbsp;'+
        '<span>Price</span><input type="text" style="width:100px;" name="data[Item][option][radio]['+id+'][options]['+length+'][price]" value="" onkeyup="javascript:clearNoNum(this)">'+
        '<input type="button" value="delete" style="width:auto;" onclick="javascript:deleteradiovalue('+length+')">'
    );
}
function deleteradiovalue(id){
    jQuery("div#radiovalue_"+id).empty();
}

function addcheckbox(){
    var length = jQuery('div.checkbox').length;
    var div = '<div class="checkbox" id="checkbox_'+length+'"></div>';
    jQuery("div#option_checkbox_end").before(div);
    jQuery("div#checkbox_"+length).append(
        '<div>'+
            '<fieldset>'+
                '<legend>Checkbox Option</legend>'+
                '<div>'+
                    '<span>Name </span><input type="text" id="checkbox_choice_name_'+length+'" onblur="javascript:get_choice_value('+length+');" value="" name="data[Item][option][checkbox]['+length+'][choice]" style="width:100px;">(Ex. Toppings, Extras, Etc...)'+
                '</div>'+
                '<div>'+
                    '<span>Require </span><input type="radio" value="yes" name="data[Item][option][checkbox]['+length+'][require]" style="width:auto;float: none;">Yes<input type="radio" value="no" name="data[Item][option][checkbox]['+length+'][require]" style="width:auto;float: none;">No'+
                '</div>'+ 
                '<div>'+
                    '<input type="button" value="Add" id="choice_button_value_'+length+'"  style="width:auto;" onclick="javascript:addcheckboxvalue('+length+')">'+
                '</div>'+ 
                '<div id="option_checkbox_value_end_'+length+'" style="display:none;"></div>'+
            '</fieldset>'+
            '<input type="button" value="remove" style="width:auto;" onclick="javascript:deletecheckbox('+length+')">'+
            '<input type="button" id="hide_check_'+length+'" value="hide" style="width:auto;" onclick="javascript:hidecheckbox('+length+')">'+
        '</div>'
    );
}
function get_choice_value(id){
    var value = $("#checkbox_choice_name_"+id).val();
    $("#choice_button_value_"+id).val('Add '+value);
}
function hidecheckbox(id){
    if($('#hide_check_'+id).val()=="hide"){
        $("div#checkbox_"+id+' div fieldset').hide();
        var name = $("input#checkbox_choice_name_"+id).val();
        $("div#checkbox_"+id+' div').prepend("<div class='name' id='div_checkbox_choice_name_"+id+"'>Name:"+name+"</div>");
        $('#hide_check_'+id).val("show");
    }
    else{
        $("div#div_checkbox_choice_name_"+id).remove();
        $("div#checkbox_"+id+' div fieldset').show();
        $('#hide_check_'+id).val("hide");
    }
}
function deletecheckbox(id){
    jQuery("div#checkbox_"+id).empty();
} 
function addcheckboxvalue(id){
    var length = jQuery('div.checkboxvalue').length;
    var div = '<div class="checkboxvalue" id="checkboxvalue_'+length+'"></div>';
    jQuery("div#option_checkbox_value_end_"+id).before(div);
    jQuery("div#checkboxvalue_"+length).append(
        '<span>Value</span><input type="text" style="width:100px;" name="data[Item][option][checkbox]['+id+'][options]['+length+'][value]" value="">&nbsp;&nbsp;'+
        '<span>Price</span><input type="text" style="width:100px;" name="data[Item][option][checkbox]['+id+'][options]['+length+'][price]" value="" onkeyup="javascript:clearNoNum(this)">'+
        '<input type="button" value="delete" style="width:auto;" onclick="javascript:deletecheckboxvalue('+length+')">'
    );
}
function deletecheckboxvalue(id){
    jQuery("div#checkboxvalue_"+id).empty();
}



function updateCreditCardType(){
    var A=jQuery("input#creditCardNumber").val();
    jQuery("#visaLogo").attr('src',webroot+"img/visa1.gif");
    jQuery("#mastercardLogo").attr('src',webroot+"img/mastercard1.gif");
    jQuery("#amexLogo").attr('src',webroot+"img/amex1.gif");
    jQuery("#discoverLogo").attr('src',webroot+"img/discover.gif");
    if(!A){
        return;
    }
    if(A.indexOf("4")==0){
        jQuery("#visaLogo").attr('src',webroot+"img/visa1.gif");
        jQuery("#mastercardLogo").attr('src',webroot+"img/mastercard1_grey.gif");
        jQuery("#amexLogo").attr('src',webroot+"img/amex1_grey.gif");
        jQuery("#discoverLogo").attr('src',webroot+"img/discover_grey.gif");
        jQuery("input#creditCardType").val('Visa');
        
    }
    else{
        if((A.indexOf("34")==0)||(A.indexOf("37")==0)){
            jQuery("#visaLogo").attr('src',webroot+"img/visa1_grey.gif");
            jQuery("#mastercardLogo").attr('src',webroot+"img/mastercard1_grey.gif");
            jQuery("#amexLogo").attr('src',webroot+"img/amex1.gif");
            jQuery("#discoverLogo").attr('src',webroot+"img/discover_grey.gif");
            jQuery("input#creditCardType").val('Amex');
        
        }
        else{
            if(A.indexOf("6011")==0){
                jQuery("#visaLogo").attr('src',webroot+"img/visa1_grey.gif");
                jQuery("#mastercardLogo").attr('src',webroot+"img/mastercard1_grey.gif");
                jQuery("#amexLogo").attr('src',webroot+"img/amex1_grey.gif");
                jQuery("#discoverLogo").attr('src',webroot+"img/discover.gif");
                jQuery("input#creditCardType").val('Discover');
        
            }
            else{
                if(A.indexOf("51")==0||A.indexOf("52")==0||A.indexOf("53")==0||A.indexOf("54")==0||A.indexOf("55")==0){
                    jQuery("#visaLogo").attr('src',webroot+"img/visa1_grey.gif");
                    jQuery("#mastercardLogo").attr('src',webroot+"img/mastercard1.gif");
                    jQuery("#amexLogo").attr('src',webroot+"img/amex1_grey.gif");
                    jQuery("#discoverLogo").attr('src',webroot+"img/discover_grey.gif");
                    jQuery("input#creditCardType").val('MasterCard');
                }
            }
        }
    }
}