// JScript File
function regionInit()
{    
    var otherEl = $('regionList');
    var btn = $('detailBtn');
    if (btn)
    {
	    btn.addEvent('click', function(){
	        var wineDetails = document.getElementById("wineDetails");
    	    var show = btn.innerHTML == "Sammenlign";
    	    var myEffect = new Fx.Tween(otherEl);
    	    if (show)
    	    {
    		    document.getElementById("regionList").style.width = "942px";
		        myEffect.start('background-color', '#fff');
		        wineDetails.style.display = "block";
		        btn.innerHTML = "Skjul";
		        btn.className = "boxLink1";
		    } else {
    		    otherEl.tween('width', 177);
		        myEffect.start('background-color', '#eee');
		        wineDetails.style.display = "none";
		        btn.innerHTML = "Sammenlign";
		        btn.className = "boxLink";
		    }
		    return false;
    	});
	}
}
    
    function link(anchor)
    {
       location.href = "#" + anchor;
    }

    function MoveOption(objSourceId, objTargetId)  
    {
              objSourceElement = document.getElementById(objSourceId);
              objTargetElement = document.getElementById(objTargetId);
              var aryTempSourceOptions = new Array(); 
              var x = 0;   
              //looping through source element to find selected options   
              for (var i = 0; i < objSourceElement.length; i++)
              {        
                 if (objSourceElement.options[i].selected)
                 {                //need to move this option to target element 
                    var intTargetLen = objTargetElement.length++;        
                    objTargetElement.options[intTargetLen].text = objSourceElement.options[i].text;        
                    objTargetElement.options[intTargetLen].value = objSourceElement.options[i].value; 
                 }        
                 else 
                 {   
                 //storing options that stay to recreate select element       
                    var objTempValues = new Object();         
                    objTempValues.text = objSourceElement.options[i].text;   
                    objTempValues.value = objSourceElement.options[i].value;    
                    aryTempSourceOptions[x] = objTempValues;       
                    x++;         
                 }     
              }  
              //resetting length of source   
              objSourceElement.length = aryTempSourceOptions.length;     
              //looping through temp array to recreate source select element   
              for (var i = 0; i < aryTempSourceOptions.length; i++) 
              {
                 objSourceElement.options[i].text = aryTempSourceOptions[i].text;  
                 objSourceElement.options[i].value = aryTempSourceOptions[i].value;          
                 objSourceElement.options[i].selected = false;   
              }  
              sortlist(objSourceId);
              sortlist(objTargetId);
       }
// Moves all elements from a listbox to a single text field
function GetFromListBox(from, to)
{
    var box = document.getElementById(from);
    var res = "";
    for (var i = 0; i < box.length; i++)
    {
       res = res + box.options[i].text + ";";
    }
    var lbl = document.getElementById(to);
    lbl.value = res;
}

function GetListBoxValues(from, to)
{
    var box = document.getElementById(from);
    var res = "";
    for (var i = 0; i < box.length; i++)
    {
       res = res + box.options[i].value + ";";
    }
    var lbl = document.getElementById(to);
    lbl.value = res;
}

function sortlist(listBoxId) {
    var lb = document.getElementById(listBoxId);
    arrTexts = new Array();
    arrValues = new Array();

    for(i=0; i<lb.length; i++)  {
        arrTexts[i] = lb.options[i].text;
        arrValues[i] = lb.options[i].value;
    }
    arrTexts.sort();
    for(i=0; i<lb.length; i++)  {
        lb.options[i].text = arrTexts[i];
        lb.options[i].value = arrValues[i];
    }
}