ÿþ//LAYOUT

function ViewFrame(){

	var minWidth = $('#Box1').width() + 6;

	var minHeight = $('#Box1').height + 6;

	var iW 	= $(window).width();

	var iH = $(window).height();

	iW 	= iW < minWidth ? minWidth : iW;

	iH = iH < minHeight ? minHeight : iH;

	//Size

	this.width = iW; 

	this.height = iH;

	//MoveSpeed

	this.speed = 1000;

}



function ScrollToBox(iBox){

	var oViewFrame = new ViewFrame();

	var iW = oViewFrame.width;

	var iH = oViewFrame.height;

	var iSpeed = oViewFrame.speed;

	switch(iBox){

		case 1:

			$('.Outline').stop().animate({top:-2*iH + 'px',left:'0px'},iSpeed); break;

		case 2:

			$('.Outline').stop().animate({top:-2*iH + 'px',left:-2*iW + 'px'},iSpeed); break;

		case 3:

			$('.Outline').stop().animate({top:'0px',left:-2*iW + 'px'},iSpeed); break;

		case 4:

			$('.Outline').stop().animate({top:'0px',left:'0px'},iSpeed); break;

	}

}

	

function FithWindow(){

	var oViewFrame = new ViewFrame();

	var iW = oViewFrame.width;

	var iH = oViewFrame.height;

		

	var oOutline = $('.Outline');

	if(!oOutline) alert("Your browser don't support javascript.");

	var oBox1 = $('#Box1');

	var oBox2 = $('#Box2');

	var oBox3 = $('#Box3');

	var oBox4 = $('#Box4');		



	oBox1.css({'top':iH*2 + (iH-oBox3.height())/2 + 'px','left':(iW-oBox3.width())/2 + 'px'});

	oBox2.css({'top':iH*2 + (iH-oBox4.height())/2 + 'px','left':iW*2 + (iW-oBox4.width())/2 + 'px'});

		

	oBox3.css({'top':(iH-oBox2.height())/2 + 'px','left':iW*2 + (iW-oBox2.width())/2 + 'px'});

	oBox4.css({'top':(iH-oBox1.height())/2 + 'px','left':(iW-oBox1.width())/2 + 'px'});

		

	oOutline.css({width:iW*3 + 'px', height:iH*3 + 'px'});

	$('.Inner-bottom').css({width:iW*3 + 'px', height:iH*3 + 'px'});

		

	$('.Nav1').click(function(){

		if(!$(this).parent('#Box1').length){document.iBox = 1;	ScrollToBox(1)}	

		$('#Box1 .Sub-navigator a:eq(0)').addClass('Sub-nav-item-selected').trigger('click');		

	})

	$('.Nav2').click(function(){

		if(!$(this).parent('#Box2').length){document.iBox = 2;	ScrollToBox(2)}		

		$('#Box2 .Sub-navigator a:eq(0)').addClass('Sub-nav-item-selected').trigger('click');

	})

	$('.Nav3').click(function(){

		if(!$(this).parent('#Box3').length){document.iBox = 3;	ScrollToBox(3)}

		$('#Box3 .Sub-navigator a:eq(0)').addClass('Sub-nav-item-selected').trigger('click');		

	})

	$('.Nav4').click(function(){

		if(!$(this).parent('#Box4').length){document.iBox = 4;	ScrollToBox(4)}

		$('#divBuy').css('display','none'); $('#divContact').css('display','block');

	})

}



function BuildSlidesBox(iBox){

	//Prepare data

	var oSlider = $('#Box' + iBox + ' .Container');

	if(iBox==1) document.oSlider = oSlider;	

	$('#Box' + iBox + ' .Navigator').prepend('<a id="tmp"></a>')			

	oSlider.cycle({fx:'fade',startingSlide:0,cleartypeNoBg:true, cleartype:true, timeout:500});//scrollLeft

	oSlider.cycle("pause")

	$('#Box' + iBox + ' .Sub-navigator a').each(function(idx,item){

		$(this).click(function(){

			$('#Box' + iBox + ' .Sub-nav-item-selected').attr('class','Sub-nav-item');

			$(this).addClass('Sub-nav-item-selected');

			oSlider.cycle(idx);

			$('#Box' + iBox + ' .Navigator').get(0).focus();

		})

	})

}



