// Slides open a div when a link is clicked on and slides closed the currently open div.
// Usage:
// Note the wrapper Div around the text drop downs
// 		<a href='#' onClick="Effect.divSwap('text1','text');">Text1</a>
// 		<a href='#' onClick="Effect.divSwap('text2','text');">Text2</a>
// 		<a href='#' onClick="Effect.divSwap('text3','text');">Text3</a>
// 		<div id="text">
//    		<div id="text1"><div>I am text div 1</div></div>
//    		<div id="text2" style="display:none;"><div>I am text div 2</div></div>
//    		<div id="text3" style="display:none;"><div>I am text div 3</div></div>
// 		</div>
Effect.divSwap = function(element,container){
    var div = document.getElementById(container);
    var nodeList = div.childNodes;
    var queue = Effect.Queues.get('menuScope');

    if(queue.toArray().length<1){
        if(Element.visible(element)==false){
            for(i=0;i<nodeList.length;i++){
                if(nodeList.item(i).nodeName=="DIV" && nodeList.item(i).id!=element){
                    if(Element.visible(nodeList.item(i))==true){
                        Effect.SlideUp(nodeList.item(i),{queue:{position:'end',scope:'menuScope',limit:2}})
                    }
                }
            }
            Effect.SlideDown(element,{queue:{position:'end',scope:'menuScope',limit:2}})
       }
   }
}

var AlbumDetails = 
{
	updateCustomFields: function ()
	{
    // var albumSupplierSelect = $('order_album_supplier_id');
    var albumTypeSelect = $('order_album_type_id');

    // alert ("s:"+albumSupplierSelect.value+" - t:"+albumTypeSelect.value)
    switch (albumTypeSelect.value)
    {
      case '1': // qb-mo
        $$('#page_color_row th')[0].innerHTML = "Mat Color";
        $('page_color_row').show();
        $('under_page_color_row').hide();
        break;
      case '2': // qb-mp
        $$('#page_color_row th')[0].innerHTML = "Mat Color";
        $('page_color_row').show();
        $('under_page_color_row').show();
        break;
      case '3': // qb-d
        $$('#page_color_row th')[0].innerHTML = "Page Color";
        $('page_color_row').show();
        $('under_page_color_row').hide();
        break;
      case '4': // qb-do
        $$('#page_color_row th')[0].innerHTML = "Mat Color";
        $('page_color_row').show();
        $('under_page_color_row').hide();
        break;
      case '5': // qb-dp
        $$('#page_color_row th')[0].innerHTML = "Mat Color";
        $('page_color_row').show();
        $('under_page_color_row').show();
        break;
      case '6': // lc-m
        $$('#page_color_row th')[0].innerHTML = "Mat Color";
        $('page_color_row').show();
        $('under_page_color_row').hide();
        break;
      case '7': // lc-d
        $$('#page_color_row th')[0].innerHTML = "Page Color";
        $('page_color_row').show();
        $('under_page_color_row').hide();
        break;
      case '8': // ab-d
        $$('#page_color_row th')[0].innerHTML = "Page Color";
        $('page_color_row').show();
        $('under_page_color_row').hide();
        break;
      case '9': // kiss-d
        $$('#page_color_row th')[0].innerHTML = "Page Color";
        $('page_color_row').show();
        $('under_page_color_row').hide();
        break;
      case '10': // graphi-d
        $$('#page_color_row th')[0].innerHTML = "Page Color";
        $('page_color_row').show();
        $('under_page_color_row').hide();
        break;
      case '11': // other-other
      default: // other-other
        $$('#page_color_row th')[0].innerHTML = "Page Color";
        $('page_color_row').show();
        $('under_page_color_row').hide();
        break;
    }
	}
}

var Registration =
{
	enableSubmit: function (checkbox)
	{
	    $("registration_submit").disabled = !checkbox.checked;
	}
}