function swapButtons(activeDiv, hiddenDiv) {

    if (!displayedHTML) {    
        activeDiv.style.visibility = 'hidden';
        activeDiv.style.display = 'none';
        hiddenDiv.style.visibility = 'visible';    
        hiddenDiv.style.display = 'inline';
    } else {
        displayedHTML = false;
    }
}

var currentJobGalleryPage = 0;
var displayedHTML = false;

    
function setSize(image) {
    if (image.width > 255) image.width = 255;
    if (image.height > 155) image.height = 155;
}

function hideNext() {
    document.getElementById('Job_Gallery_Next_Button').style.visibility = 'hidden';
    document.getElementById('Job_Gallery_Next_Button_Mouse_Over').style.visibility = 'hidden';
}

function showNext() {
    document.getElementById('Job_Gallery_Next_Button').style.visibility = 'visible';
}

function hidePrevious() {
    document.getElementById('Job_Gallery_Previous_Button').style.visibility = 'hidden';
    document.getElementById('Job_Gallery_Previous_Button_Mouse_Over').style.visibility = 'hidden';
}

function showPrevious() {
    document.getElementById('Job_Gallery_Previous_Button').style.visibility = 'visible';
}

function goToNextFour()
{
	currentJobGalleryPage++;
	showContent();
}

function goToPreviousFour()
{

	if(currentJobGalleryPage > 0)
	{
		currentJobGalleryPage--;
		showContent();
	}
}

function processSearch() {
    var rows = new Array();
    var postal = document.forms['Search'].postal.value;
    var type = document.forms['Search'].type.value;
    var style = document.forms['Search'].style.value;
    var color = document.forms['Search'].color.value;
    
    document.getElementById('Image_Target').innerHTML = '';
    
	for(var i = 0; i < imgSet.length; i++)
	{	
	    var displayImage = true;
	    if (postal != 'Postal Code' && imgSet[i].postal.indexOf(postal) == -1) displayImage = false;
	    if (type != 'Type' && imgSet[i].type != type) displayImage = false;
	    if (style != 'Style' && imgSet[i].style != style) displayImage = false;
	    if (color != 'Color' && imgSet[i].color != color) displayImage = false;
	    
	    if (displayImage) {    
            if (imgSet[i].name == 'image') {
               rows.push('<tr><td valign="top"><div class="Job_Gallery_Image"><img src="' + imgSet[i].img + '" alt="' + imgSet[i].alttext + '" onload="setSize(this);"></div></td><td></td></tr>');
            } else {
                if (imgSet[i].name == 'imagebefore') {
        	        var rowHtml = '<tr><td valign="top"><div class="Job_Gallery_Image"><img src="' + imgSet[i].img + '" alt="' + imgSet[i].alttext + '" onload="setSize(this);"></div></td>';
        	        if (i + 1 < imgSet.length) {
                        rowHtml +=  '<td valign="top"><div class="Job_Gallery_Image"><img src="' + imgSet[i + 1].img + '" alt="' + imgSet[i].alttext + '" onload="setSize(this);"></div></td></tr>';
                    } else {
                        rowHtml +=  '<td></td></tr>';
                    }
                    rows.push(rowHtml);
                }
            }        
        }        
        if (rows.length > 0) htmlContent(rows);
	} 
}

function showAllContent()
{
	with(document.forms['Search'])
	{
		postal.value = 'Postal Code';
		type.selectedIndex = 0;
		style.selectedIndex = 0;
		color.selectedIndex = 0;
	}
	showContent()
}

function showContent()
{
    var rows = new Array();
    var imgtag="";
	for(var i = 0; i < imgSet.length; i++)
	{	
        if (imgSet[i].name == 'image') {
           rows.push('<tr><td valign="top"><div class="Job_Gallery_Image"><img src="' + imgSet[i].img + '" alt="' + imgSet[i + 1].alttext + '" onload="setSize(this);"></div></td><td></td></tr>');
	    } else {
	        if (imgSet[i].name == 'imagebefore') {
	            if(imgSet[i].name=='imagebefore')
	                imgtag=imgbeforetag;
	            if(imgSet[i].name=='imageafter')
	                imgtag=imgaftertag;
	        	var rowHtml = '<tr><td valign="top"><div class="Job_Gallery_Image"><img src="' + imgSet[i].img + '" alt="' + imgSet[i + 1].alttext + '" onload="setSize(this);"></div>';
	        	if (imgSet[i].gallerytype == 'gallery') {
	        	    rowHtml += '<div class="GalleryImgTag">'+imgtag+'</div>';
	        	}
	        	rowHtml += '</td>';
	        	if (i + 1 < imgSet.length) {
	        	    if(imgSet[i+1].name=='imagebefore')
	                    imgtag=imgbeforetag;
	                if(imgSet[i+1].name=='imageafter')
	                    imgtag=imgaftertag;
                    rowHtml +=  '<td valign="top"><div class="Job_Gallery_Image"><img src="' + imgSet[i + 1].img + '" alt="' + imgSet[i + 1].alttext + '" onload="setSize(this);"></div>';
	        	    if (imgSet[i].gallerytype == 'gallery') {
	        	        rowHtml += '<div class="GalleryImgTag">'+imgtag+'</div>';
	        	    }        
	        	    rowHtml += '</td></tr>';
                } else {
                    rowHtml +=  '<td></td></tr>';
                }
                rows.push(rowHtml);
            }
	    }
	} 
    if (rows.length > 0) htmlContent(rows);
	
}

function htmlContent(rows) {
    var firstRow = 0;
    
    if (currentJobGalleryPage != 0) firstRow = currentJobGalleryPage * 2;
        
    var html = '<table class="Job_Gallery_Images" cellspacing="0" cellpadding="0" border="0">';             
	for(var i = firstRow; i < firstRow + 2; i++)
	{	
	    if(i < rows.length) html += rows[i];
	}
	html += '</table>';
    document.getElementById('Image_Target').innerHTML = html;

    displayedHTML = true;
    if (firstRow + 2 >= rows.length) { hideNext(); } else { showNext(); }
    if (firstRow == 0) { hidePrevious(); } else { showPrevious(); }
}