function BuildSlidesBoxs(){

	for(i=1;i<=4;i++) BuildSlidesBox(i);

	$('#divData').empty();

}

//LAYOUT/



//DATA

function CreateFloorSlideshow(){

	$('#tdFloorShow .divSlide:gt(0)').hide();

	$('.Floor-gager a').each(function(idx,item){

		$(this).click(function(){

			$('.Floor-gager .Item-selected').attr('class','Item');

			$(this).addClass('Item-selected');

			$('#tdFloorShow .divSlide:visible').hide('fast');

			$('#tdFloorShow .divSlide:eq(' + idx + ')').show('slow');

			$('#spFloorTop').text($(this).attr('title'));

		})

	})

}



//Apartments

function BuildApartments(){



	$('#divApartmentDescriptions div:gt(0)').hide();

	$('#divApartmentGalleries table:gt(0)').hide();

	

	$('#divApartmentDescriptions a img').each(function(idx,item){

		$(this).click(function(){

			if($('#imgApartmentFrame').attr('src')!=$(this).attr('src')) $('#imgApartmentFrame').hide().attr('src',$(this).attr('src')).show('slow');

		})

		

	})

	

	$('#divApartmentGalleries img').each(function(){

		$(this).click(function(){

			if($('#imgApartmentFrame').attr('src')!=$(this).attr('src')) $('#imgApartmentFrame').hide().attr('src',$(this).attr('src')).show('slow');

		})

	})

	

	$('.Apartment-gager a').each(function(idx,item){

		$(this).click(function(){	

		    

			$('.Apartment-gager a').attr('class','Apart-item');

			$(this).addClass('Apart-item-selected');

			if(idx==0) idx=2

			else if(idx==2) idx=0;			

	

			//Picture

			$('#imgApartmentFrame').hide().attr('src',$('#divApartmentDescriptions a img:eq(' + idx + ')').attr('src')).show('slow');

			

			//Description

			$('#divApartmentDescriptions div:visible').hide();

			$('#divApartmentDescriptions div:eq(' + idx + ')').show();

			

			//Gallery

			$('#divApartmentGalleries table:visible').hide();

			$('#divApartmentGalleries table:eq(' + idx + ')').show();

		})

	})

}



//ARTICLES

function BuildArticleDetailPager(){	

	

	var divArticleDetail = $('#divArticleDetail');

	var divContentContainer = $('#divContentContainer');	

	var iPageWidth = 326;

	var iPageHeight = 396;



	document.iCurrentPage = 0;	

	document.iPageCount = 1;



	if(divContentContainer.height()>iPageHeight){

		document.iPageCount = parseInt(divContentContainer.height()/iPageHeight);

		if(divContentContainer.height() % iPageHeight>0) document.iPageCount += 1;

		$('.ArticleDetail-pager img:eq(0)').hide();

	}

	

	divContentContainer.stop().css({left:'0px',top: '0px'});	

	

	if(document.iPageCount<2) $('.ArticleDetail-pager').hide()

	else{

	    $('.ArticleDetail-pager').show('fast');

	    $('.ArticleDetail-pager img:eq(1)').show();

    };	

}



function NextArticleDetailPage(){

	var divArticleDetail = $('#divArticleDetail');

	var divContentContainer = $('#divContentContainer');

	var iCurrentPage = parseInt(document.iCurrentPage);

	iCurrentPage += 1;	

	divContentContainer.stop().hide().css({left:'326px',top: -396*iCurrentPage + 'px'}).show().animate({left:'0px'},700);

	$('.ArticleDetail-pager img:eq(0)').show();	

	document.iCurrentPage = iCurrentPage;

	if(iCurrentPage == document.iPageCount-1) $('.ArticleDetail-pager img:eq(1)').hide();

}



