// <![CDATA[
var _recipeDrop=new Array();
    
function ShopList(_form){
    if($("recipe_info_titel")){
        _recipeDrop.push($$("div#recipe_info img.receptPicture"));
        
        initRecipeDraggables();
        initRecipeDroppables();
    }
}

function FavRecipe(_form){
    if($("mok_recepten")){
        _recipeDrop.push($$("div#mok_recepten div.recepten_grey img")); //div.recepten_grey

        initRecipeDraggables();
        initFavRecipeDroppables();
    }
}

function initRecipeDroppables(){
    if ((typeof Droppables !== "undefined"))
    {
        Droppables.add($("recipebook"), {accept:['recipePicture','content_drag'], hoverclass:'cart-active', onDrop:function(element){new Ajax.Updater("items", "/ajax/add-recipe.aspx?name="+element.name+"&LangType="+$("ctl00_ctl00_ContentPlaceHolder_LeftContentPlaceHolder_hidImage1").value, {asynchronous:true, evalScripts:true, onComplete:function(request){ReceptActionsTracker._trackEvent('Add Recipe Drag&Drop', element.name);Element.hide('indicator');}, onLoading:function(request){Element.show('indicator')}})}})
    }
}

function initFavRecipeDroppables(){
    if ((typeof Droppables !== "undefined"))
    {
        Droppables.add($("favrecipe"), { accept: ['recepten_grey', 'content_drag'], hoverclass: 'cart-active', onDrop: function(element) { new Ajax.Updater("items", "/ajax/save-favorite-recipe.aspx?id=" + element.id + "&LangType=" + $("ctl00_ctl00_ContentPlaceHolder_LeftContentPlaceHolder_HidLanguage").value, { asynchronous: true, evalScripts: true, onComplete: function(request) { Element.hide('indicator') }, onLoading: function(request) { Element.show('indicator') } }) } })
    }
}

function initRecipeDraggables(){
    _recipeDrop.each(function(_items){
        _items.each(function(item){
            setupRecipeDraggable(item);
        });
    });
}

function setupRecipeDraggable(_item){
    if(!$("aspnetForm")){
        return false;
    }
    _item.style.cursor="move";
    var drg=new Draggable(_item,{revert:true,ghosting:true,starteffect:null,reverteffect:function(_fa,_fb,_fc){
        new Effect.MoveBy(_fa,-_fb,-_fc,{duration:0});
        },onStart:function(drg,_fe){
        drg.element.dragClassName="content_drag";
        prepareDraggable(drg);
        },onEnd:function(drg,_100){
        finishDraggable(drg);
    }});
}

function prepareDraggable(drg){
var n=drg.element;
n.originalParent=n.parentNode;
n.originalNext=n.nextSibling;
document.body.appendChild(n);
n.originalClassName=n.className;
n.className=n.dragClassName;
n.originalHTML=n.innerHTML;
drg.offset=[Math.round(n.offsetWidth/2),Math.round(n.offsetHeight/2)];
n.style.width=n.style.height="";
var nl=(n.tagName=="A")?$A([n]):$A(n.getElementsByTagName("a"));
nl.each(function(_e7){
_e7.oldOnclick=_e7.onclick;
Event.observe(_e7,"click",function(e){
Event.stop(e);
return false;
});
Event.observe(_e7,"mouseup",function(){
setTimeout(function(){
Event.observe(_e7,"click",function(){
_e7.oldOnclick;
});
},100);
});
});
}
function finishDraggable(drg){
var n=drg.element;
if(n.originalNext){
n.originalParent.insertBefore(n,n.originalNext);
}else{
n.originalParent.appendChild(n);
}
if(n.tagName!=="IMG"){
n.innerHTML=n.originalHTML;
}
n.className=n.originalClassName;
if(n.className.indexOf("hover")>-1){
n.className=n.className.replace(new RegExp("hover\\gb"),"");
}
n.style.position=n.style.zIndex=n.style.top=n.style.left=n.style.opacity="";
}

// ]]>