function createRequestObject(){
	var request_o; //declare the variable to hold the object.
	var browser = navigator.appName; //find the browser name
	if(browser == "Microsoft Internet Explorer"){
		/* Create the object using MSIE's method */
		request_o = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		/* Create the object using other browser's method */
		request_o = new XMLHttpRequest();
	}
	return request_o; //return the object
}

/* You can get more specific with version information by using 
	parseInt(navigator.appVersion)
	Which will extract an integer value containing the version 
	of the browser being used.
*/
/* The variable http will hold our new XMLHttpRequest object. */
var http = createRequestObject(); 

// scroll the element vertically based on its width and the slider maximum value
			function scrollVertical(value, element, slider) {
				element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
			}


if (document.all||document.getElementById){
document.write('<style id="tmpStyle" type="text/css"> #bg {-moz-opacity:0.00;filter:alpha(opacity=0);opacity:0;-khtml-opacity:0;}<\/style>')

var objG, degree=fadeAssist=0;
if (document.all&&typeof document.documentElement!=='undefined')
document.write('<!--[if GTE IE 5]><script type="text/javascript">fadeAssist=function (obj, degree){try {obj.filters.alpha.opacity=degree}catch(e){obj.style.filter="alpha(opacity="+degree+")"}}<'+'\/'+'script><![endif]-->')
}

function fadepic(obj)
{



	objG=obj
	if (!document.getElementById&&!document.all)
	{
		return;
	}

	var tS=document.all? document.all['tmpStyle'] : document.getElementById('tmpStyle')
	if (degree<100)
	{
		degree+=10
		if (objG.filters&&objG.filters[0]&&fadeAssist)
			fadeAssist(objG, degree)

		else if (typeof objG.style.MozOpacity=='string')

			objG.style.MozOpacity=degree/101

		else if (typeof objG.style.KhtmlOpacity=='string')
			objG.style.KhtmlOpacity=degree/100

		else if (typeof objG.style.opacity=='string'&&!objG.filters)
			objG.style.opacity=degree/101

		else
			tS.disabled=true
			setTimeout("fadepic(objG)", 50)
	}
	else
	{
		
		tS.disabled=true
	}
}

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++;
        }
    }
}

function blendimage(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++;
    }
} 


//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 


var vert_change_check = 0;


function change_vertical()
{

	if(vert_change_check == 0)
	{

		document.getElementById('bottom_bar').style.width = "700px";
		document.getElementById('trans_background').style.width = "700px";
		document.getElementById('scrollable1').style.width = "700px";		
	
		document.getElementById('blenddiv').style.width = "367px";
		document.getElementById('blendimage').style.width = "367px";

		vert_change_check = 1;

	}

}



function change_vertical_port()
{
		document.getElementById('trans_background').style.width = "566px";
		document.getElementById('scrollable1').style.width = "566px";
		document.getElementById('bottom_bar').style.width = "566px";
		document.getElementById('listing_image').style.width = "232px";
}


var current_image = 0;

function next_image(page_type)
{


//alert(current_image);
	current_image++;
	

	image = current_image;

//alert(image);
//alert(images_link_names.length);

	if(image+1 > images_link_names.length) 
	{
		image = 0;
		current_image = 0;
	}

	image_name = images_link_names[image];
	image_shape = images_link_orientation[image];

//alert(image_name);
//alert(image_shape);


	if(page_type == 'exclusive_listings')
	{

		if(image_shape == 'h')
		{

			document.getElementById('trans_background').style.width = "830px";
			document.getElementById('scrollable1').style.width = "830px";
			document.getElementById('bottom_bar').style.width = "830px";
			document.getElementById('blenddiv').style.width = "497px";
			document.getElementById('blendimage').style.width = "497px"

		
		}

		if(image_shape == 'v')
		{
			document.getElementById('trans_background').style.width = "700px";
			document.getElementById('scrollable1').style.width = "700px";
			document.getElementById('bottom_bar').style.width = "700px";		
	
			document.getElementById('blenddiv').style.width = "367px";
			document.getElementById('blendimage').style.width = "367px";
		}
	}
	if(page_type == 'portfolio')
	{
		if(image_shape == 'h')
		{
			document.getElementById('trans_background').style.width = "877px";
			document.getElementById('scrollable1').style.width = "877px";
			document.getElementById('bottom_bar').style.width = "877px";
			document.getElementById('blenddiv').style.width = "544px";
			document.getElementById('blendimage').style.width = "544px";
			
		}
	
		if(image_shape == 'v')
		{
			document.getElementById('trans_background').style.width = "566px";
			document.getElementById('scrollable1').style.width = "566px";
			document.getElementById('bottom_bar').style.width = "566px";
			document.getElementById('blenddiv').style.width = "232px";
			document.getElementById('blendimage').style.width = "232px";
		}

	}


	blendimage('blenddiv','blendimage', image_name, 500);

}


