var timerlen = 5;
var slideAniLen = 250;

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();

var currentid = '';

function slidedownup(objname, id) {

	if(moving[objname])
        return;
	
	if(document.getElementById(objname).style.display != "none") {
		if (currentid == id && currentid != '') {		
			if (id == 'advertiser') {
		        document.getElementById('advw').style.backgroundImage = "url(img/slide/advertiserplus.gif)";	
			} else {
				document.getElementById('pubw').style.backgroundImage = "url(img/slide/publisherplus.gif)";		
			}
			moving[objname] = true;
			dir[objname] = "up";
			startslide(objname);
		} else {
			if (id == 'advertiser') {
				if (currentid == 'publisher') {
					document.getElementById('pubw').style.backgroundImage = "url(img/slide/publisherplus.gif)";
					document.getElementById('advw').style.backgroundImage = "url(img/slide/advertiserminus.gif)";
					changeToAdv();
				}
			} else {
				if (currentid == 'advertiser') {
					document.getElementById('advw').style.backgroundImage = "url(img/slide/advertiserplus.gif)";
					document.getElementById('pubw').style.backgroundImage = "url(img/slide/publisherminus.gif)";
					changeToPub();
				}
			}
		}
		
	} else {
		if (id == 'advertiser') {
			document.getElementById('advw').style.backgroundImage = "url(img/slide/advertiserminus.gif)";
			changeToAdv();
		} else {
			document.getElementById('pubw').style.backgroundImage = "url(img/slide/publisherminus.gif)";
			changeToPub();
		}
		moving[objname] = true;
		dir[objname] = "down";
		startslide(objname);

	}

	currentid = id;
}

function changeToAdv() {
	document.getElementById('box_left').style.backgroundImage = "url(img/form/corner_light.gif)";
	changeBackgroundColor('box_right', '#6c6c6c');
	document.getElementById('whop').style.display = "none";
	document.getElementById('whoa').style.display = "inline";
	document.getElementById('login').style.backgroundImage = "url(img/form/login_blue.gif)";
	document.getElementById('reghref').style.backgroundImage = "url(img/form/login_blue.gif)";
	document.getElementById('info').style.backgroundImage = "url(img/form/button_blue.gif)";
	document.forms["myform"].action = "http://www.ixstract.com/merchants/login.php";
	document.getElementById('reghref').href = "merchantsignup.php";
	document.getElementById('pw').href = "http://www.ixstract.com/merchants/login.php#reqpasswd";
	document.getElementById('info').onclick = showAdv;
//	document.getElementById('logo').src = "./img/logo_affnations_blue.gif";
	document.body.style.background="#ececec url(img/pl_bg_blue.png) repeat-x";
}

function changeToPub() {
	document.getElementById('box_left').style.backgroundImage = "url(img/form/corner_dark.gif)";
	changeBackgroundColor('box_right', '#424242');
	document.getElementById('whop').style.display = "inline";
	document.getElementById('whoa').style.display = "none";
	document.getElementById('login').style.backgroundImage = "url(img/form/login.gif)";
	document.getElementById('reghref').style.backgroundImage = "url(img/form/login.gif)";
	document.getElementById('info').style.backgroundImage = "url(img/form/button.gif)";
	document.forms["myform"].action = "http://www.ixstract.com/affiliates/login.php";
	document.getElementById('reghref').href = "pubsignup.php";
	document.getElementById('pw').href = "http://www.ixstract.com/affiliates/login.php#reqpasswd";
	document.getElementById('info').onclick = showPub;
//	document.getElementById('logo').src = "./img/logo_affnations.gif";
	document.body.style.background="#ececec url(img/pl_bg_green.png) repeat-x";
}

function showAdv() {
      document.getElementById('pubcontent').style.display = "none";
      document.getElementById('netcontent').style.display = "none";
      document.getElementById('advcontent').style.display = "block";
}

function showPub() {
      document.getElementById('pubcontent').style.display = "block";
      document.getElementById('netcontent').style.display = "none";
      document.getElementById('advcontent').style.display = "none";
}

function showDiv(id) {
    switch(id)
    {
    case 'adv':
      document.getElementById('pubcontent').style.display = "none";
      document.getElementById('netcontent').style.display = "none";
      document.getElementById('advcontent').style.display = "block";
      break;
    case 'pub':
      document.getElementById('pubcontent').style.display = "block";
      document.getElementById('netcontent').style.display = "none";
      document.getElementById('advcontent').style.display = "none";
      break;
    case 'net':
      document.getElementById('pubcontent').style.display = "none";
      document.getElementById('netcontent').style.display = "block";
      document.getElementById('advcontent').style.display = "none";
      break;
    }
}

function changeBackgroundColor(objDivID, color)
{
    var backColor = new String();

    backColor = document.getElementById(objDivID).style.backgroundColor;
    
    // IE works with hex code of color e.g.: #eeeeee
    // Firefox works with rgb color code e.g.: rgb(238, 238, 238)
    // Thats why both types are used in If-condition below
    if(backColor.toLowerCase()=='#eeeeee' || backColor.toLowerCase()=='rgb(238, 238, 238)')
    {
        document.getElementById(objDivID).style.backgroundColor = color;
    }
    else
    {
        document.getElementById(objDivID).style.backgroundColor = color;
    }
}

function slidedown(objname){
        if(moving[objname])
                return;

        if(document.getElementById(objname).style.display != "none")
                return; // cannot slide down something that is already visible

        moving[objname] = true;
        dir[objname] = "down";
        startslide(objname);
}

function slideup(objname){
        if(moving[objname])
                return;

        if(document.getElementById(objname).style.display == "none") {
                return; // cannot slide up something that is already hidden
        }

        moving[objname] = true;
        dir[objname] = "up";
        startslide(objname);
        document.getElementById('advw').style.backgroundImage = "url(img/slide/advertiserplus.gif)";
        document.getElementById('pubw').style.backgroundImage = "url(img/slide/publisherplus.gif)";
}

function startslide(objname){
        obj[objname] = document.getElementById(objname);

        endHeight[objname] = parseInt(obj[objname].style.height);
        startTime[objname] = (new Date()).getTime();

        if(dir[objname] == "down"){
                obj[objname].style.height = "1px";
        }

        obj[objname].style.display = "block";

        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}

function slidetick(objname){
        var elapsed = (new Date()).getTime() - startTime[objname];

        if (elapsed > slideAniLen)
                endSlide(objname)
        else {
                var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
                if(dir[objname] == "up")
                        d = endHeight[objname] - d;

                obj[objname].style.height = d + "px";
        }

        return;
}

function endSlide(objname){
        clearInterval(timerID[objname]);

        if(dir[objname] == "up")
                obj[objname].style.display = "none";

        obj[objname].style.height = endHeight[objname] + "px";

        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);

        return;
}

function lowertabs(id) {
	switch(id) {
	case 'web20':
		document.getElementById('web20').style.display = "inline";
		document.getElementById('services').style.display = "none";
		document.getElementById('web').style.backgroundImage = "url(img/services.gif)";
		document.getElementById('serv').style.backgroundImage = "url(img/web20.gif)";
	  break;
	case 'services':
		document.getElementById('services').style.display = "inline";
		document.getElementById('web20').style.display = "none";
		document.getElementById('serv').style.backgroundImage = "url(img/services.gif)";
		document.getElementById('web').style.backgroundImage = "url(img/web20.gif)";
	  break;
	default:
	}

}