// JavaScript Document

function PopupCenter(pageURL, title,w,h) {
	var left = (screen.width/2)-(w/2);
	var top = (screen.height/2)-(h/2);
	var targetWin = window.open (pageURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);

} 

function only_number(evt) {
	evt = (evt) ? evt : window.event
	var charCode = (evt.which) ? evt.which : evt.keyCode
	if (charCode > 31 && (charCode < 48 || charCode > 57)) {
		status = "This field accepts numbers only."
		return false
	}
	status = ""
	return true
}

function validateEmail(email) { 
    var re = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
    return re.test(email);
} 


$(document).ready(function () {


//HOME REQUEST FORM
	$("#panel3 h4").click(function () {
		$("#panelpopup").show("slow");
	});
	$("#panelpopup #close").click(function () {
		$("#panelpopup").hide("slow");
	});

// HOME VIDEO

	$("#homevideo").jCarouselLite({
        auto: 4000,
    	speed: 1000,
		visible: 1
    });

// VIDEO 

	$("#videoposts").jCarouselLite({
        btnNext: "#arrownext",
        btnPrev: "#arrowprev",
		visible: 3
    });
	
// CAR
	$("#panelright .carthumb img").hover(function () {
    	$(this).css({'width' : '65px', 'margin' : '-5px 0 0 -5px'});
  	}, function () {
    	$(this).css({'width' : '55px', 'margin' : '0'});
  	});
	$("#car3 #panelright .carthumb img").hover(function () {
    	$(this).css({'width' : '60px', 'margin' : '-5px 0 0 -5px'});
  	}, function () {
    	$(this).css({'width' : '50px', 'margin' : '0'});
  	});

// CAR 1 / STYLISH
// CAR 2 / FEATURES
// CAR 4 / PERFORMANCE AND SAFETY

	
	$('#car1thumb1').click(function () {
		$("#imagebig").html("<img src='images/stylish_automirror.gif' width='120' />");
		$("#imagetitle").html("Body Color Electric Mirror with Turning Lamp");
		$("#imagedesc").html("Desain baru lebih dinamis dan berkelas layaknya sedan premium.");
	});
	$('#car1thumb2').click(function () {
		$("#imagebig").html("<img src='images/stylish_projectorheadlamp.gif' width='120' />");
		$("#imagetitle").html("Projector Headlamp");
		$("#imagedesc").html("Tampilan lebih sporty layaknya sedan premium, dengan pencahayaan yang lebih fokus dan aman bagi pengendara lain.");
	});
	$('#car1thumb3').click(function () {
		$("#imagebig").html("<img src='images/stylish_chromeornament.gif' width='120' />");
		$("#imagetitle").html("Chrome Ornament Front Grille");
		$("#imagedesc").html("Desain front grille lebih <em>eye-catching</em> dan penampilan depan semakin <em>stylish</em>.");
	});
	$('#car1thumb4').click(function () {
		$("#imagebig").html("<img src='images/stylish_roundfoglamps.gif' width='120' />");
		$("#imagetitle").html("Sporty Fog Lamps");
		$("#imagedesc").html("Lampu kabut dengan desain sedan sporty premium, lebih mewah dan elegan, lebih terang karena menggunakan multi reflector.");
	});
	$('#car1thumb5').click(function () {
		$("#imagebig").html("<img src='images/stylish_rearledlamps.gif' width='120' />");
		$("#imagetitle").html("LED Rear Lamps");
		$("#imagedesc").html("Menjadikan lampu belakang terlihat semakin sporty, mewah, dan sinar lebih jelas saat melakukan pengereman.");
	});
	$('#car1thumb6').click(function () {
		$("#imagebig").html("<img src='images/stylish_griptypedoorhandle.gif' width='120' />");
		$("#imagetitle").html("Grip Type Door Handle");
		$("#imagedesc").html("Desain jendela samping baru lebih sporty, untuk yang berjiwa dinamis.");
	});
	$('#car1thumb7').click(function () {
		$("#imagebig").html("<img src='images/stylish_alloyrims1.gif' width='120' />");
		$("#imagetitle").html("Stylish Alloy Wheel");
		$("#imagedesc").html("Desain velg baru yang lebih dinamis dan berkelas.");
	});
	$('#car1thumb8').click(function () {
		$("#imagebig").html("<img src='images/stylish_roofantenna.gif' width='120' />");
		$("#imagetitle").html("Roof Antenna");
		$("#imagedesc").html("Desain roof antenna yg sylish sekelas kendaraan city car premium.");
	});


	$('#car2thumb1').click(function () {
		$("#imagebig").html("<img src='images/performance_electricpower.gif' width='120' />");
		$("#imagetitle").html("Integrated Audio with Bluetooth, MP3 Player &amp; USB Function");
		$("#imagedesc").html("Fungsi Audio makin canggih mengikuti trend mobil masa kini.");
	});
	$('#car2thumb2').click(function () {
		$("#imagebig").html("<img src='images/features_optitronmetercombination.gif' width='120' />");
		$("#imagetitle").html("Optitron Meter Combination");
		$("#imagedesc").html("Desain mewah dengan tampilan futuristik, serta sangat informatif, sesuai bagi yang berjiwa muda, dinamis, dan trendy.");
	});
	$('#car2thumb3').click(function () {
		$("#imagebig").html("<img src='images/features_mid.gif' width='120' />");
		$("#imagetitle").html("Multi Information Display")
		$("#imagedesc").html("Informasi konsumsi bahan bakar &amp; estimasi jarak yang dapat ditempuh.");;
	});
	$('#car2thumb4').click(function () {
		$("#imagebig").html("<img src='images/features_indashtrayat.gif' width='120' />");
		$("#imagetitle").html("Indash A/T Shift Lever with Shift Lock");
		$("#imagedesc").html("Posisi gear shift di dashboard membuat penampilan semakin mewah dan canggih, diperkuat dengan aksen krom yang stylish.");
	});
	$('#car2thumb5').click(function () {
		$("#imagebig").html("<img src='images/features_tiltsteering.gif' width='120' />");
		$("#imagetitle").html("Tilt Steering");
		$("#imagedesc").html("Memberikan kenyamanan bagi pengemudi.");
	});
	$('#car2thumb6').click(function () {
		$("#imagebig").html("<img src='images/features_seathighadjuster.gif' width='120' />");
		$("#imagetitle").html("Seat Height Adjuster</h4>");
		$("#imagedesc").html("Kursi pengemudi dapat diatur ketinggiannya sesuai dengan keinginan dan kenyamanan saat berkendara.");
	});
	$('#car2thumb7').click(function () {
		$("#imagebig").html("<img src='images/features_underseattray.gif' width='120' />");
		$("#imagetitle").html("Under Seat Tray");
		$("#imagedesc").html("Tempat penyimpanan yang praktis untuk menyimpan sepatu/sandal Anda.");
	});
	$('#car2thumb8').click(function () {
		$("#imagebig").html("<img src='images/features_centerclustersmallat.gif' width='120' />");
		$("#imagetitle").html("Center Cluster Small Compartment (A/T)");
		$("#imagedesc").html("Desain baru center cluster lebih modern dan mewah.");
	});
	$('#car2thumb9').click(function () {
		$("#imagebig").html("<img src='images/features_centerclustersmallmt.gif' width='120' />");
		$("#imagetitle").html("Center Cluster Small Compartment (M/T)");
		$("#imagedesc").html("Desain baru center cluster lebih modern dan mewah.");
	});
	$('#car2thumb10').click(function () {
		$("#imagebig").html("<img src='images/features_shoppinghook.gif' width='120' />");
		$("#imagetitle").html("Shopping Hook");
		$("#imagedesc").html("Beban maksimum 3 kg.");
	});
	$('#car2thumb11').click(function () {
		$("#imagebig").html("<img src='images/features_vanitymirror.gif' width='120' />");
		$("#imagetitle").html("Vanity Mirror");
		$("#imagedesc").html("Di sisi pengemudi &amp; penumpang.");
	});
	$('#car2thumb12').click(function () {
		$("#imagebig").html("<img src='images/features_glovebox.gif' width='120' />");
		$("#imagetitle").html("Glove Box");
		$("#imagedesc").html("Tempat penyimpanan yang praktis untuk menyimpan barang Anda dengan ukuran besar.");
	});
	$('#car2thumb13').click(function () {
		$("#imagebig").html("<img src='images/features_firstrowpocket.gif' width='120' />");
		$("#imagetitle").html("Side Pocket");
		$("#imagedesc").html("Tempat penyimpanan yang praktis untuk menyimpan buku-buku kecil dan botol atau kaleng minuman.");
	});
	$('#car2thumb14').click(function () {
		$("#imagebig").html("<img src='images/features_bottleholder.gif' width='120' />");
		$("#imagetitle").html("Bottle Holder");
		$("#imagedesc").html("Digunakan untuk menyimpan botol atau kaleng minuman agar tidak mudah tumpah.");
	});
	$('#car2thumb15').click(function () {
		$("#imagebig").html("<img src='images/features_seatbackpocket.gif' width='120' />");
		$("#imagetitle").html("Seat Back Pocket");
		$("#imagedesc").html("Digunakan untuk menyimpan koran atau majalah sehingga lebih rapi.");
	});
	

	$('#car3thumb1').click(function () {
		$("#imagebig").html("<img src='images/car3_interior2.gif' width='270' />");
		$("#imagetitle").html("Normal Seat Arrangement");
		$("#imagedesc").html("&nbsp;");
	});
	$('#car3thumb2').click(function () {
		$("#imagebig").html("<img src='images/car3_interior3.gif' width='270' />");
		$("#imagetitle").html("Extendable Rear Seats");
		$("#imagedesc").html("Agar barang bawaan tidak terjatuh saat pengereman mendadak.");
	});
	$('#car3thumb3').click(function () {
		$("#imagebig").html("<img src='images/car3_interior4.gif' width='270' />");
		$("#imagetitle").html("Seat Arrangement with Separate Seat 60:40");
		$("#imagedesc").html("Kursi belakang dapat diatur untuk memisahkan barang dan penumpang.");
	});
	$('#car3thumb4').click(function () {
		$("#imagebig").html("<img src='images/car3_interior5.gif' width='270' />");
		$("#imagetitle").html("Seat Arrangement with Full Flat Mode");
		$("#imagedesc").html("Ruang belakang yang lebih luas saat membawa banyak barang bawaan.");
	});
	
	
	$('#car4thumb1').click(function () {
		$("#imagebig").html("<img src='images/performance_electricpower.gif' width='120' />");
		$("#imagetitle").html("Electric Power Steering");
		$("#imagedesc").html("Menggunakan motor listrik sehingga tidak membebani kerja mesin.");
	});
	$('#car4thumb2').click(function () {
		$("#imagebig").html("<img src='images/performance_immobilizer.gif' width='120' />");
		$("#imagetitle").html("Immobilizer with Alarm");
		$("#imagedesc").html("Mobil hanya bisa dinyalakan apabila menggunakan kunci aslinya saja, karena tertanam sebuah chip sebagai sistem keamanan anti maling.");
	});
	$('#car4thumb3').click(function () {
		$("#imagebig").html("<img src='images/performance_parkingsensor.gif' width='120' />");
		$("#imagetitle").html("Parking Sensor");
		$("#imagedesc").html("Memberi peringatan agar tidak terjadi benturan saat mobil bergerak mundur.");
	});
	$('#car4thumb4').click(function () {
		$("#imagebig").html("<img src='images/performance_isofixseat.gif' width='120' />");
		$("#imagetitle").html("ISO-FIX Seat");
		$("#imagedesc").html("Kompatibel dengan ISO-FIX Child Set.");
	});
	$('#car4thumb5').click(function () {
		$("#imagebig").html("<img src='images/performance_ajustableseat.gif' width='120' />");
		$("#imagetitle").html("Seat Belt Height Adjustable");
		$("#imagedesc").html("Sabuk pengaman yang dapat diatur ketinggiannya sehingga lebih nyaman digunakan.");
	});
	$('#car4thumb6').click(function () {
		$("#imagebig").html("<img src='images/performance_3pointseatbelt.gif' width='120' />");
		$("#imagetitle").html("3-Point Rear Seat Belts");
		$("#imagedesc").html("Makin aman dengan adanya seat belt untuk penumpang di posisi tengah.");
	});
	$('#car4thumb7').click(function () {
		$("#imagebig").html("<img src='images/performance_collapsiblesteering.gif' width='120' />");
		$("#imagetitle").html("Collapsible Steering Column");
		$("#imagedesc").html("Saat terjadi tabrakan stir akan memendek dan patah, sehingga pengemudi aman dari benturan stir.");
	});
	$('#car4thumb8').click(function () {
		$("#imagebig").html("<img src='images/performance_collision.gif' width='120' />");
		$("#imagetitle").html("Collision Resistant Body");
		$("#imagedesc").html("Struktur body yang ringan namun kokoh, dapat menunjang kestabilan dan keamanan pengemudi dan penumpang sehingga dapat terhindar dari cedera fatal saat kecelakaan.");
	});
	

// CAR3 / FLEXIBILITY
	$('#option1').click(function () {
		$("#panel1innerwrap").animate({ top: 0, left: 0 }, 800, function()  {  });
	});
	$('#option2').click(function () {
		$("#panel1innerwrap").animate({ top: 0, left: -611 }, 800, function()  {  });
	});
	$('#option3').click(function () {
		$("#panel1innerwrap").animate({ top: 0, left: -1222 }, 800, function()  {  });
	});
	$('#option4').click(function () {
		$("#panel1innerwrap").animate({ top: 0, left: -1833 }, 800, function()  {  });
	});
	$('#option5').click(function () {
		$("#panel1innerwrap").animate({ top: 0, left: -2444 }, 800, function()  {  });
	});

	$('#countdown_ph').countdown({until: new Date(2012, 1, 12, 0, 0, 0), compact: true, 
    layout: '<div id="countdownday">{dnn}</div>' +
				'<div id="countdownhour">{hnn}</div>' +
				'<div id="countdownminute">{mnn}</div>' +
				'<div id="countdownsecond">{snn}</div>'});
				
	var slider = $('#joinforminner').bxSlider({
		controls: false,
		infiniteLoop: false
	});
	
	$('#joinarrowleft').click(function() { 
		slider.goToPreviousSlide();
	    return false;
	});
	
	$('#joinarrowright').click(function() { 
		slider.goToNextSlide();
	    return false;
	});
	
	$('select#joinpull').selectmenu({
		maxHeight: 150
	});
	
	$('#joinphone').live('focus', function() {
		if($(this).val() == 'Masukkan nomor ponsel kamu') $(this).val('');
	});
	
	$('#joinphone').live('blur', function() {
		if($(this).val() == '') {
			$(this).val('Masukkan nomor ponsel kamu');		
			$('#joinphone_ph').val('');
		}
		else
			$('#joinphone_ph').val($(this).val());
	});
	
	$('#joinemail').live('focus', function() {
		if($(this).val() == 'Masukkan alamat email kamu') $(this).val('');
	});
	
	$('#joinemail').live('blur', function() {
		if($(this).val() == '') {
			$(this).val('Masukkan alamat email kamu');
			$('#joinemail_ph').val('');
		}
		else {
			if($(this).val() != 'Masukkan alamat email kamu') {
				var valid_email = validateEmail($(this).val());
				
				if(!valid_email) {
					alert('Masukkan alamat email yang valid');
					$(this).focus();
				}
				else
					$('#joinemail_ph').val($(this).val());
			}
		}
	});
	
	$('#joinpull').live('change', function() { 
		$('#joinpull_ph').val($(this).val()); 
	});

	$('#locpop').colorbox({
		inline:true, width:"575px", height: "710px"
	});
	
	$('#popuplocationcloselink').live('click', function() { $.colorbox.close() });
});