function swapstyle(elementID, property, force)
{
	switch(property)
	{
		case "display":
			{
				if(force)
				{
					newstate = force;
				}
				else
				{
					var current = document.getElementById(elementID).style.display;
					switch(current)
					{ 
						default:
						case "block":
							{
								newstate = "none";
								break;
							}
						case "none":
							{
								newstate = "block";
								break;
							}
					}
				}
				document.getElementById(elementID).style.display = newstate;
				break;
			}
	}
}

function loadPic(url, imgID)
{
    document.getElementById(imgID).src = url;
    document.getElementById("MainLink").href = url;
}

function rebuildImage(elementID, max)
{
    var element = document.getElementById(elementID);

    var width = element.offsetWidth;
    var height = element.offsetHeight;
    
    if(width > height)
    {
        var property = "y";
    }
        
    if(height > width)
    {
        var property = "x";
    }
    element.className = property;    
}

function rebuildImages()
{
    var i = 0;
    var elements = document.getElementsByTagName("img");
    while(i < elements.length)
    {
        var start = elements[i].src.indexOf("?max=");
        
        if(start > -1)
        {
            var max = elements[i].src.substr(start+5);           
            
            var x = elements[i].offsetWidth;
            var y = elements[i].offsetHeight; 
   
            if(x > y)
            {
                var property = "y";
            }
            
            if(y > x)
            {
                var property = "x";
            }
            elements[i].className = property;
        }
        i++;
    }
}

function hotslide(j)
{
	swapstyle("screenshot", "display", "none");
	for(l = 1;l < 4;l++)
	{
		if(l == j)
		{
			document.getElementById("hot"+l).className = "area hand selected"+l;
			document.getElementById("show"+l).style.display = "block";
		}
		else
		{
		    document.getElementById("hot"+l).className = "area hand hotty"+l;
			document.getElementById("show"+l).style.display = "none";
		}
	}
}

var slides = new Array(
    "slide1",
    "slide2",
    "slide3"
    );

var wait = 4000;    // interval and time in milliseconds
k = 0;
function start_slideshow() 
{
	setInterval("SlideShow()", wait);  // This is a javascript function which acts as a timer.
}

function SlideShow() 
{
	$("#" + slides[k]).fadeOut("slow");
	//Effect.Fade(slides[k], { duration:1, from:1.0, to:0.0 });
    k++;
    if (k == 3) k = 0;
    $("#" + slides[k]).fadeIn("slow");
    //Effect.Appear(slides[k], { duration:1, from:0.0, to:1.0 });
}

function referer(url)
{
	window.location = url;
}

function initslideshow()
{
    swapstyle("screenshot", "display", "block");
	for(i = 1;i < 4;i++)
    {
        document.getElementById("hot"+i).className = "area hand hotty"+i;
	    document.getElementById("show"+i).style.display = "none";
	}
}

function swapclass(elementID, classone, classtwo)
{
    var current = document.getElementById(elementID).className;
    if(current.indexOf(" ") > 0)
    {
        
        var array = new Array();
        array = current.split(" ")
        for(i in array)
        {
            if(array[i] == classone || array[i] == classtwo)
            {                
                var current = array[i];
            }
            else
            {
                if(temp)
                {
                    var temp = temp+" "+array[i];
                }
                else
                {
                    var temp = array[i];
                }
            }
        }
    }
       
    switch(current)
    {
        case classone:
            {
                var newclass = classtwo;
                break;
            }
        case classtwo:
            {
                var newclass = classone;
                break;
            }        
    }
    document.getElementById(elementID).className = newclass+" "+temp;
}