function change_image(image, page_type)
{
	current_image = image;
	

	image_name = images_link_names[image];
	image_shape = images_link_orientation[image];


//alert(image_name);
//alert(image_shape);


	if(page_type == 'exclusive_listings')
	{

		if(image_shape == 'h')
		{

			document.getElementById('trans_background').style.width = "830px";
			document.getElementById('scrollable1').style.width = "830px";
			document.getElementById('bottom_bar').style.width = "830px";
			document.getElementById('blenddiv').style.width = "497px";
			document.getElementById('blendimage').style.width = "497px"

		
		}

		if(image_shape == 'v')
		{
			document.getElementById('trans_background').style.width = "700px";
			document.getElementById('scrollable1').style.width = "700px";
			document.getElementById('bottom_bar').style.width = "700px";		
	
			document.getElementById('blenddiv').style.width = "367px";
			document.getElementById('blendimage').style.width = "367px";
		}
	}
	if(page_type == 'portfolio')
	{
		if(image_shape == 'h')
		{
			document.getElementById('trans_background').style.width = "877px";
			document.getElementById('scrollable1').style.width = "877px";
			document.getElementById('bottom_bar').style.width = "877px";
			document.getElementById('blenddiv').style.width = "544px";
			document.getElementById('blendimage').style.width = "544px";
			
		}
	
		if(image_shape == 'v')
		{
			document.getElementById('trans_background').style.width = "566px";
			document.getElementById('scrollable1').style.width = "566px";
			document.getElementById('bottom_bar').style.width = "566px";
			document.getElementById('blenddiv').style.width = "232px";
			document.getElementById('blendimage').style.width = "232px";
		}

	}


	blendimage('blenddiv','blendimage', image_name, 500);

}


