// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

sfHover = function() {

            var sfEls = document.getElementById("nav").getElementsByTagName("LI");

            for (var i=0; i<sfEls.length; i++) {

                        sfEls[i].onmouseover=function() {

                                    this.className+=" sfhover";

                        }

                        sfEls[i].onmouseout=function() {

                                    this.className=this.className.replace(new RegExp(" sfhover\\b"), "");

                        }

            }

}

if (document.all) { //MS IE

            if (window.attachEvent)

                        window.attachEvent("onload", sfHover);

            else { //IE 5.2 Mac does not support attachEvent

                        var old = window.onload;

                        window.onload = function() { if (old) old(); sfHover(); }

            }

}


isSorting = false;

function toggleSortTree(){
    if (!isSorting)
        Sortable.create('treeview', {tree:true, format:/^[^_\-](?:[A-Za-z0-9\-]*)[_](.*)$/, ghosting:true, onUpdate:function(){new Ajax.Updater('debug', '/cms/main/reorder', {asynchronous:true, evalScripts:true, parameters:Sortable.serialize("treeview")})}})
    else
        Sortable.destroy('treeview');
    isSorting = !isSorting;
}

function refreshTree(model) {
    new Ajax.Updater('tree', '/cms/' + model + '/showtree', {asynchronous:false, evalScripts:true});
}

function load_block(id)
{
    new Ajax.Updater('tree', '/cms/' + model + '/showtree', {asynchronous:false, evalScripts:true});	
}


//deze kan het niet zijn.
function setTabs(){
    aTabs = document.getElementsByClassName('tab');
    oTabbladen = $('tabbladen');
    for(var i=0; i < aTabs.length;i++){
		var title = aTabs[i].attributes['title'].value;

        var link = document.createElement('a');
        link.id  = 'a_'+title.replace(' ', '_')
        link.href=    "QQ";
        link.title=   title;
        link.onclick= function() { 
                            myTitle = this.title;
                            aTabs = document.getElementsByClassName('tab');
                            for(var i=0; i < aTabs.length;i++){
                        		var hisTitle = aTabs[i].attributes['title'].value;
                        		if (hisTitle == myTitle) {
                        		  Element.show(aTabs[i]);
                        		  Element.addClassName('a_'+hisTitle.replace(' ','_'), 'tabselected')
                        		}
                        		else {
                        		  Element.hide(aTabs[i]);
                        		  Element.removeClassName('a_'+hisTitle.replace(' ','_'), 'tabselected')
                        		}
                            }
                            
                            return true;
                      };
        link.onclick = alert('PUBLIC : APPLICATION.JS');
        link.appendChild( document.createTextNode(title) );
        oTabbladen.appendChild(link)
        if (i>0) 
            new Element.hide(aTabs[i])
        else 
            Element.addClassName(link, 'tabselected')
	}    
}

function showmoretext()
{
	Effect.toggle($('moretext'), 'slide', { delay: 0.5 });	
	if($('moretext').style.display == "none")
	{
		$('morelink').innerHTML = "Terug";		
	}
	else
	{
		$('morelink').innerHTML = "Meer...";			
	}

}

function showmoretextJ()
{
	var el = $jq('#moretext');
	el.toggle();	
	if(el.css("display") != 'none')
	{
		$jq('#morelink').text('Terug');		
	}
	else
	{
		$jq('#morelink').text('Meer');			
	}

}

//in cms bij catalog
function toggleKidz(id,recId)
{
	var starter = $("blokje_" + id);
	var checkboxes = [];	

	if(starter.checked)
	{
		var updateTo = 1;		
	}
	else
	{
		var updateTo = 0;
	}

	var boxArr = 0;
	var newid = 0;
	


	checkboxes = $$('input').each(function(e){ 
		var boxArr = e.id.split("_");
		var newid = 0;
		if (boxArr) {
			var newid = boxArr[2];
			if (e.type == 'checkbox' && boxArr[1] == id) {
				e.checked = updateTo;
	    		$jq('#dummy').load('/cms/cataloggroup/do_click/' + recId + '?prid=' + newid + '&u=' + updateTo + '&type=2');	
			}			
		}

		}
	);
	
    $jq('#dummy').load('/cms/cataloggroup/do_click/' + recId + '?sgid=' + id + '&u=' + updateTo + '&type=1');	
}

function koppel_product(id,recId,prid)
{
	starter = $(id);

	if(starter.checked)
	{
		var updateTo = 1;		
	}
	else
	{
		var updateTo = 0;
	}	
	
    $jq('#dummy').load('/cms/cataloggroup/do_click/' + recId + '?prid=' + prid + '&u=' + updateTo + '&type=2');		
	
}

function koppel_afbeelding(id,recId,picId,psId)
{
	starter = $(id);

	if(starter.checked)
	{
		var updateTo = 1;		
	}
	else
	{
		var updateTo = 0;
	}	
	
    $jq('#dummy').load('/cms/cataloggroup/do_click/' + recId + '?sgid=' + psId + '&picid=' + picId + '&u=' + updateTo + '&type=3');		
	
}

function load_block(id,r,k)
{
	
	$jq('#block_' + id).removeAttr("onclick");	
    $jq('#block_' + id).load('/cms/cataloggroup/load_block/' + id + '?k=' + k + '&r=' + r);
}

function load_blocktitle(id,r,k)
{
	
    $jq('#block_' + id).load('/cms/cataloggroup/load_blocktitle/' + id + '?k=' + k + '&r=' + r);
}

function customTabStuff(tabnaam)
{
	$jq('#buttons').show();	
	if(tabnaam == 'Beschikbaar')
	{
		$jq('#buttons').hide();	
	}
	
	if(tabnaam == 'Gekoppeld')
	{
		var id = $jq("#myrecordid").val();
		new Ajax.Updater('content', '/cms/cataloggroup/edit/' + id, {asynchronous:true, evalScripts:false, onLoad:$jq('#content').html('<br/><br/>De gekoppelde elementen worden ververst...'),onComplete:function(request){(true) ? null : null ; setTabs(); setTabNormal(tabnaam);$jq('#buttons').hide();}});			
	}
	
}

function setTabNormal(myTitle)
{
aTabs = document.getElementsByClassName('tab');

for(var i=0; i < aTabs.length;i++){

      var hisTitle = aTabs[i].attributes['title'].value;

      if (hisTitle == myTitle) {

        Element.show(aTabs[i]);

        Element.addClassName('a_'+hisTitle.replace(' ','_'), 'tabselected')
      }

      else {

        Element.hide(aTabs[i]);

        Element.removeClassName('a_'+hisTitle.replace(' ','_'), 'tabselected')

      }

}	
}

function fix_damn_footer()
{
	//Wanneer de div's gedisplayed worden dan komt de absolute footer over de content.
	// Uiteraard alleen in IE6...
	//Deze functie lost dat op. - PM
	var version = navigator.userAgent;

	var findIE6 = version.indexOf('MSIE 6');
	var findSafari = version.indexOf('Safari');
	if(findIE6 != -1)
	{
	   document.getElementById('footer').style.position = 'relative';
	}
	if(findSafari != -1)
	{
	   //document.getElementById('footer').style.display = 'none';
	}	

}