var im1 = new Image();
im1.src = "images/win1l.jpg";
var im2 = new Image();
im2.src = "images/win2l.jpg";
var im3 = new Image();
im3.src = "images/win3l.jpg";
var im4 = new Image();
im4.src = "images/win4l.jpg";
var im5 = new Image();
im5.src = "images/hdl1.jpg";
var im6 = new Image();
im6.src = "images/hdl2.jpg";
var im7 = new Image();
im7.src = "images/hdl3.jpg";
var im8 = new Image();
im8.src = "images/hdl4.jpg";
var im8 = new Image();
im8.src = "images/backl.jpg";

var otik;

function showTitle(id) {
  var o = document.getElementById('title'+id).style;
  startOpac = 0;
  if(o.opacity > 0) {
        startOpac = o.opacity * 100;
  }
  opacity('title'+id,-20,100,600);
  document.getElementById('hd').src = 'images/hdl'+id+'.jpg';
}

function hideTitle(id2) {
  /*var o = document.getElementById('title'+id2).style;
  startOpac = 100;
  if(o.opacity < 100) {
        startOpac = o.opacity * 100;
  }
	opacity('title'+id2,startOpac,0,400);*/
	clearTimeout(otik);
	
    var object = document.getElementById('title'+id2).style;
	object.display = 'none';
    object.opacity = 0;
    object.MozOpacity = 0;
    object.KhtmlOpacity = 0;
    object.filter = "alpha(opacity=0)";
    document.getElementById('hd').src = 'images/hd.jpg';
}

function firstTime() {
	for(i=1;i<5;i++) {
    object = document.getElementById('title'+i).style;
	object.display = 'none';
    object.opacity = 0;
    object.MozOpacity = 0;
    object.KhtmlOpacity = 0;
    object.filter = "alpha(opacity=0)";
	}
}

function opacity(obj, opacStart, opacEnd, millisec) {

	clearTimeout(otik);
	
    var speed = Math.round(millisec / 100);
    var object = document.getElementById(obj).style;
    object.opacity = 0;
    object.MozOpacity = 0;
    object.KhtmlOpacity = 0;
    object.filter = "alpha(opacity=0)";
    object.display = 'inline';
    var timer = 0;
	
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            otik = setTimeout("changeOpac('" + obj + "'," + i + ")",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            otik = setTimeout("changeOpac('" + obj + "'," + i + ")",(timer * speed));
            timer++;
        }
    }
}

function changeOpac(obj2,opacity) {
    var object = document.getElementById(obj2).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function backToggle(on) {
	var imak = document.getElementById('logo');
	var hed = document.getElementById('header').style;
	
	if(on == 'on') {
		imak.src='./images/backl.jpg';
		hed.borderRight = '8px solid #C838B1';
		hed.borderTop = '8px solid #C838B1';
	} else {
		imak.src='./images/back.jpg';	
		hed.borderRight = '8px solid #37C74E';	
		hed.borderTop = '8px solid #37C74E';		
	}
}