$(document).ready(function() {
cubeExterienceCustomiz('exterior','0','');
pipLoadImg();
});
// ................. set 36 79 ...........................
var country = "in";
var cubeList = new Array();
var firstCube = 2;
cubeList = [ "experience"];
// ................. set 35 90 ...........................
var firstCube = 1;
// ................. set 31 943 ...........................
function actionList(){
this.actionArray = [];
}
function actionExteList(){
this.actionExteArray = [];
}
function actionInteList(){
this.actionInteArray = [];
}
function actionMovieList(){
this.actionMovieArray = [];
}
function actionArray(division, thum, image, carname, nameimage, comment, imgmov, download, utubeUrl, mp4Movie, webmMovie, ogvMovie, thumbMovie, twitter, facebook, urlx){
this.division = division;
this.thum = thum;
this.image = image;
this.carname = carname;
this.nameimage = nameimage;
this.comment = comment;
this.imgmov = imgmov;
this.download = download;
this.utubeUrl = utubeUrl;
this.mp4Movie = mp4Movie;
this.webmMovie = webmMovie;
this.ogvMovie = ogvMovie;
this.thumbMovie = thumbMovie;
this.twitter = twitter;
this.facebook = facebook;
this.urlx = urlx;
}
function actionExteArray(division, thum, image, carname, nameimage, comment, imgmov, download, utubeUrl, mp4Movie, webmMovie, ogvMovie, thumbMovie, twitter, facebook, urlx){
this.division = division;
this.thum = thum;
this.image = image;
this.carname = carname;
this.nameimage = nameimage;
this.comment = comment;
this.imgmov = imgmov;
this.download = download;
this.utubeUrl = utubeUrl;
this.mp4Movie = mp4Movie;
this.webmMovie = webmMovie;
this.ogvMovie = ogvMovie;
this.thumbMovie = thumbMovie;
this.twitter = twitter;
this.facebook = facebook;
this.urlx = urlx;
}
function actionInteArray(division, thum, image, carname, nameimage, comment, imgmov, download, utubeUrl, mp4Movie, webmMovie, ogvMovie, thumbMovie, twitter, facebook, urlx){
this.division = division;
this.thum = thum;
this.image = image;
this.carname = carname;
this.nameimage = nameimage;
this.comment = comment;
this.imgmov = imgmov;
this.download = download;
this.utubeUrl = utubeUrl;
this.mp4Movie = mp4Movie;
this.webmMovie = webmMovie;
this.ogvMovie = ogvMovie;
this.thumbMovie = thumbMovie;
this.twitter = twitter;
this.facebook = facebook;
this.urlx = urlx;
}
function actionMovieArray(division, thum, image, carname, nameimage, comment, imgmov, download, utubeUrl, mp4Movie, webmMovie, ogvMovie, thumbMovie, twitter, facebook, urlx){
this.division = division;
this.thum = thum;
this.image = image;
this.carname = carname;
this.nameimage = nameimage;
this.comment = comment;
this.imgmov = imgmov;
this.download = download;
this.utubeUrl = utubeUrl;
this.mp4Movie = mp4Movie;
this.webmMovie = webmMovie;
this.ogvMovie = ogvMovie;
this.thumbMovie = thumbMovie;
this.twitter = twitter;
this.facebook = facebook;
this.urlx = urlx;
}
var ExteList = new actionExteList();
var InteList = new actionInteList();
var MovieList = new actionMovieList();
function actioneExteList(){
this.actioneExteArray = [];
}
function actioneInteList(){
this.actioneInteArray = [];
}
function actioneExteArray(division, smallImg, largeImage, icon, colorx){
this.division = division;
this.smallImg = smallImg;
this.largeImage = largeImage;
this.icon = icon;
this.colorx = colorx;
}
function actioneInteArray(division, smallImg, largeImage, icon, colorx){
this.division = division;
this.smallImg = smallImg;
this.largeImage = largeImage;
this.icon = icon;
this.colorx = colorx;
}
var eExteList = new actioneExteList();
var eInteList = new actioneInteList();
// ................. set 16 1174 ...........................
var EXcolorName = new Array(
'Fiery Red',
'*Amazon Grey',
'Spark Green',
'Atlas White',
'Aqua Teal',
'Typhoon Silver',
'Titan Grey',
'Spark Green With Abyss Black Roof ',
'Atlas White With Abyss Black Roof',
'');
var INcolorName = new Array(
'' );
eExteList.actioneExteArray.push(new actioneExteArray("exterior",
"/p_images/images/360_images/Grand i10 NIOS/1024px/Fiery Red/fiery-red_0.png", "/p_images/images/360_images/Grand i10 NIOS/1024px/Fiery Red/fiery-red_0.png", "/p_images/images/360_images/icon-color-codes/Fiery-Red.jpg", ""));
eExteList.actioneExteArray.push(new actioneExteArray("exterior",
"/p_images/images/360_images/Grand i10 NIOS/1024px/Amazon Grey/AmazonGrey_0.png", "/p_images/images/360_images/Grand i10 NIOS/1024px/Amazon Grey/AmazonGrey_0.png", "/p_images/images/360_images/icon-color-codes/amazon-grey.jpg", ""));
eExteList.actioneExteArray.push(new actioneExteArray("exterior",
"/p_images/images/360_images/Grand i10 NIOS/1024px/Khaki/khaki_0.png", "/p_images/images/360_images/Grand i10 NIOS/1024px/Khaki/khaki_0.png", "/p_images/images/360_images/icon-color-codes/khaki.png", ""));
eExteList.actioneExteArray.push(new actioneExteArray("exterior",
"/p_images/images/360_images/Grand i10 NIOS/1024px/Polar White/polar-white_0.png", "/p_images/images/360_images/Grand i10 NIOS/1024px/Polar White/polar-white_0.png", "/p_images/images/360_images/icon-color-codes/Polar-White.jpg", ""));
eExteList.actioneExteArray.push(new actioneExteArray("exterior",
"/p_images/images/360_images/Grand i10 NIOS/1024px/Blue/aqua-teal_0.png", "/p_images/images/360_images/Grand i10 NIOS/1024px/Blue/aqua-teal_0.png", "/p_images/images/360_images/icon-color-codes/Aqua teal.jpg", ""));
eExteList.actioneExteArray.push(new actioneExteArray("exterior",
"/p_images/images/360_images/Grand i10 NIOS/1024px/Typhoon Silver/typhoon-silver_0.png", "/p_images/images/360_images/Grand i10 NIOS/1024px/Typhoon Silver/typhoon-silver_0.png", "/p_images/images/360_images/icon-color-codes/Typhoon-Silver.jpg", ""));
eExteList.actioneExteArray.push(new actioneExteArray("exterior",
"/p_images/images/360_images/Grand i10 NIOS/1024px/Titan Grey/titan-gray_0.png", "/p_images/images/360_images/Grand i10 NIOS/1024px/Titan Grey/titan-gray_0.png", "/p_images/images/360_images/icon-color-codes/titan-gray-creta.jpg", ""));
eExteList.actioneExteArray.push(new actioneExteArray("exterior",
"/p_images/images/360_images/Grand i10 NIOS/1024px/Khaki Dual Tone/khaki-dual-tone_0.png", "/p_images/images/360_images/Grand i10 NIOS/1024px/Khaki Dual Tone/khaki-dual-tone_0.png", "/p_images/images/360_images/icon-color-codes/khaki-dual-tone.png", ""));
eExteList.actioneExteArray.push(new actioneExteArray("exterior",
"/p_images/images/360_images/Grand i10 NIOS/1024px/Polar White Dual Tone/polar-white-dual-tone_0.png", "/p_images/images/360_images/Grand i10 NIOS/1024px/Polar White Dual Tone/polar-white-dual-tone_0.png", "/p_images/images/360_images/icon-color-codes/Polar-White-Dual-Tone.jpg", ""));
var swiper = undefined;
var countrycode = "in";
function cubeExperience(cate,panoramaImg,largeImg,isColor) {
var orig_src = "";
if (isColor=="color") orig_src = $(".experience_panoramabox img").attr("src");
else orig_src = panoramaImg;
$(".experience_category").empty();
$(".experience_panoramabox").empty();
$(".experience_large").empty();
$(".experience_option").empty();
var src_prefix = panoramaImg.substr(0, orig_src.lastIndexOf('_')+1);
var src_sufix = panoramaImg.substr(orig_src.indexOf(src_number,0)+String(src_number).length);
var src_number = parseInt(orig_src.substr(orig_src.lastIndexOf('_')+1));
if (cate=="exterior") {
if(INcolorName.length>1){
$(".experience_panoramabox.exterior").append('<img src="'+panoramaImg+'" class="panorama" width="640" height="289" alt="" /><br />');
$(".exterior img.panorama").panorama({views_number: 36,views_columns: 36});
}else{
$(".experience_panoramabox.exterior").append('<img src="'+panoramaImg+'" class="panorama" width="640" height="289" alt="" /><br />');
$(".exterior img.panorama").panorama({views_number: 36,views_columns: 36});
}
$(".experience_option").append('<div class="item"><div class="color_view leftTitle"></div><div class="swiper-container swiper-color-wrapper"><ul class="swiper-wrapper"></ul></div></div>');
}
}
function cubeExperienceColorList(num,onoff,colorImg,cateX, xColorName) {
numX = num - 1;
if (onoff=="on") {
$(".experience_option ul").append('<li class="swiper-slide color'+num+' on"><a href="javascript:cubeExterienceCustomiz(\''+cateX+'\',\''+numX+'\',\'color\')" onclick=""><img src="'+colorImg+'" alt="" /></a><br/><span><img src="/p_images/images/new-verna/cover_color.png"></span></li>');
$('.experience_option .color_view').empty().html('<p class="title">Choose Your Vehicle Colors</p><p class="colorName">'+xColorName+'</p>');
} else {
$(".experience_option ul").append('<li class="swiper-slide color'+num+'"><a href="javascript:cubeExterienceCustomiz(\''+cateX+'\',\''+numX+'\',\'color\')" onclick=""><img src="'+colorImg+'" alt="" /></a></li>');
}
}
function cubeExterienceCustomiz(cateX,idx,colorX){
console.log("cubeExterienceCustomiz");
$(".layer_experience_panorama").empty();
$(".layer_experience_panorama").css("display","");
$("nav").show();
$("section.banner-wrapper").show();
if(cateX == "exterior"){
$('div.experience_panoramabox').addClass('exterior');
cubeExperience(eExteList.actioneExteArray[idx].division, eExteList.actioneExteArray[idx].smallImg, eExteList.actioneExteArray[idx].largeImage, colorX);
TotalLength = eExteList.actioneExteArray.length;
for (var i=0; i<TotalLength; i++) {
if (i==idx){
cubeExperienceColorList(i+1,'on',eExteList.actioneExteArray[i].icon ,cateX, EXcolorName[i]);
}else{
cubeExperienceColorList(i+1,'',eExteList.actioneExteArray[i].icon ,cateX, EXcolorName[i]);
}
}
if(swiper != undefined){
swiper.destroy();
swiper = undefined;
$('.swiper-wrapper').removeAttr('style');
$('.swiper-slide').removeAttr('style');
}
swiper = new Swiper('.swiper-color-wrapper', {
init:true,
slidesPerView: 8,
preventClicks: true,
preventClicksPropagation: false ,
pagination: {
clickable: true,
},
});
}
}
// ................. set 7 1397 ...........................
var cubeList = new Array();
cubeList = ["experience"];
function cubeStart(va) {
console.log("cubeStart");
cubeExterienceCustomiz('exterior','0','');
}
$(document).ready(function() {
pipLoadImg();
});