function PrevArticleDetailPage(){

	var divArticleDetail = $('#divArticleDetail');

	var divContentContainer = $('#divContentContainer');

	var iCurrentPage = parseInt(document.iCurrentPage);

	iCurrentPage -= 1;	

	divContentContainer.stop().hide().css({left:'-326px',top: -396*iCurrentPage + 'px'}).show().animate({left:'0px'},700);

	$('.ArticleDetail-pager img:eq(1)').show();

	document.iCurrentPage = iCurrentPage;

	if(document.iCurrentPage == 0) $('.ArticleDetail-pager img:eq(0)').hide();

}





function LoadArticle(iArticle){

    

    $('.Article-loading-overlay').css('visibility','visible');

    $.ajax({

        type:"POST",

        url :"GetContent.aspx?articleid=" + iArticle,        

        success: function(sRtn){

            $('#divContentContainer').html(sRtn);            

            $('.Article-loading-overlay').css('visibility','hidden');

            

            $('.Readmore-link2 img').attr('src','Images/bNormal.jpg');

            $('.Readmore-link2 img[aid=' + iArticle + ']').attr('src','Images/bSelected.jpg');

            

            BuildArticleDetailPager();

        }

    });

}



function ListArticlesByPage(iPage){

	var iA = iPage*4;

	var iB = iA + 4 - 1;

	var firtID=0;

	if(iB>=jData.Articles.length) iB = jData.Articles.length-1;



	$('#tbArticleListing tr').fadeOut('fast').remove();

	for(i=iA;i<=iB;i++){

		var oArticle = jData.Articles[i];

		if (i==iA) firtID= jData.Articles[i].ArticleID ;

		var sRow  =	'<tr><td style="padding-top:17px; padding-bottom:16px; padding-right:10px; border-bottom:dotted 1px #bbbbbb">';

		if((i+1)%4==0) sRow  =	'<tr><td style="padding-top:17px; padding-bottom:17px; padding-right:10px; border-bottom:dotted 0px #bbbbbb">';

		sRow +=		'	<a href="javascript:LoadArticle(' + jData.Articles[i].ArticleID + ')" class="Thumbnail-link"><img src="' + oArticle.Thumbnail + '" style="margin-right:7px" width="110" height="71" border="0" align="left" /></a>';

		sRow +=		'	<div style="margin-bottom:5px"><a href="javascript:LoadArticle(' + oArticle.ArticleID + ')" style="font-family:Tahoma; font-size:16px">' + oArticle.Title + '</a></div>';

		//sRow +=		'	<div><img src="Images/Pages/Thong-tin-dau-tu/Tin-tuc-su-kien/Untitled-4.gif" />' + jData.Articles[i].Subject + ' &nbsp;<a href="javascript:LoadArticle(' + oArticle.ArticleID + ')" class="Readmore-link" style="font-weight:normal; display:block; float:right; margin-top:5px;"><img aid="' + oArticle.ArticleID  + '" src="Images/bNormal.jpg" border=""0"" /></a></div>';

		

		sRow +=     '<table width="205" border="0" cellspacing="0" cellpadding="0"><tr>';

		sRow +=     '<td width="195"><img src="Images/Pages/Thong-tin-dau-tu/Tin-tuc-su-kien/Untitled-4.gif" />' + jData.Articles[i].Subject + '</td>';

		sRow +=     ' <td width="10" valign="bottom" style="padding-bottom:2px"><a class="Readmore-link2" href="javascript:LoadArticle(' + oArticle.ArticleID + ')" ><img aid="' + oArticle.ArticleID  + '" src="Images/bNormal.jpg" border=""0"" /></a></td>';

		sRow +=     '</tr></table>';

		

		sRow +=		'</td></tr>';

		$('#tbArticleListing').append(sRow).fadeIn('slow');

		

		

	}

	 

	$('.Readmore-link2 img[aid=' + firtID + ']').attr('src','Images/bSelected.jpg');

	LoadArticle(firtID);

}

	

