$(document).ready(
				  
	  function(){
		  
		   $(".slide_tab").jCarouselLite
		   ({
								btnNext: ".next_mortor",
								btnPrev: ".prev_mortor",
								auto: 1000,
								speed: 1000,
								scroll: 1,
								visible: 4
					
	  		});	
		   $("#video_thumb").jCarouselLite
						   ({
								btnNext: ".next2",
								btnPrev: ".prev2",								
								speed: 1000,
								scroll: 1,
								visible: 3
					
			});	
			 $("#video").jCarouselLite
			({
								btnNext: ".next2",
								btnPrev: ".prev2",								
								speed: 1000,
								scroll: 1,
								visible: 1
					
			});	
			
			
		$(".container").jCarouselLite({
			btnNext: ".next",
			btnPrev: ".prev",
			auto: 5000,
			speed: 1000,
			scroll: 2,
			visible: 5
	
		});		
		
		$("#channelbox_content p.sub-cat").mouseover(function()
		{
			$(this).addClass("hover_img");			
		 });
		$("#channelbox_content p.sub-cat").mouseout(function()
		{
			$(this).removeClass("hover_img");			
		 }); 
		
		/*******************************************/
		var img_a = new Image();	
		var img_a2 = new Image();	
		img_a.src = "/sg/html/en-us/templates/landingpage/3010000/images/a.jpg";		
		img_a2.src = "/sg/html/en-us/templates/landingpage/3010000/images/a1.png";	
		
		var img_c = new Image();	
		var img_c2 = new Image();	
		img_c.src = "/sg/html/en-us/templates/landingpage/3010000/images/c.jpg";		
		img_c2.src = "/sg/html/en-us/templates/landingpage/3010000/images/c2.png";	
		
		var img_e = new Image();	
		var img_e2 = new Image();	
		img_e.src = "/sg/html/en-us/templates/landingpage/3010000/images/e.jpg";		
		img_e2.src = "/sg/html/en-us/templates/landingpage/3010000/images/e2.png";	
		
		var img_g = new Image();	
		var img_g2 = new Image();	
		img_g.src = "/sg/html/en-us/templates/landingpage/3010000/images/g.jpg";		
		img_g2.src = "/sg/html/en-us/templates/landingpage/3010000/images/g2.png";	
			
		
		$("#mortoring_spotlight #tab .b").click(function()
		{			
			$(this).addClass("tab_hover");
			$(this).removeClass("tab");			
						
			$("#mortoring_spotlight #tab .d").addClass("tab");			
			$("#mortoring_spotlight #tab .d").removeClass("tab_hover");
			
			$("#mortoring_spotlight #tab .f").addClass("tab");
			$("#mortoring_spotlight #tab .f").removeClass("tab_hover");				
					
			$("#mortoring_spotlight #tab .d").addClass("tab");
			
			$("#mortoring_spotlight #content1").css("display","block");
			$("#mortoring_spotlight #content2").css("display","none");
			$("#mortoring_spotlight #content3").css("display","none");
			
			$("#mortoring_spotlight #tab .a img").attr("src",img_a.src);
			$("#mortoring_spotlight #tab .c img").attr("src",img_c.src);	
			$("#mortoring_spotlight #tab .e img").attr("src",img_e.src);
			$("#mortoring_spotlight #tab .g img").attr("src",img_g.src);
			
		} );
		
		$("#mortoring_spotlight #tab .b").mouseover(function()
		{
			$(this).addClass("tab_hover");
			$(this).removeClass("tab");			
						
			$("#mortoring_spotlight #tab .d").addClass("tab");			
			$("#mortoring_spotlight #tab .d").removeClass("tab_hover");
			
			$("#mortoring_spotlight #tab .f").addClass("tab");
			$("#mortoring_spotlight #tab .f").removeClass("tab_hover");				
					
			$("#mortoring_spotlight #tab .d").addClass("tab");
			
			$("#mortoring_spotlight #content1").css("display","block");
			$("#mortoring_spotlight #content2").css("display","none");
			$("#mortoring_spotlight #content3").css("display","none");
			
			$("#mortoring_spotlight #tab .a img").attr("src",img_a.src);
			$("#mortoring_spotlight #tab .c img").attr("src",img_c.src);
			$("#mortoring_spotlight #tab .e img").attr("src",img_e.src);
			$("#mortoring_spotlight #tab .g img").attr("src",img_g.src);
			
		} );
		
		/**************************/
		
		$("#mortoring_spotlight #tab .d").click(function()
		{	
			$(this).removeClass("tab");
			$(this).addClass("tab_hover");			
			
			$("#mortoring_spotlight #tab .b").removeClass("tab_hover");
			$("#mortoring_spotlight #tab .b").addClass("tab");			
			
			$("#mortoring_spotlight #tab .f").addClass("tab");			
			$("#mortoring_spotlight #tab .f").removeClass("tab_hover");	
			
			$("#mortoring_spotlight #tab .a img").attr("src",img_a2.src);
			$("#mortoring_spotlight #tab .c img").attr("src",img_c2.src);
			$("#mortoring_spotlight #tab .e img").attr("src",img_e2.src);
			$("#mortoring_spotlight #tab .g img").attr("src",img_g.src);
			
			$("#mortoring_spotlight #content1").css("display","none");
			$("#mortoring_spotlight #content2").css("display","block");
			$("#mortoring_spotlight #content3").css("display","none");
			
		$(".slide_tab_repair").jCarouselLite
		   ({
								btnNext: ".next_repair",
								btnPrev: ".prev_repair",
								auto: 0,
								speed: 1000,
								scroll: 1,
								visible: 4
					
	  		});	
		
			
		});
		$("#mortoring_spotlight #tab .d").mouseover(function()
		{	
			$(this).removeClass("tab");
			$(this).addClass("tab_hover");			
			
			$("#mortoring_spotlight #tab .b").removeClass("tab_hover");
			$("#mortoring_spotlight #tab .b").addClass("tab");			
			
			$("#mortoring_spotlight #tab .f").addClass("tab");			
			$("#mortoring_spotlight #tab .f").removeClass("tab_hover");	
						
			$("#mortoring_spotlight #content1").css("display","none");
			$("#mortoring_spotlight #content2").css("display","block");
			$("#mortoring_spotlight #content3").css("display","none");
			
			$("#mortoring_spotlight #tab .a img").attr("src",img_a2.src);
			$("#mortoring_spotlight #tab .c img").attr("src",img_c2.src);
			$("#mortoring_spotlight #tab .e img").attr("src",img_e2.src);
			$("#mortoring_spotlight #tab .g img").attr("src",img_g.src);
			
		$(".slide_tab_repair").jCarouselLite
		   ({
								btnNext: ".next_repair",
								btnPrev: ".prev_repair",
								auto: 0,
								speed: 1000,
								scroll: 1,
								visible: 4
					
	  		});	
		
			
		});
		/**************************/
		$("#mortoring_spotlight #tab .f").click(function()
		{	
			$(this).removeClass("tab");
			$(this).addClass("tab_hover");			
			
			$("#mortoring_spotlight #tab .b").removeClass("tab_hover");
			$("#mortoring_spotlight #tab .b").addClass("tab");
			
			$("#mortoring_spotlight #tab .d").addClass("tab");			
			$("#mortoring_spotlight #tab .d").removeClass("tab_hover");
						
			$("#mortoring_spotlight #content1").css("display","none");
			$("#mortoring_spotlight #content2").css("display","none");
			$("#mortoring_spotlight #content3").css("display","block");
			
				$("#mortoring_spotlight #tab .a img").attr("src",img_a2.src);
			$("#mortoring_spotlight #tab .c img").attr("src",img_e.src);
			$("#mortoring_spotlight #tab .e img").attr("src",img_c2.src);
			$("#mortoring_spotlight #tab .g img").attr("src",img_g2.src);
			
			$(".slide_tab_spare").jCarouselLite
		   ({
								btnNext: ".next_spare",
								btnPrev: ".prev_spare",
								auto: 0,
								speed: 1000,
								scroll: 1,
								visible: 4
					
	  		});
		   
		} );
		
		$("#mortoring_spotlight #tab .f").mouseover(function()
		{	
			$(this).removeClass("tab");
			$(this).addClass("tab_hover");			
			
			$("#mortoring_spotlight #tab .b").removeClass("tab_hover");
			$("#mortoring_spotlight #tab .b").addClass("tab");
			
			$("#mortoring_spotlight #tab .d").addClass("tab");			
			$("#mortoring_spotlight #tab .d").removeClass("tab_hover");
			
				$("#mortoring_spotlight #tab .a img").attr("src",img_a2.src);
			$("#mortoring_spotlight #tab .c img").attr("src",img_e.src);
			$("#mortoring_spotlight #tab .e img").attr("src",img_c2.src);
			$("#mortoring_spotlight #tab .g img").attr("src",img_g2.src);
			
			$("#mortoring_spotlight #content1").css("display","none");
			$("#mortoring_spotlight #content2").css("display","none");
			$("#mortoring_spotlight #content3").css("display","block");
			
			$(".slide_tab_spare").jCarouselLite
		   ({
								btnNext: ".next_spare",
								btnPrev: ".prev_spare",
								auto: 0,
								speed: 1000,
								scroll: 1,
								visible: 4
					
	  		});
		   
		} );
		 
		/***********************************************/ 
		/******************************************/   
	/*    var prev = new Image();	
		var prev_hover = new Image();	
		prev.src = "/sg/html/en-us/templates/landingpage/3010000/images/prev_mortoring.jpg";		
		prev_hover.src = "/sg/html/en-us/templates/landingpage/3010000/images/prev_mortoring_hover.jpg";	
		
		var next = new Image();		
		var next_hover = new Image();	
		next.src = "/sg/html/en-us/templates/landingpage/3010000/images/next_mortoring.jpg";
		next_hover.src = "/sg/html/en-us/templates/landingpage/3010000/images/next_mortoring_hover.jpg";	
		
		$("input.prev_mortor").click(function()
		{
			$(this).attr("src",prev_hover.src);
			$("input.next_mortor").attr("src",next.src);
			
		});
		$("input.next_mortor").click(function()
		{
			$(this).attr("src",next_hover.src);
			$("input.prev_mortor").attr("src",prev.src);	
		});*/
		
		/*******************************************/
		
		/*$("#mortoring_spotlight #tab .b").hover(function()
		{
			$("#mortoring_spotlight #tab .a").addClass("a2");
			$(this).addClass("tab_hover");
			$(this).removeClass("tab");			
						
			$("#mortoring_spotlight #tab .d").addClass("tab");			
			$("#mortoring_spotlight #tab .d").removeClass("tab_hover");
			
			$("#mortoring_spotlight #tab .f").addClass("tab");
			$("#mortoring_spotlight #tab .f").removeClass("tab_hover");
						
			$("#mortoring_spotlight #tab .c").addClass("c2");
			$("#mortoring_spotlight #tab .d").addClass("tab");
			$("#mortoring_spotlight #tab .e").addClass("e1");
			
			$("#mortoring_spotlight #tab .g").addClass("g1");
			
		} );*/
		
		/**************************/
		
		/*$("#mortoring_spotlight #tab .d").hover(function()
		{	
			$(this).removeClass("tab");
			$(this).addClass("tab_hover");			
			
			$("#mortoring_spotlight #tab .b").removeClass("tab_hover");
			$("#mortoring_spotlight #tab .b").addClass("tab");			
			
			$("#mortoring_spotlight #tab .f").addClass("tab");			
			$("#mortoring_spotlight #tab .f").removeClass("tab_hover");	
			
			$("#mortoring_spotlight #tab .e").addClass("e2");
			$("#mortoring_spotlight #tab .a").addClass("a2");
			
		} );*/
		
		/**************************/
		
		
		/*$("#mortoring_spotlight #tab .f").hover(function()
		{	
			$(this).removeClass("tab");
			$(this).addClass("tab_hover");			
			
			$("#mortoring_spotlight #tab .b").removeClass("tab_hover");
			$("#mortoring_spotlight #tab .b").addClass("tab");
			
			$("#mortoring_spotlight #tab .d").addClass("tab");			
			$("#mortoring_spotlight #tab .d").removeClass("tab_hover");
			
			$("#mortoring_spotlight #tab .g").addClass("g2");	
			$("#mortoring_spotlight #tab .a").addClass("a2");
			
			
		} );*/


	/*var usedCars = new Image();
	var usedCarsHover = new Image();
	usedCarsHover.src = "/sg/html/en-us/templates/landingpage/3010000/images/bg-usetabhover.gif";
	usedCars.src = "/sg/html/en-us/templates/landingpage/3010000/images/bg-usetab.gif";
	
	var newCars = new Image();
	var newCarsHover = new Image();
	newCars.src = "/sg/html/en-us/templates/landingpage/3010000/images/bg-ownertab.gif";
	newCarsHover.src = "/sg/html/en-us/templates/landingpage/3010000/images/bg-ownertabhover.gif";
	
	var motorbikes = new Image();
	var motorbikesHover = new Image();
	motorbikes.src = "/sg/html/en-us/templates/landingpage/3010000/images/bg-motortab.gif";
	motorbikesHover.src = "/sg/html/en-us/templates/landingpage/3010000/images/bg-motortabhover.gif";
		
		$(".formtabs ul.use>li.usecar").mouseout(function()
												 {
													 $(".formtabs ul>li.usecar").removeClass("hselected");
												 });
		$(".formtabs ul.mortor>li.motor").mouseout(function()
												 {
													 $(".formtabs ul>li.motor").removeClass("hselected");
												 });
		$(".formtabs ul.owner>li.owner").mouseout(function()
												 {
													 $(".formtabs ul>li.owner").removeClass("hselected");
												 });
		
		$(".formtabs ul.use>li.usecar").mouseover(													 
			function(){
				$(".formtabs ul>li").removeClass("hselected");
				$(".formtabs ul>li.usecar").addClass("hselected");			
			}
		);	
		
		$(".formtabs ul.owner>li.owner").mouseover(													 
			function(){
				$(".formtabs ul>li").removeClass("hselected");
				$(".formtabs ul>li.owner").addClass("hselected");				
			}
		);	
		
		
		$(".formtabs ul.mortor>li.motor").mouseover(													 
			function(){
				$(".formtabs ul>li").removeClass("hselected");
				$(".formtabs ul>li.motor").addClass("hselected");
			}
		);			
		
		
		$(".formtabs ul.use>li").click(													 
			function(){
				$(".formtabs img.tab_owner").attr("src", newCars.src);
				$(".formtabs img.tab_motorbikes").attr("src", motorbikes.src);
				$(".formtabs ul.use").css("margin-top","-40px");
				
				$(".formtabs ul>li").removeClass("cselected");
				$(".formtabs ul>li.usecar").addClass("cselected");				
								
				$(".formtabs ul>li.usecar").css("cursor","default");
				$(".formtabs ul>li.mortor").css("cursor","pointer");
				$(".formtabs ul>li.owner").css("cursor","pointer");
				
				$(".formtabs ul.owner").css("margin-top","-27px");
				$(".formtabs ul.mortor").css("margin-top","-27px");
				$(".formtabs img.tab_used").attr("src", usedCarsHover.src);
				$(".formcontent>.form_used").css("display", "block");
				$(".formcontent").children(".form_new, .form_motorbikes").css("display", "none");
			}
		);
		$(".formtabs ul.owner>li").click(													 
			function(){
				$(".formtabs img.tab_used").attr("src", usedCars.src);
				$(".formtabs img.tab_motorbikes").attr("src", motorbikes.src);
				
				$(".formtabs ul>li").removeClass("cselected");
				$(".formtabs ul>li.owner").addClass("cselected");	
								
				$(".formtabs ul.use").css("margin-top","-27px");
				$(".formtabs ul.owner").css("margin-top","-40px");
				$(".formtabs ul.mortor").css("margin-top","-27px");
				
				$(".formtabs ul>li.usecar").css("cursor","pointer");
				$(".formtabs ul>li.motor").css("cursor","pointer");
				$(".formtabs ul>li.owner").css("cursor","default");				
				$(".formtabs img.tab_owner").attr("src", newCarsHover.src);
				$(".formcontent>.form_new").css("display", "block");
				$(".formcontent").children(".form_used, .form_motorbikes").css("display", "none");
			}
		);
		$(".formtabs ul.mortor>li").click(													 
			function(){
				$(".formtabs img.tab_used").attr("src", usedCars.src);
				$(".formtabs img.tab_owner").attr("src", newCars.src);	
				
				$(".formtabs ul>li").removeClass("cselected");
				$(".formtabs ul>li.motor").addClass("cselected");	
							
				$(".formtabs ul.use").css("margin-top","-27px");
				$(".formtabs ul.owner").css("margin-top","-27px");
				$(".formtabs ul.mortor").css("margin-top","-40px");
				
				$(".formtabs ul>li.usecar").css("cursor","pointer");
				$(".formtabs ul>li.motor").css("cursor","default");
				$(".formtabs ul>li.owner").css("cursor","pointer");
				$(".formtabs img.tab_motorbikes").attr("src", motorbikesHover.src);
				$(".formcontent>.form_motorbikes").css("display", "block");
				$(".formcontent").children(".form_used, .form_new").css("display", "none");
			}
		);*/
		
		$("input#submitLoan").click(function(){
			var amount = parseFloat($("input:text.amount").val());
			var long = parseFloat($("input:text#long").val());
			var rate = parseFloat($("input:text#rate").val());
			
			if(!checkValue(amount, 100, 10000000, "Amount loan")){
				return false;
			}
			if(!checkValue(long, 1, 10, "How long")){
				return false;
			}
			if(!checkValue(rate, 0.001, 99, "Interest rate")){
				return false;
			}
			
			var total = amount + amount*long*rate/100;
			installment = Math.round(total/(12*long));
			
			$("input#installment").val(installment);
			return false;
		});
		
		function checkValue(value, minValue, maxValue, fieldName){
			if(isNaN(value)){
				alert(fieldName+" requires valid input.");
				return false;
			}
			else if(value<minValue || value>maxValue){
				alert(fieldName + " is not in range ["+minValue+", "+maxValue+"].");
				return false;
			}
			else{
				return true;	
			}
		}
		
      user_car=new Image();	 
	  user_car_hover=new Image();	 
	  user_car.src="/sg/html/en-us/templates/landingpage/3010000/images/tab_usecar.gif";
	  user_car_hover.src="/sg/html/en-us/templates/landingpage/3010000/images/tab_usecar_hover.gif";
	  
	  mortor=new Image();	 
	  mortor_hover=new Image();	 
	  mortor.src="/sg/html/en-us/templates/landingpage/3010000/images/tab_mortorbike.gif";
	  mortor_hover.src="/sg/html/en-us/templates/landingpage/3010000/images/tab_mortorbike_hover.gif";
	  			  
	   $("#header #use_car").click(function()
		 {
			   $("#car_mortor #use_car img").addClass("hover_img");
			   $("#car_mortor #mortorbike img").removeClass("hover_img");
			   
			   $("#car_mortor #use_car img.hover_img").attr("src",user_car_hover.src);
			   $("#car_mortor #mortorbike img").attr("src",mortor.src);	
			   
			   $("#car_mortor #use_car_content").css("display","block");
    		   $("#car_mortor #mortorbike_content").css("display","none");  
			   		   
		 });
	   	
	    $("#header #mortorbike").click(function()
		 {
			   $("#car_mortor #use_car img").removeClass("hover_img");
			   $("#car_mortor #mortorbike img").addClass("hover_img");
			   
			   $("#car_mortor #use_car img").attr("src",user_car.src);
			   $("#car_mortor #mortorbike img.hover_img").attr("src",mortor_hover.src);
			   
			   $("#car_mortor #use_car_content").css("display","none");
    		   $("#car_mortor #mortorbike_content").css("display","block"); 
		 });
		
		/****************************/
		
});

    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;

        var container = document.getElementById(containerId);

        if (dataCheck(container)) {        

            var postData = "CatID=" + catId + "&SubCatID=" + subCatId;
            if(getData(container) != ""){
				postData = postData + "&" + getData(container);
				var reg = /&qu_vehicle_type=0/;
				postData = postData.replace(reg, "");
				var reg_2 = /&qu_dealer=0/;
				postData = postData.replace(reg_2, "");
			}

            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);*/
			$('#__VIEWSTATE').remove();
            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 in selects) {
            children[index] = selects[i];
            index++;
        }

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

        return children;
    }