$(document).ready(function(){	

	$(function() {
		$(".container").jCarouselLite({
			btnNext: ".next",
			btnPrev: ".prev",
			auto: 5000,
			speed: 1000,
			scroll: 3,
			visible: 5
	
		});
	});
	
	$("#slideshow_box .slide_box").hover(
		function(){
			$(this).addClass("slide_box_hover");
		},
		function(){
			$(this).removeClass("slide_box_hover");
		}
	);
	
	$(".searchbutton").hover(
		function(){
			var updateWidth = $(this).children("a").children("img").width()-4;
			var updateHeight = $(this).children("a").children("img").height()-2;
			$(this).children("a").children("img").css("width", updateWidth+"px");
			$(this).children("a").children("img").css("height", updateHeight+"px");
			$(this).children("a").children("img").css({"margin":"4px 0px 0px 8px"});
			$(this).children("a").children("img").addClass("mouseHovered");
		},
		function(){
			if($(this).children("a").children("img").hasClass("mouseHovered")){
				var updateWidth = $(this).children("a").children("img").width()+4;
				var updateHeight = $(this).children("a").children("img").height()+2;
				$(this).children("a").children("img").css("width", updateWidth+"px");
				$(this).children("a").children("img").css("height", updateHeight+"px");
				$(this).children("a").children("img").css("margin", "0px");
				$(this).children("a").children("img").removeClass("mouseHovered");
			}
		}
	);
	
	$("#newproptertylaunchimg>a>img").add("#privatepropertyforsaleimg>a>img").hover(
		function(){
			var updateWidth = $(this).width()-6;
			var updateHeight = $(this).height()-6;
			$(this).css("width", updateWidth+"px");
			$(this).css("height", updateHeight+"px");
			$(this).css({"margin":"0px 0px 3px 0px", "border":"3px solid #4B901C", "border-top":"none"});
			$(this).addClass("mouseHovered");
		},
		function(){
			if($(this).hasClass("mouseHovered")){
				var updateWidth = $(this).width()+6;
				var updateHeight = $(this).height()+6;
				$(this).css("width", updateWidth+"px");
				$(this).css("height", updateHeight+"px");
				$(this).css({"margin":"0px", "border":"none"});
				$(this).removeClass("mouseHovered");
			}
		}
	);
	
	var hdb = new Image();
	var hdbHover = new Image();
	hdb.src = "/sg/html/en-us/templates/landingpage/3220000/images/formtab1.jpg";
	hdbHover.src = "/sg/html/en-us/templates/landingpage/3220000/images/formtab1a.jpg";
	var landed = new Image();
	var landedHover = new Image();
	landed.src = "/sg/html/en-us/templates/landingpage/3220000/images/formtab2.jpg";
	landedHover.src = "/sg/html/en-us/templates/landingpage/3220000/images/formtab2a.jpg";
	var private = new Image();
	var privateHover = new Image();
	private.src = "/sg/html/en-us/templates/landingpage/3220000/images/formtab3.jpg";
	privateHover.src = "/sg/html/en-us/templates/landingpage/3220000/images/formtab3a.jpg";
	var commercial = new Image();
	var commercialHover = new Image();
	commercial.src = "/sg/html/en-us/templates/landingpage/3220000/images/formtab4.jpg";
	commercialHover.src = "/sg/html/en-us/templates/landingpage/3220000/images/formtab4a.jpg";
		
		$("#formtabs img.tab_hdb").mouseover(													 
			function(){
				$("#formtabs img.tab_landed").attr("src", landed.src);
				$("#formtabs img.tab_private").attr("src", private.src);
				$("#formtabs img.tab_commercial").attr("src", commercial.src);
				$(this).attr("src", hdbHover.src);
				$("#formcontent>.form_hdb").css("display", "block");
				$("#formcontent").children(".form_landed, .form_private, .form_commercial").css("display", "none");
			}
		);
		$("#formtabs img.tab_landed").mouseover(													 
			function(){
				$("#formtabs img.tab_hdb").attr("src", hdb.src);
				$("#formtabs img.tab_private").attr("src", private.src);
				$("#formtabs img.tab_commercial").attr("src", commercial.src);
				$(this).attr("src", landedHover.src);
				$("#formcontent>.form_landed").css("display", "block");
				$("#formcontent").children(".form_hdb, .form_private, .form_commercial").css("display", "none");
			}
		);
		$("#formtabs img.tab_private").mouseover(													 
			function(){
				$("#formtabs img.tab_hdb").attr("src", hdb.src);
				$("#formtabs img.tab_landed").attr("src", landed.src);
				$("#formtabs img.tab_commercial").attr("src", commercial.src);
				$(this).attr("src", privateHover.src);
				$("#formcontent>.form_private").css("display", "block");
				$("#formcontent").children(".form_hdb, .form_landed, .form_commercial").css("display", "none");
			}
		);
		$("#formtabs img.tab_commercial").mouseover(													 
			function(){
				$("#formtabs img.tab_hdb").attr("src", hdb.src);
				$("#formtabs img.tab_landed").attr("src", landed.src);
				$("#formtabs img.tab_private").attr("src", private.src);
				$(this).attr("src", commercialHover.src);
				$("#formcontent>.form_commercial").css("display", "block");
				$("#formcontent").children(".form_hdb, .form_landed, .form_private").css("display", "none");
			}
		);
});

    StringBuilder = function() {
        this._strings = new Array();
        
        this.append = function(str) {
            this._strings.push(str);
        }
            
        this.toString = function() {
            var separator = arguments.length == 0 ? "" : arguments[0];
            return this._strings.join(separator);
        }
    };


    function search(catId, catName, subCatId, subCatName, containerId) {
    
        var form = document.getElementById("aspnetForm");
        if (!form) return;
		
		if(containerId == "formHdbSearch"){
			var radioSaleRent = document.getElementsByName("hdbSaleRent");
			if(radioSaleRent[1].value == "rent" && radioSaleRent[1].checked){
				subCatId = 3220100;
				subCatName = "HDB-For-Rent";
			}
		}
		else if(containerId == "formLandedSearch"){
			var radioSaleRent = document.getElementsByName("landedSaleRent");
			if(radioSaleRent[1].value == "rent" && radioSaleRent[1].checked){
				subCatId = 3221300;
				subCatName = "Landed-Property-For-Rent";
			}
		}
		else if(containerId == "formPrivateSearch"){
			var radioSaleRent = document.getElementsByName("privateSaleRent");
			if(radioSaleRent[1].value == "rent" && radioSaleRent[1].checked){
				subCatId = 3221600;
				subCatName = "Private-Property-For-Rent";
			}
		}
		else if(containerId == "formCommercialSearch"){
			var radioSaleRent = document.getElementsByName("commercialSaleRent");
			if(radioSaleRent[1].value == "rent" && radioSaleRent[1].checked){
				subCatId = 3220700;
				subCatName = "Commercial-Property-For-Rent";
			}
		}
		
        var container = document.getElementById(containerId);

        if (dataCheck(container)) {        

            var postData = "CatID=" + catId + "&SubCatID=" + subCatId;
            if(getData(container) != ""){
				postData = postData + "&" + getData(container);
				var reg = /&qu_propertyage=0/;
				postData = postData.replace(reg, "");
				var reg_2 = /&qu_bedroom=0/;
				postData = postData.replace(reg_2, "");
				if(containerId == "formHdbSearch"){
					var reg_3 = /&hdbSaleRent=[^&]+/;
					postData = postData.replace(reg_3, "");
				}
				else if(containerId == "formLandedSearch"){
					var reg_3 = /&landedSaleRent=[^&]+/;
					postData = postData.replace(reg_3, "");
				}
				else if(containerId == "formPrivateSearch"){
					var reg_3 = /&privateSaleRent=[^&]+/;
					postData = postData.replace(reg_3, "");
				}
				else if(containerId == "formCommercialSearch"){
					var reg_3 = /&commercialSaleRent=[^&]+/;
					postData = postData.replace(reg_3, "");
				}
			}

            var keyword = "";
            var pattern = /keyword=([^&]+)/;
            var match = pattern.exec(postData);
            if (match) {
                keyword = match[1];
                //postData = postData.replace(pattern, "");
            }

            createHiddenField("_ctl0:DB88ContentHolder:AdlistingParameter", postData, container);

            var actionUrl = "/<#catname>/<#subcatname>/<#keyword>/1/";
            //cat
            if (catName.length > 0) {
                actionUrl = actionUrl.replace("<#catname>", catName);
            } else {
                actionUrl = actionUrl.replace("<#catname>/", "");
            }

            //subcat
            if (subCatName.length > 0) {
                actionUrl = actionUrl.replace("<#subcatname>", subCatName);
            } else {
                actionUrl = actionUrl.replace("<#subcatname>/", "");
            }

            //keyword
            if (keyword.length > 0) {
                actionUrl = actionUrl.replace("<#keyword>", "q-" + keyword);
            } else {
                actionUrl = actionUrl.replace("<#keyword>/", "");
            }

            form.action = actionUrl;
            form.method = "post";
			/*alert(document.getElementById("_ctl0:DB88ContentHolder:AdlistingParameter").value);*/
            form.submit();
        } else {
            alert("Must input keyword or select a condition.");
            return false;
        }
    }

    function createHiddenField(fieldName, fieldValue, container) {
        var el = document.createElement("input");
        el.type = "text";
        el.id = fieldName;
        el.name = fieldName;
        el.size = 100;
        el.value = fieldValue;
        el.style.display = "none";
        container.appendChild(el);
    }


    function dataCheck(container) {
        return true;
    }

    function getData(container) {
        var sbData = new StringBuilder();
        var fields;
        if (container.tagName.toLowerCase() == "form") {
            fields = dataContainer.elements;
        } else {
            fields = getDataElements(container);
        }
        for (var i = 0; s = fields.length, i < s; i++) {
            if ((name = fields[i].name) && (value = fields[i].value)) {
                if(value == "-1"){
					continue;
				}
				else{
					sbData.append(name + "=" + encodeURIComponent(value));
				}
            }
        }
        return sbData.toString("&");
    }

    function getDataElements(container) {
	    var children = [];
	    var index = 0;

        var inputs = container.getElementsByTagName("input");
        for (var i=0; i<inputs.length; i++) {
            var inputType = inputs[i].type;
            if (inputType == "hidden" || inputType == "password" || inputType == "checkbox" || inputType == "radio" || inputType == "text") {
                if (inputType == "radio") {
                if (inputs[i].checked) {
                    children[index] = inputs[i];
                    index++;
                }
                } else {

                children[index] = inputs[i];
                index++;
                }
            }
        }

        var selects = container.getElementsByTagName("select");
        for (var i=0;i<selects.length;i++) {
            children[index] = selects[i];
            index++;
        }

        var textareas = container.getElementsByTagName("textarea");
            for (var i=0;i<textareas.length;i++) {
            children[index] = textareas[i];
            index++;
        }

        return children;
    }