function RenderArticleListingPager(){

    var iPageCount = parseInt(jData.Articles.length/4);

    if(jData.Articles.length%4>0) iPageCount+=1;    

    if(iPageCount<2) $('#divArticlePager').hide();

    

    $('.Previous-article-page').click(function(){

        if($(document).get(0).iCurPage>=0){

            if($(document).get(0).iCurPage>0) $(document).get(0).iCurPage = parseInt($(document).get(0).iCurPage)-1;

        }

        else{

            $(document).get(0).iCurPage=0;

        }

        $('.divCurrentPage:eq(0)').html('<img src="Images/Pages/Thong-tin-dau-tu/Tin-tuc-su-kien/' + (parseInt($(document).get(0).iCurPage)+1) + '.jpg" />');

        ListArticlesByPage($(document).get(0).iCurPage)

         

    })

    

    $('.Next-article-page').click(function(){

        if(!($(document).get(0).iCurPage>=0)){

            $(document).get(0).iCurPage=0;

        }

        if($(document).get(0).iCurPage<iPageCount-1) $(document).get(0).iCurPage = parseInt($(document).get(0).iCurPage)+1;     

        $('.divCurrentPage:eq(0)').html('<img src="Images/Pages/Thong-tin-dau-tu/Tin-tuc-su-kien/' + (parseInt($(document).get(0).iCurPage)+1) + '.jpg" />');

        ListArticlesByPage($(document).get(0).iCurPage)

        

    })

    

    if(iPageCount>1){

        $('.divCurrentPage:eq(0)').html('<img src="Images/Pages/Thong-tin-dau-tu/Tin-tuc-su-kien/1.jpg" />');

        $('.divTotlaPage:eq(0)').html('<img src="Images/Pages/Thong-tin-dau-tu/Tin-tuc-su-kien/' + iPageCount + '-(total-pages).jpg" />');

    }    

}





function DoContact(){

    $('#divOverlay').css('visibility','visible');    

    $.ajax({

        type:"POST",

        url :"GetContent.aspx?send=2&" + $('input').serialize() + '&txtMessage=' + $('textarea').val(),

        success: function(sRtn){            

            $('#divOverlay').css('visibility','hidden');

            if($.trim(sRtn)!=''){

                alert(sRtn);

            }

            else{

                alert('Thông tin gíi thành công.');

                $('input[name="txtUser"]').val('');                

                $('input[name="txtEmailAddress"]').val('');

                $('textarea').val('');

            }

        }

    });    

}



function SendMessage(){

    $('#divContactOverlay').css('visibility','visible');    

    $.ajax({

        type:"POST",

        url :"GetContent.aspx?send=1&" + $('input').serialize(),

        success: function(sRtn){            

            $('#divContactOverlay').css('visibility','hidden');

            if($.trim(sRtn)!=''){

                alert(sRtn);

            }

            else{

                alert('Thông tin gíi thành công.');

                $('input[name="txtFullname"]').val('');

                $('input[name="txtPassport"]').val('');

                $('input[name="txtAddress"]').val('');

                $('input[name="txtEmail"]').val('');

                $('input[name="txtPhone"]').val('');

            }

        }

    });    

}



function InitStarSkype(){

    $('.Inner-bottom').prepend('<div id="divSkype" style="position:absolute; background:url(/images/bg_stars0.png) repeat-x; top:0px; left:0px; right:0px; bottom:0px"></div><div id="divSkype1" style="position:absolute; background:url(/images/bg_stars.png) repeat-x left 20px; top:0px; left:0px; right:0px; bottom:0px"></div>')

    var moveBg0 = {type: 'backgroundx', to: -233, step: -1, delay: 40}

	var moveBg1 = {type: 'backgroundx', to: -700, step: -1, delay: 60}	

	

	$fx($('#divSkype').get(0)).fxAdd(moveBg0).fxRun(null, -1);

	$fx($('#divSkype1').get(0)).fxAdd(moveBg1).fxRun(null, -1);

}