function change_division(page, section)
{	

	

//alert(page);

	
	newDate = new Date( )	

	time = newDate.getTime( );
	
	document.getElementById('scrollable1').innerHTML = "";


	http.open('get', 'includes/'+page+'.inc.php?time=' + time);
	http.onreadystatechange = handleDivision; 
	http.send(null);

	if(page == 'listings')
	{
		document.getElementById('track1').style.display = "none";
		document.getElementById('trans_background').style.height = "492px";
		document.getElementById('trans_background').style.width = "720px";
		document.getElementById('scrollable1').style.height = "492px";
		document.getElementById('scrollable1').style.width = "720px";
		document.getElementById('bottom_bar').style.width = "720px";

		
		if(section == 'commercial') document.getElementById('bg').src = "images/backgrounds/listingscommercial_bckgrnd.jpg";
		if(section == 'residential') document.getElementById('bg').src = "images/backgrounds/listingsresidential_bckgrnd.jpg";

		document.getElementById('track1').style.display = "";
		document.getElementById('track1').style.height = "492px";
		
		document.getElementById('track1').style.left = "794px";
		
		var slider1 = new Control.Slider('handle1', 'track1', {
				axis: 'vertical',
				onSlide: function(v) { scrollVertical(v, $('scrollable1'), slider1);  },
				onChange: function(v) { scrollVertical(v, $('scrollable1'), slider1); }
			});
	}


	if(page == 'exclusive_listings')
	{
		
		document.getElementById('track1').style.display = "none";

		document.getElementById('trans_background').style.height = "252px";
		document.getElementById('trans_background').style.width = "720px";
		document.getElementById('scrollable1').style.height = "252px";
		document.getElementById('scrollable1').style.width = "720px";

		document.getElementById('bottom_bar').style.width = "720px";

		
		document.getElementById('bg').src = "images/backgrounds/listingscatgr_bckgrnd.jpg";
	}

	
	if(page == 'portfolio')
	{
		
		document.getElementById('track1').style.display = "none";

		document.getElementById('trans_background').style.height = "252px";
		document.getElementById('trans_background').style.width = "720px";
		document.getElementById('scrollable1').style.height = "252px";
		document.getElementById('scrollable1').style.width = "720px";

		document.getElementById('bottom_bar').style.width = "720px";

		
		document.getElementById('bg').src = "images/backgrounds/portcategories_bckgrnd.jpg";
	}

	if(page == 'what_we_do')
	{
		document.getElementById('trans_background').style.height = "400px";
		document.getElementById('trans_background').style.width = "646px";

		document.getElementById('scrollable1').style.height = "400px";
		document.getElementById('scrollable1').style.width = "646px";

		document.getElementById('bottom_bar').style.width = "646px";

		document.getElementById('bg').src = "images/backgrounds/whatwedo_bckgrnd.jpg";


		document.getElementById('track1').style.display = "";
		document.getElementById('track1').style.height = "400px";
		
		
		var slider1 = new Control.Slider('handle1', 'track1', {
				axis: 'vertical',
				onSlide: function(v) { scrollVertical(v, $('scrollable1'), slider1);  },
				onChange: function(v) { scrollVertical(v, $('scrollable1'), slider1); }
			});

	}
	if(page == 'who_we_are')
	{
		
		document.getElementById('bg').src = "images/backgrounds/whoweare_bckgrnd.jpg";

		document.getElementById('trans_background').style.height = "492px";
		document.getElementById('trans_background').style.width = "627px";

		document.getElementById('scrollable1').style.height = "492px";
		document.getElementById('scrollable1').style.width = "627px";
		
		document.getElementById('track1').style.display = "";
		document.getElementById('track1').style.height = "492px";
		
		document.getElementById('track1').style.left = "701px";
		
		
		document.getElementById('bottom_bar').style.width = "627px";

		var slider1 = new Control.Slider('handle1', 'track1', {
				axis: 'vertical',
				onSlide: function(v) { scrollVertical(v, $('scrollable1'), slider1);  },
				onChange: function(v) { scrollVertical(v, $('scrollable1'), slider1); }
			});

	}
	if(page == 'contact_us')
	{
		
		document.getElementById('track1').style.display = "none";		

		document.getElementById('trans_background').style.height = "358px";
		document.getElementById('trans_background').style.width = "719px";

		document.getElementById('scrollable1').style.height = "358px";
		document.getElementById('scrollable1').style.width = "719px";

		
		document.getElementById('bottom_bar').style.width = "719px";

		document.getElementById('bg').src = "images/backgrounds/contactpg_bckgrnd.jpg";
	}
}


function handleDivision()
{
	if(http.readyState == 4)
	{ 
		var response = http.responseText;
		document.getElementById('scrollable1').innerHTML = response;
	}
}



function resize_image()
{
	
	var winW = 630, winH = 460;
	var imgW = 0, imgH = 0;


	if (parseInt(navigator.appVersion)>3) 
	{
		if(navigator.appName=="Netscape") 
		{
			  winW = window.innerWidth;
			  winH = window.innerHeight;
		}
		if (navigator.appName.indexOf("Microsoft")!=-1) 
		{
		  winW = document.body.offsetWidth;
		  winH = document.body.offsetHeight;
		}
	}

	if(winW < 300) 
	{
		imgW = 300;
	}
	if(winH < 190) 
	{
		imgH = 190;
	}

	if(imgH < winH)
	{
		imgH = winH + 50;
		imgW = Math.round(winH * 1.55);
	}
	
	if(imgW < winW)
	{
		imgW = winW + 50;
		
		imgH = Math.round(imgW / 1.55);
	}

	imgW = document.getElementById('bg').width;
	imgH = Math.round(imgW / 1.55);

	if(imgH < winH) imgH = winH;



	//document.getElementById('bg').width = imgW;
	document.getElementById('bg').height = imgH + 15;

	
	fadepic(document.getElementById('bg'));

//	document.getElementById('test').innerHTML = imgW  + ' - ' + imgH + ' | ' + winW + ' - ' + winH;


		
}

function scrollVertical(value, element, slider) 
{
	element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
}