// Thanks to - http://www.brainerror.net/scripts_js_blendtrans.php

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--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            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 / 101);
    object.MozOpacity = (opacity / 101);
    object.KhtmlOpacity = (opacity / 101);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function blendimg(divid, imageid, imagefile, millisec) 
{
	var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).src = imagefile;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
	}
	
	switch(imagefile)
	{
		case 'i/screenshots/dillongallery.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML, Javascript<br><span class='acolor'>[+]</span> <a href='http://dillongallery.com' target='_blank'>Launch Site</a>"; document.getElementById('launchSite').href = "http://dillongallery.com"; break;
		case 'i/screenshots/bestpartners.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML, Javascript<br><span class='acolor'>[+]</span> <a href='http://bestpartners.cc' target='_blank'>Launch Site</a>"; document.getElementById('launchSite').href = "http://bestpartners.cc"; break;	
		case 'i/screenshots/fais.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML, Javascript<br><span class='acolor'>[+]</span> <a href='http://fineartinspace.com' target='_blank'>Launch Site</a>"; document.getElementById('launchSite').href = "http://fineartinspace.com"; break;
		case 'i/screenshots/jeffgarfinkle.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML, Flash<br><span class='acolor'>[+]</span> <a href='http://jeffgarfinkle.com' target='_blank'>Launch Site</a>"; document.getElementById('launchSite').href = "http://jeffgarfinkle.com"; break;
		case 'i/screenshots/noahmazeyoga.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML, Flash, Javascript<br><span class='acolor'>[+]</span> <a href='http://noahmazeyoga.com' target='_blank'>Launch Site</a>"; document.getElementById('launchSite').href = "http://noahmazeyoga.com"; break;
		case 'i/screenshots/justlouise.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML, Flash<br><span class='acolor'>[+]</span> <a href='http://justlouise.com' target='_blank'>Launch Site</a>";document.getElementById('launchSite').href = "http://justlouise.com"; break;
		case 'i/screenshots/cantinero.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML, Flash, Javascript<br><span class='acolor'>[+]</span> <a href='http://cantinero.com' target='_blank'>Launch Site</a>";document.getElementById('launchSite').href = "http://cantinero.com"; break;
		case 'i/screenshots/francescavisconti.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML, Flash, Photography<br><span class='acolor'>[+]</span> <a href='http://francescavisconti.com' target='_blank'>Launch Site</a>";document.getElementById('launchSite').href = "http://francescavisconti.com"; break;
		case 'i/screenshots/lizmagiclaser.gif' : document.getElementById('webDesc').innerHTML = "Work done : HTML<br><span class='acolor'>[+]</span> <a href='http://lizmagiclaser.com' target='_blank'>Launch Site</a>";document.getElementById('launchSite').href = "http://lizmagiclaser.com"; break;
		case 'i/screenshots/killenstudio.gif' : document.getElementById('webDesc').innerHTML = "Work done : HTML<br><span class='acolor'>[+]</span> <a href='http://killenstudio.com' target='_blank'>Launch Site</a>";document.getElementById('launchSite').href = "http://killenstudio.com"; break;
		case 'i/screenshots/sashalazard.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML, Flash<br><span class='acolor'>[+]</span> <a href='http://sashalazard.com' target='_blank'>Launch Site</a>"; document.getElementById('launchSite').href = "http://sashalazard.com"; break;
		case 'i/screenshots/meredithblis.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML, Flash<br><span class='acolor'>[+]</span> <a href='http://meredithblis.com' target='_blank'>Launch Site</a>"; document.getElementById('launchSite').href = "http://meredithblis.com"; break;
		case 'i/screenshots/brookebaxter.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML<br><span class='acolor'>[+]</span> <a href='http://brookebaxter.com' target='_blank'>Launch Site</a>"; document.getElementById('launchSite').href = "http://brookebaxter.com"; break;
		case 'i/screenshots/spikegallery.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML<br><span class='acolor'>[+]</span> <a href='http://spikegallery.com' target='_blank'>Launch Site</a>"; document.getElementById('launchSite').href = "http://spikegallery.com"; break;
		case 'i/screenshots/desavannah.gif' : document.getElementById('webDesc').innerHTML = "Work done : Site design, HTML, Photography<br><span class='acolor'>[+]</span> <a href='http://brookebaxter.com/desavannah' target='_blank'>Launch Site</a>"; document.getElementById('launchSite').href = "http://brookebaxter.com/desavannah"; break;
	}
}

function blendimgphoto(divid, imageid, imagefile, millisec) 
{
	var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).src = imagefile;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
	}
	
	if(imagefile.indexOf('fv') != -1)
	{
		document.getElementById('photoDesc').innerHTML = "Client : Francesca Visconti";
	}
	else if(imagefile.indexOf('sg') != -1)
	{
		document.getElementById('photoDesc').innerHTML = "Client : Spike Gallery";
	}
	else if(imagefile.indexOf('ds') != -1)
	{	
		document.getElementById('photoDesc').innerHTML = "Client : De Savannah";
	}	
}