$(window).load(function(){

	

	

	

	FithWindow();

	$(window).resize(function(){FithWindow(); ScrollToBox(document.iBox)})

	//ScrollToBox(1);

	var oViewFrame = new ViewFrame();

	$('.Outline').stop().css({top:-2*oViewFrame.height + 'px',left:'0px'})	

		

	$('#Box1 .Sub-navigator a:eq(5)').click(function(){

	    $('#divContentContainer').html($('#divFeaturedArticle').html());

	    ListArticlesByPage(0);

	   

	   

	})

	$('#divContentContainer').html($('#divFeaturedArticle').html());        

    

	BuildArticleDetailPager();	

	ListArticlesByPage(0);

		

	BuildSlidesBoxs();

		

	CreateFloorSlideshow();

	BuildApartments();

	RenderArticleListingPager();

	InitStarSkype();

	$('#divLoading').fadeOut('fast').remove();

	

	$('#E1,#E2,#E3,#E4,#E5,#E6,#E7').tooltip({ 

		track: true, 

		delay: 0, 

		showURL: false, 

		fade: 150 

	});



})



function MatBangClick(loaimatbang)

{

     if(!$(this).parent('#Box2').length){document.iBox = 2;	ScrollToBox(2)}		

		$('#Box2 .Sub-navigator a:eq(2)').addClass('Sub-nav-item-selected').trigger('click');

		

    if (loaimatbang=='C')

    {

		    idx=0;		

		    $('.Apartment-gager a:eq(2)').attr('class','Apart-item').trigger('click');

	

    }

    

    else if (loaimatbang=='B')

    {

	        idx=1;		

	        $('.Apartment-gager a:eq(1)').attr('class','Apart-item').trigger('click');

			

    }

    

    else if (loaimatbang=='A')

    {

			idx=2;		

	        $('.Apartment-gager a:eq(0)').attr('class','Apart-item').trigger('click');

    }

    

    		 

			//Picture

			$('#imgApartmentFrame').hide().attr('src',$('#divApartmentDescriptions a img:eq(' + idx + ')').attr('src')).show('slow');

			

			//Description

			$('#divApartmentDescriptions div:visible').hide();

			$('#divApartmentDescriptions div:eq(' + idx + ')').show();

			

			//Gallery

			$('#divApartmentGalleries table:visible').hide();

			$('#divApartmentGalleries table:eq(' + idx + ')').show();

	

    

    

    

}



function ShowVideo(){

    

    var sVideo = '<div style="position:absolute; z-index:10000; color:White; cursor:pointer; right:10px; top:5px" onclick="HideVideo();">Close</div><object width="509" height="290"><param name="movie" value="'+ URLVideo()+ '"></param><param name="allowFullScreen" value="true"><param name="wmode" value="transparent"></param><param name="allowscriptaccess" value="always"></param><embed src="'+ URLVideo()+ '" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" width="509" height="290"></embed></object>';

    $('#divVideo').html(sVideo);

}

function HideVideo(){

    $('#divVideo').empty();

}

 function URLVideo()

 {

 

    if (window.XMLHttpRequest)

      {// code for IE7+, Firefox, Chrome, Opera, Safari

      xmlhttp=new XMLHttpRequest();

      }

    else

      {// code for IE6, IE5

      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

      }

    xmlhttp.open("GET","/Client/URL-VIDEO.xml",false);

    xmlhttp.send();

    xmlDoc=xmlhttp.responseXML; 



    



    var URL = xmlDoc.getElementsByTagName("Video");

   

    for (var i = 0; i < URL.length; i++) { 

    

        if (URL[i].getElementsByTagName("selected")[0].childNodes[0].nodeValue=="1") 

        {

         

         return URL[i].getElementsByTagName("url")[0].childNodes[0].nodeValue;

        }

    } 

}