var showedMenu = 0;

var cards = new Array();
for(var i=1;i<=10;i++)
{
    cards[i] = "kortti"+i+".jpg";
}
function switchCards(direction)
{
    var maxId = cards.length;
    var imgElement = document.getElementById('postcardImage');
    var img = imgElement.src;
    var tmp = img.split('kortti');
    var tmp2 = tmp[1].split('.jpg');
    id = tmp2[0]
    if(direction == 'fwd')
    {
        id++;
    }
    else if(direction == 'rwd')
    {
        id--;
    }
    
    if(id == maxId)
    {
        id = 1;            
    }
    else if(id == 0)
    {
        id = maxId-1;
    }
    if(id == "undefined")
    {
        id = 1;
    }
    var newCard = cards[id];
    
    imgElement.src = "/imgs/postikortit/tb/tb_"+newCard;
    document.getElementById('card_id').value = id;
    //alert(id+" : "+newCard);
    
}
function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			var t = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			var t = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
	
}
//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style;
     
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}
function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
	
}
function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}
	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}
function changeBackTo(bgid,type)
{
    if(type==0)
    {
        changeOpac(0,'maincontent');
    }
    var element = document.getElementById('maincontent');
    document.getElementById('maincontent').style.backgroundImage = 'url(images/bg/tausta' + bgid + '.jpg)';
    
    if(type==0)    
    {
        shiftOpacity('maincontent',750);
        changeOpac(100,'textarea');
    }
}

function hideOthers(notthismenu)
{
    var i = 1;
    for(i;i<=7;i++)
    {
        if(i != notthismenu)
        {
            if(i==7)
            {
                i++;
            }
            var menuname = "menu"+i;
            var element = document.getElementById(menuname);
            element.style.display = 'none';
        }
    }
}
function dimdim(yesfade)
{
    if(yesfade==0)
    {
        document.getElementById('fademe').style.display = 'block';
        changeOpac(100,'fademe');
        shiftOpacity('fademe',750);
        setTimeout("hidefade()",750);
        
        
    }   
    else
    {
        document.getElementById('fademe').style.display = 'none';
        changeOpac(0,'fademe');
    } 
}
function hidefade()
{
    document.getElementById('fademe').style.display = 'none';
}



//globaali muuttuja, joka kertoo menujen määrän
var menuAmount = 9;

//liitetään document-olioon hiiren päälläoloon reagoiva piilota-operaatio
document.onmouseover = hideAllMenus;

function showMenu2(menuID, tolio, nId)
{
    if(menuID!=9)
        hideAllMenus();
    tolio.cancelBubble = true;
    var menuId = 'menu' + menuID;
    if(changeMenuVisibility(menuId, 'visible'))
    {
        return true;
        
    }
    else
    {
        return false;
        
    }
}

function hideAllMenus()
{
    for(i=1;i<=menuAmount;i++)
    {
        changeMenuVisibility('menu' + i, 'hidden');
    }
}

function changeMenuVisibility(oId,nakyvyys) 
{
    var objectStyle = getObjectStyle(oId);
    if(objectStyle) 
    {
        document.getElementById(oId).style.visibility = nakyvyys;
        return true;    
    }
    else
    {
        
        return false;
    }
}

function getObjectStyle(oId)
{
    //selvitetään selain, jotta saisimme tyyliolion kustakin ympäristöstä
    if(document.getElementById && document.getElementById(oId))   
    {
        //W3C DOM
        return document.getElementById(oId).style;
    }
    else if (document.all && document.all(oId))
    {	
        //IE 4
        return document.all(olioId).style;
    }
    else if (document.layers && document.layers[oId])
    {
        //NN4
        return document.layers[oId];
    }
    else
    {
        return false;
    }
}

function openCardPreview() 
{
    var imgElement = document.getElementById('postcardImage');
    var img = imgElement.src;
    var tmp = img.split('kortti');
    var tmp2 = tmp[1].split('.jpg');
    
    var img_id = tmp2[0];
    var body = document.getElementById('body').value;
    var sender_name = document.getElementById('sender_name').value;
    var sender_email = document.getElementById('sender_email').value;
    
    var url = '/kortti.php?func=getpreview&img_id=' + img_id + '&body=' + body + '&sender_name=' + sender_name + '&sender_email=' + sender_email;
    var winName = 'Kortti';
    var features = 'width=700,height=300';
    window.open(url,winName,features);
}

function hide()
{
    document.getElementById("cardShowContainer").style.visibility = 'hidden';
}

function cCF()
{
    var errors = "";
    var body = document.getElementById('body').value;
    var sender_name = document.getElementById('sender_name').value;
    var sender_email = document.getElementById('sender_email').value;
    var recipient_email = document.getElementById('recipient_email').value; 
    if(body.length == 0)
        errors +="Et ole kirjoittanut mitään viestiä!\n";
    if(sender_name.length == 0)
        errors +="Et ole kirjoittanut nimeäsi!\n";
    if(recipient_email.length < 4)
        errors +="Et ole antanut vastaanottajan sähköpostia!";
    if(errors.length>0)
    {
        
        alert(errors)
        return false;
        
    }
    else
    {
        return true;
    }
}