//TODO: change getelementbyId to prototype $ 

var lImage= new Image;
lImage.src= 'loading.gif';
var sTempUrl= '';

function imgPlacer(){
	if (sTempUrl == '') return;
	var previmg= document.getElementById('preview');
	if (previmg){
		previmg.src = sTempUrl;
	}
}

function loadimage(sSrc){
	var img= document.getElementById('preview');
	if (img){
		img.src= lImage.src;
		var TempImage= new Image;
		TempImage.src= sSrc;
		sTempUrl= sSrc;
		TempImage.onLoad= imgPlacer();
	}
}

function CenterDiv(div, bH) 
{
    var oDiv= document.getElementById(div);
    
    var wH= 0, wW= 0;
    if( typeof( window.innerWidth ) == 'number' ) {
        //Non-IE
        wW = window.innerWidth;
        wH = window.innerHeight;
    } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
        //IE 6+ in 'standards compliant mode'
        wW = document.documentElement.clientWidth;
        wH = document.documentElement.clientHeight;
    } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        //IE 4 compatible
        wW = document.body.clientWidth;
        wH = document.body.clientHeight;
    }
    var h= Math.round(parseInt(wH)/2) - Math.round(oDiv.offsetHeight/2);
    if (h < 0) h= 0;
    if (bH) {
        if (wH>=h) {
            settop(oDiv, h);
        }
    }
    
    var w= Math.round(parseInt(wW)/2) - Math.round(oDiv.offsetWidth/2);
    if (w < 0) w= 0;
    if (wW>=w) {
        setleft(oDiv, w);
    }
    
    oDiv.style.visibility= "visible";
}

function settop(element, t)
{
    if (isNaN(element.style.posTop))
        element.style.top= t+"px";
    else   
        element.style.posTop= t; //you know 
}
function setleft(element, l)
{
    if (isNaN(element.style.posLeft))
        element.style.left= l+"px";    
    else   
        element.style.posLeft= l; //you know
}

var menunormal= '#56624C';
var menuselected= '#000000';
var lastselected= 0;
var submenuselected= '#56624C';
var submenuselectedtext= '#FFFFFF';
function menuclick(idx)
{
    if (lastselected > 0){
        changeBg('menuitem'+lastselected, menunormal)
        showSubmenu(lastselected, false);
    }

    if (idx != lastselected){
        changeBg('menuitem'+idx, menuselected)
        showSubmenu(idx, true);
        lastselected= idx;
    }else{
        lastselected= 0;
    }
}
function changeBg(div, color)
{
    var oDiv= document.getElementById(div);
    if (oDiv) {
        oDiv.style.backgroundColor= color;
    }
}
function changeTxt(div, color)
{
    var oDiv= document.getElementById(div);
    if (oDiv) {
        oDiv.style.color= color;
    }
}

function showSubmenu(idx, bShow)
{
    var visible= 'none';    // 'hidden';
    if (bShow)
        visible= 'block';   // 'visible';
    var div= 'leftsubmenu'+idx;
    //alert(div)
    var oDiv= document.getElementById(div);
    if (oDiv) {
        oDiv.style.display= visible;
        //oDiv.style.visibility= visible;
        //oDiv.style.zIndex= 99999;
    }
}

var currentImage = 0;
var totalImages = 10;//dont scroll
var viewSize = 10;
 
function moveToPrevious()
{
  if(currentImage > 0)
  {
    new Effect.Move('previewthumbsscrollInside', { x: 42, y: 0, transition: Effect.Transitions.sinoidal });
    currentImage--;
  }
}
 
function moveToNext()
{
  if(currentImage < totalImages-viewSize)
  {
    new Effect.Move('previewthumbsscrollInside', { x: -42, y: 0, transition: Effect.Transitions.sinoidal });
    currentImage++;
  }
}

var idMenuSelected= 0;
var idSubmenuSelected= 0;
function showmenu()
{
    if (idMenuSelected==0 || idSubmenuSelected==0) return;
    
    //select menu item
    changeBg('menuitem'+idMenuSelected, menuselected);
    //show submenu
    showSubmenu(idMenuSelected, true);
    //select submenu item 
    changeBg(('submenuitem'+idMenuSelected)+idSubmenuSelected, submenuselected);
    changeTxt(('submenuitem'+idMenuSelected)+idSubmenuSelected+'a', submenuselectedtext);

    lastselected= idMenuSelected;

}