//javascript

function _(id){
  return document.getElementById(id)
}

function w_width(){
  return (document.documentElement.clientWidth)
}

function w_height(){
  return document.documentElement.clientHeight
}

function setImage(id, val){
  _(id).src = "image.php?id=" + val;
}

function residential_search(by, data){
  if(by == 'none' && data == 'none'){
    view_content()
  } else {
    request('request/residential_content.php?by=' + by + '&data=' + data + '&rnm=' + Math.random(), 'content_text', '<div style="color: #FFFFFF; text-align: center;"><img src="image/load-kecil.gif" /></div>')
  }
}

function view_residential(id){
  request('request/residential_view.php?id=' + id + '&rnm=' + Math.random(), 'content_text', '<div style="color: #FFFFFF; text-align: center;"><img src="image/load-kecil.gif" /></div>')
}

function change(obj, pic1, pic2){
  var o = _(obj)
  if(o.innerHTML == 'VIEW SITEPLAN'){
    setImage('view_img',pic1)
    o.innerHTML = 'VIEW MODEL'    
  }else if(o.innerHTML == 'VIEW MODEL'){
    setImage('view_img',pic2)
    o.innerHTML = 'VIEW SITEPLAN'      
  }
}

function cheese(title){
  _('content_title').innerHTML = '<div class="content_title_text"><img src="image.php?id=' + title + '" /></div>'
  request('request/cheese.php?title=' + title + '&rnm=' + Math.random(), 'content_text', '<div style="color: #FFFFFF; text-align: center;"><img src="image/load-kecil.gif" /></div>' )
}

function setImage_cheese(id, val){
  _(id).src = "image.php?ch=" + val;
}

function cheese_detail(id, title)
{
  request('request/cheese_detail.php?id=' + id + '&title=' + title + '&rnm=' + Math.random(), 'content_text', '<div style="color: #FFFFFF; text-align: center;"><img src="image/load-kecil.gif" /></div>' )
  var interval = setInterval(
    function(){
      if(_('pic')){
        clearInterval(interval)
        firstload()
      }
    }
  ,1)
}

function sharing(title){
  _('content_title').innerHTML = '<div class="content_title_text"><img src="image.php?id=' + title + '" /></div>'
  request('request/sharing.php?rnm=' + Math.random(), 'content_text', '<div style="color: #FFFFFF; text-align: center;"><img src="image/load-kecil.gif" /></div>' )
}

function sharing_new(title){
  _('content_title').innerHTML = '<div class="content_title_text"><img src="image.php?id=' + title + '" /></div>'
  request('request/sharing_new.php?rnm=' + Math.random(), 'content_text', '<div style="color: #FFFFFF; text-align: center;"><img src="image/load-kecil.gif" /></div>' )
}

function sharing_detail(id){
  request('request/sharing_detail.php?id=' + id + '&rnm=' + Math.random(), 'content_text', '<div style="color: #FFFFFF; text-align: center;"><img src="image/load-kecil.gif" /></div>' )
}


var iedom=document.all||document.getElementById;
var loadedyes=0;
var menuwidth = 300;
var scrollspeed=5;
var actualwidth;
var cross_scroll, ns_scroll;
var lefttime =0;
var righttime=0;

function firstload(){
	if(_('pic')){
		cross_scroll=document.getElementById? _("pic") : document.all.pic;
		actualwidth=document.all? cross_scroll.offsetWidth : cross_scroll.offsetWidth;            			
		loadedyes=1;
	}
}

function moveleft(){ 
	if (loadedyes){
		var raw = cross_scroll.style.left;
		var left_position = raw.split("px");
		
		if (iedom&&parseInt(left_position[0])>(menuwidth-actualwidth)){
			cross_scroll.style.left=parseInt(left_position[0])-scrollspeed+'px';
		}
		else if (document.layers&&cross_scroll.style.left>(menuwidth-actualwidth)){
			cross_scroll.style.left-=scrollspeed;
		}
	}
	lefttime = setTimeout("moveleft()",50);
}

function moveright(){
	if (loadedyes){
		
		var raw = cross_scroll.style.left;
		var left_position = raw.split("px");
		if (iedom&&parseInt(left_position[0])<0)
			cross_scroll.style.left=parseInt(left_position[0])+scrollspeed+'px';
		else if (document.layers&&cross_scroll.left<0)
			cross_scroll.style.left+=scrollspeed;
	}
	righttime = setTimeout("moveright()",50);
}

function stopMove(id){
	if(id==1){
		clearTimeout(lefttime);
	}
	else{
		clearTimeout(righttime);
	}
}