// alerts show in Firebug




$(document).ready(function() {


	$("a.group").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false
	});
	
	$("a.flash").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false,
		'type'			:  'swf'
	});
	
	// Twitter feed


	 $(function() {
	 
		   
           
            var html = "<h6>FROM OUR <br>TWITTER FEED:</h6><br>";

            var tweeturl = "http://twitter.com/status/user_timeline/DistrictMain.json?count=4&callback=?";
            $.getJSON(tweeturl, function(d) {
                $.each(d, function(i, item) {

                    html += "<p class=\'twitter_item\' id=\'italic\'>" + item.text + "<br>" + parseTwitterDate(item.created_at) + "</p>";

                });

                //html += "</ul>";
                $('#twitter-feed').append(html);
            });
        }); 

	
	// Fix Twitter Date Formet
	
	function parseTwitterDate($stamp) {		

	
// convert to local string and remove seconds and year //		
	var date = new String();
	
	date = $stamp;
	
	return "<span id=\'noitalic\'>_" + date.substr(11, 5) + " " + date.substr(4, 6) + "<span>";
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	// PAGE TWO CODE --------------------------------------------------------
	
	var sides = 'middle';
	

	
	// Splitscreen stuff
	
	$('#dark_logo, #dark_text, #dark_sublogo').click(function() {
		
		$("#units_middle_column").fadeTo(200, 0);
		
		$("#gardens_factsheet").fadeTo(200, 0);
		
		$("#div_dark_blue").animate({'width':'872'}, 800, 'easeOutExpo', function(){fadeInCubeBoxes();});
		
	});
	
	$('#light_logo, #light_text, #light_sublogo').click(function() {
	
		$("#units_middle_column").fadeTo(200, 0);
		
		$("#cube_factsheet").fadeTo(200, 0);
		
		$("#div_dark_blue").animate({'width':'88'}, 800, 'easeOutExpo');
		$("#gardens_factsheet").animate({'left':'-456px', 'width':'280px'}, 1000, 'easeOutExpo', function(){fadeInGardenBoxes();});
		
	});
	
	// fade in gardens boxes
	
	var htmlGarden = "<div id='divGardenUnitText' style='display:none; margin-top:30px; width:204px'><hr class='units_rule2'><img src='images/garden/garden_unit_text.png' style='margin-top:13px'></div><div id='gardenBackButton'><img src='images/cube_blue.png' class='backButtonGarden'><img src='images/gardens/g_back.png' class='backButtonGarden' style='position:relative; left:22px; top:11px;'></div> ";
	
	var htmlCube = "<div id='divCubeUnitText' style='display:none; margin-top:30px; width:204px'><hr class='units_rule1'><img src='images/cube/c_text.png'  style='margin-top:13px'></div><div id='cubeBackButton'><img src='images/gardens.png' class='backButtonCube'><img src='images/cube/c_back.png' style='position:relative; left:22px; top:11px;' class='backButtonCube'></div> ";
	
	function fadeInGardenBoxes(){
	
		cycleGardenPhotos();
		$("#div_garden_plans").fadeIn(300);
		$("#gardens_factsheet").append(htmlGarden);
		htmlGarden="";
		$("#divGardenUnitText").fadeIn(300);
		$("#unitboxGardens1").fadeIn(300);
		$("#unitboxGardens2").fadeIn(300);
		$("#unitboxGardens3").fadeIn(300);
		$("#gardenBackButton").fadeIn(300);
		
	}
	
	// fade in cube boxes
	
	function fadeInCubeBoxes(){
		$("#div_cube_plans").fadeIn(300);
		$("#cube_factsheet").append(htmlCube);
		htmlCube="";
		$("#divCubeUnitText").fadeIn(300);
		$("#unitboxCube1").fadeIn(300);
		$("#unitboxCube2").fadeIn(300);
		$("#unitboxCube3").fadeIn(300);
		$("#cubeBackButton").fadeIn(300);

	}
	
	
	
	
	
	
	
	
	
	
	
	// XML STUFF ----------------------------------------------------
	
	
	
	
	
	// Set up the arrays
	var database = [];
    var units = [];	
	
	// Open the xml file
	$.get("units.xml",{},function(xml){
		
		
        
        
        // Counter
        //var count = 0;
		var count = [];
	
		$('unit',xml).each(function() {
			
			// Handle text elements            
       	    count = $(this).attr("name");
       	    //alert(count);
       	    plan = $(this).find("plan").text();
   	        bedroom = $(this).find("bedroom").text();
            sqft = $(this).find("sqft").text();  
   	        rent = "Contact Us";
   	        
   	        //$(this).find("rent").text();
       		available = $(this).find("available").text();  
       		
     		//clear old units
     		units = [];
       		
       		// Populate the array
        	units.push(plan,bedroom,sqft,rent,available);
         	         
         
       	    database[count] = [];
         
            database[count].push(units);

            //count++;
            
        });
        
   
	 

	});
            
            

	// set mouseover behaviours on garden floorplans
	
	$('.units_gardenUnit').hover(
	
	( function(e) {
		var ref = (this.id).substr(1, 3); 
		gardenPopup(ref, e);
	}),
	
	( function(e) {
		var ref = (this.id).substr(1, 3); 
		gardenPopupOut(ref, e);
		//alert('out');
	})
	
	);
		
	function gardenPopup(unit, e) {
		//alert(e + " " + e.target.offsetLeft);
		//alert('clicked on ' + database[unit]);
		// make popupbox visible
		
		$('#popupBoxGardens').queue( [ ] ).stop()
		
		$('#popupBoxGardens').fadeTo(0,1);

		
		var xPos = e.target.offsetLeft - 61;
		var yPos = e.target.offsetTop - 112;

        $('#popupBoxGardens').css('left', xPos);
        $('#popupBoxGardens').css('top', yPos);
		
		
		
		
		$('#popGardenLayout').html("Layout: " + database[unit][0][0]);
		$('#popGardenBedrooms').html("Bedrooms: " + database[unit][0][1]);
		$('#popGardenLayout').css('top','26px');
		$('#popGardenRent').html("Rent: " + database[unit][0][3]);
		$('#popGardenRent').css('top','42px');
		$('#popGardenSqFt').html("Sq Feet: " + database[unit][0][2]);
		$('#popGardenSqFt').css('top','58px');
		$('#popGardenAvailable').html("Available: " + database[unit][0][4]);
		$('#popGardenAvailable').css('top','74px');
		
		$('#popupBoxGardens').fadeIn(200);
		
		
	}
	
	function gardenPopupOut(unit, e) {		
		$('#popupBoxGardens').queue( [ ] ).stop();
		$('#popupBoxGardens').fadeOut(200);
		
		
		
	}
	
	
	
	// set mouseover behaviours on cube floorplans
	
	$('.units_cubeUnit').hover(
	
	( function(e) {
		var ref = (this.id).substr(1, 3); 
		cubePopup(ref, e);
	}),
	
	( function(e) {
		var ref = (this.id).substr(1, 3); 
		cubePopupOut(ref, e);
		//alert('out');
	})
	
	);
		
	function cubePopup(unit, e) {
		//alert(e + " " + e.target.offsetLeft);
		//alert('clicked on ' + database[unit]);
		// make popupbox visible
		
		$('#popupBoxCube').queue( [ ] ).stop()
		
		$('#popupBoxCube').fadeTo(0,1);

		
		var xPos = e.target.offsetLeft - 55;
		var yPos = e.target.offsetTop - 112;

        $('#popupBoxCube').css('left', xPos);
        $('#popupBoxCube').css('top', yPos);
		
		
		
		
		$('#popCubeLayout').html("Layout: " + database[unit][0][0]);
		$('#popCubeBedrooms').html("Bedrooms: " + database[unit][0][1]);
		$('#popCubeLayout').css('top','26px');
		$('#popCubeRent').html("Rent: " + database[unit][0][3]);
		$('#popCubeRent').css('top','42px');
		$('#popCubeSqFt').html("Sq Feet: " + database[unit][0][2]);
		$('#popCubeSqFt').css('top','58px');
		$('#popCubeAvailable').html("Available: " + database[unit][0][4]);
		$('#popCubeAvailable').css('top','74px');
		
		$('#popupBoxCube').fadeIn(200);
		
		
	}
	
	function gardenPopupOut(unit, e) {		
		$('#popupBoxCube').queue( [ ] ).stop();
		$('#popupBoxCube').fadeOut(200);
		
		
		
	}
	
	// back button --------------------------------------------------------------------------------------------------------------
	
	$('.backButtonCube').live (
		'click', function() {
		backFromCube();
	});
	
	
	$('.backButtonGarden').live (
		'click', function() {
		backFromGardens();
	});
	
	
	
	function backFromCube() {
		$("#div_cube_plans").fadeOut(300);
		//$("#cube_factsheet").append(htmlCube);
		$("#divCubeUnitText").fadeOut(300);
		$("#unitboxCube1").fadeOut(300);
		$("#unitboxCube2").fadeOut(300);
		$("#unitboxCube3").fadeOut(300);
		$("#cubeBackButton").fadeOut(300);
		
		$("#div_dark_blue").animate({'width':'480'}, 800, 'easeOutExpo', function(){$("#units_middle_column").fadeTo(300, 1); $("#gardens_factsheet").fadeTo(300, 1);   });	
		
	}
	
	function backFromGardens() {
		$("#div_garden_plans").fadeOut(300);
		//$("#cube_factsheet").append(htmlCube);
		$("#divGardenUnitText").fadeOut(300);
		$("#unitboxGardens1").fadeOut(300);
		$("#unitboxGardens2").fadeOut(300);
		$("#unitboxGardens3").fadeOut(300);
		$("#gardenBackButton").fadeOut(300);
		$("#gardens_factsheet").animate({'left':'0px', 'width':'204px'}, 1000, 'easeOutExpo');
		
		$("#div_dark_blue").animate({'width':'480'}, 800, 'easeOutExpo', function(){$("#units_middle_column").fadeTo(300, 1); $("#cube_factsheet").fadeTo(300, 1);   });	
		
	}
	
	
	


	// gardens floorplan array
	
	var gardenPlans = ['unit_a.png', 'unit_a1.png', 'unit_b.png', 'unit_b1.png', 'unit_b2.png', 'unit_c.png', 'unit_c1.png', 'unit_c2.png', 'unit_d.png', 'unit_d1.png'];
	
	var gardenCount = 0;
	
	function cycleGardenPhotos() {
		
	
		$('#gardensImage1').hide();
		$('#gardensImage1').attr('src', 'images/gardens/' + gardenPlans[gardenCount]);
		$('#gardensImage1').fadeIn(300);
		gardenCount = increaseGardenCount();
		
		$('#gardensImage2').delay(100).hide().attr('src', 'images/gardens/' + gardenPlans[gardenCount]).fadeIn(300);
		gardenCount = increaseGardenCount();
		
		$('#gardensImage3').delay(200).hide().attr('src', 'images/gardens/' + gardenPlans[gardenCount]).fadeIn(300);		
		gardenCount = increaseGardenCount();
	
	}


	function increaseGardenCount() {
	
		gardenCount += 1;
	
		if (gardenCount >= 10) {
			gardenCount = 0;
		}
		
		return gardenCount;
		
	}
	
	
	
	
	// arrow click
	
	$('#gArrowLeft').click(function(){
		
		gardenCount -= 6;
				
		if (gardenCount <0) {
			gardenCount += 10;
		}
		
		cycleGardenPhotos();
		
	}); 
	
	$('#gArrowRight').click(function(){
	
		cycleGardenPhotos();
		
	
	});
	
	
	
	
	
	
	
	
	
	
	
	// cube floorplan array
	
	var cubePlans = ['unit_a.png', 'unit_a1.png', 'unit_a2.png', 'unit_a3.png', 'unit_c2.png', 'unit_e.png', 'unit_e1.png', 'unit_e2.png', 'unit_f.png', 'unit_f1.png'];
	
	var cubeCount = 0;
	
	function cycleCubePhotos() {
		
	
		$('#cubeImage1').hide();
		$('#cubeImage1').attr('src', 'images/cube/' + cubePlans[cubeCount]);
		$('#cubeImage1').fadeIn(300);
		cubeCount = increaseCubeCount();
		
		$('#cubeImage2').delay(100).hide().attr('src', 'images/cube/' + cubePlans[cubeCount]).fadeIn(300);
		cubeCount = increaseCubeCount();
		
		$('#cubeImage3').delay(200).hide().attr('src', 'images/cube/' + cubePlans[cubeCount]).fadeIn(300);		
		cubeCount = increaseCubeCount();
	
	}


	function increaseCubeCount() {
	
		cubeCount += 1;
	
		if (cubeCount >= 10) {
			cubeCount = 0;
		}
		
		return cubeCount;
		
	}
	
	
	
	
	// arrow click
	
	$('#cArrowLeft').click(function(){
		
		cubeCount -= 6;
				
		if (cubeCount <0) {
			cubeCount += 10;
		}
		
		cycleCubePhotos();
		
	}); 
	
	$('#cArrowRight').click(function(){
	
		cycleCubePhotos();
		
	
	});















	// FORM
	
	 $('#butForm').click(function() {
		//alert($("input#tFirstName").val());
		
		
		var dataString = 'tFirstName='+ $("input#tFirstName").val() + '&tLastName='+ $("input#tLastName").val() + '&tAddress='+ $("input#tAddress").val() + '&tCity='+ $("input#tCity").val() + '&tProvince='+ $("input#tProvince").val() + '&tCountry='+ $("input#tCountry").val() + '&tPostal='+ $("input#tPostal").val() + '&tEmail='+ $("input#tEmail").val() + '&tTelephone='+ $("input#tTelephone").val() + '&tFax='+ $("input#tFax").val();
  		//alert (dataString); //return false;
  		
  		$("#regForm").fadeTo(500, 0);
	    $("<div id='regFeedback'><p>Sending information...</p></div>").insertBefore($('#regForm'));
  		
  		$.ajax({
    		type: "POST",
    		url: "http://districtmain.com/email.php",
   			data: dataString,
   		    success: function() {
				$('#regFeedback').append('<p>Thanks! Your registration information has been sent.</p>');
     		}
    	}); 
    	
    	return false;
 	 
  
  	});
  	
  	//$('#mailLink').click(function(){
  		
  	
  	
  	
  //	});
		
		
		
		
		
			
	
	
});