var custNameDef = "Oslovení v 5. pádě";
var custCompDef = "Název společnosti";

var selectedCar = {};

$(document).ready(hideUlNavigation);

//red gray buttons
function navigationSteps(obj) {
    //if bottun is gray it is not clickable
    var c_lass = $(obj).hasClass('done') || $(obj).hasClass('active') || $(obj).hasClass('ns5active2')
    if(!c_lass) {
        return false;
    }
    var a        =     $(obj).attr('class');
    var num      =     a.charAt(2);
    
    hideUlNavigation();

    $('#step'+ num+ ',#ul'+ num).show();
    
//    for(i = num; i < 7; i++) {
        $('span.checker').each(function() {
            $(this).removeClass('checker');
        });       
//    }  
}

function hideUlNavigation() {
    $('#yes-js').show();
    var divs = [2,3,4,5,6];
    $.each(divs, function(index, value) {
        $('#ul'+ value).hide();
    });
    $('#confInfo').hide();
    hideStepDivs();
}

function hideStepDivs() {
    var divs = [2,3,4,5,6];
    $.each(divs, function(index, value) {
        $('#step'+ value).hide();
    });
}

// weight 0 = 1.5 T , 1 = 2.5 T, 2 = 4 T, 3 = 5.5 T, 4 = 8 T
var myJSONObject = {
    "trucks": [
        
    {
        "name": "Zemědělství",
        "nastavby": 'Valníkový typ',
        "cars": [35,50,62,75,11],
        "xx": [62],
        "x":  [35,50,62,75,11],
        'weight': [0,1,2,3,4],
        'typ' : 6 // type of truck according to truck picture , models has suffix 0 - 7 depends of type

    },      //0 = step1 value

    {
        "name": "Stavebnictví",
        "nastavby": 'Sklápěč',
        "cars": [35,50,62,75,12],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 7
   
    },     //1

    {
        "name": "Odtah vozidel",
        "nastavby": 'Tahač',
        "cars": [35,50,62,75,12],
        "xx": [75],
        "x": [35,62],
        'weight': [0,1,2,3,4],
        'typ' : 4

    },

    {
        "name": "Catering",
        "nastavby": 'Skříňový typ',
        "cars": [35,50,62,75,11],
        "xx": [75],
        "x": [35,62],
        'weight': [0,1,2,3,4],
        'typ' : 3
    },

    {
        "name": "Móda",
        "nastavby": 'Skříňový typ',
        "cars": [35,50,62,75,10],
        "xx": [75],
        "x": [35,62],
        'weight': [0,1,2,3,4],
        'typ' : 3
    },

    {
        "name": "Kosmetika",
        "nastavby": 'Skříňový typ',
        "cars": [35,50,62,75,11],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 3
    },

    {
        "name": "Přeprava zásilek",
        "nastavby": 'Skříňový typ',
        "cars": [35,50,62,75,12],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 3
    },

    {
        "name": "Elektronika",
        "nastavby": 'Skříňový typ',
        "cars": [35,50,62,75,11],
        "xx": [35,62],
        "x": [75],
        'weight': [0,1,2,3,4],
        'typ' : 3
    },

    {
        "name": "Potravinářství",
        "nastavby": 'Skříňový typ',
        "cars": [35,50,62,75,12],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 3
    },


    {
        "name": "Potraviny - čokoláda",
        "nastavby": 'Skříňový typ chladící',
        "cars": [35,50,62,75,11],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 1
    },

    {
        "name": "Potraviny - maso",
        "nastavby": 'Skříňový typ chladící',
        "cars": [35,50,62,75,12],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 1
    },

    {
        "name": "Nábytek",
        "nastavby": 'Valníkový typ s plachtou',
        "cars": [35,50,62,75,11],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 5
    },


    {
        "name": "Domácnost",
        "nastavby": 'Valníkový typ s plachtou',
        "cars": [35,50,62,75,11],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 5
    },

    {
        "name": "Stěhování",
        "nastavby": 'Valníkový typ s plachtou',
        "cars": [35,50,62,75,11],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 5
    },

    {
        "name": "Kancelář. potřeby",
        "nastavby": 'Skříňový typ',
        "cars": [35,50,62,75,10],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 3
    },


    {
        "name": "Plasty",
        "nastavby": 'Skříňový typ',
        "cars": [35,50,62,75,11],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 3
    },

    {
        "name": "Řemeslné práce",
        "nastavby": 'Sklápěč',
        "cars": [35,50,62,75,11],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 7
    },

    {
        "name": "Hračky",
        "nastavby": 'Skříňový typ',
        "cars": [35,50,62,75,11],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 3
    },

    {
        "name": "Květinářství",
        "nastavby": 'Skříňový typ chladící',
        "cars": [35,50,62,75,12],
        "xx": [62],
        "x": [35,75],
        'weight': [0,1,2,3,4],
        'typ' : 2
    },
    
    {
        "name": "Odvoz odpadu",
        "nastavby": 'Popelářský vůz',
        "cars": [35,50,62,75,11],
        "xx": [],
        "x": [75],
        'weight': [0,1,2,3,4],
        'typ' : 8
    }

    ]
};

var myJSONObjectColors = {
    "colors": [
    {
        "name": "",
        'realname': ''
    }, //doesn't exist - script count from 1, empty position solve index 0
    {
        "name": "" ,
        'realname': 'white'
    }, //white
    {
        "name": "_yellow",
        'realname': 'yellow'
    },
    {
        "name": "_red",
        'realname': 'red'
    },
    {
        "name": "_black",
        'realname': 'black'
    },
    {
        "name": "_blue",
        "realname":'blue'
    },
    {
        "name": "_green",
        "realname":'green'
    }
    ]
};
var myJSONObjectWeight = {

    "weight": [

    {
        "name": "35",
        'nosnost': '1.5'
    }, //0 - 1.5
    {
        "name": "50",
        'nosnost': '2.5'
    }, //1 - 2.5
    {
        "name": "62" ,
        'nosnost': '4'
    }, //2 - 4.0
    {
        "name": "75",
        'nosnost': '5.5'
    }, //3 - 5.5
    {
        "name": "80",
        'nosnost': '8'
    }  //4 - 8.0

    ]
};



var myJSONObjectGear = {

    "gear": [
    {
        "name": "35" ,
        'gear':'Robotizovaná Nees2',
        "1":{
            'x': 'Robotizovaná Nees2'
        }

        
    }, //0 1.5
    {
        "name": "62" ,
        'gear':'Robotizovaná Nees2',
        "1":{
            'x': 'Robotizovaná Nees2'
        },
        "3":{
            'x': 'Robotizovaná Nees2'
        }
    },  //1   4
    {
        "name": "75" ,
        'gear':'Manuální',
        "1":{
            'x': 'Robotizovaná Nees2'
        },
        "2":{
            'x': 'Manuální',
            'xx':'Robotizovaná Nees2'
        },
        "3":{
            'xx':'Robotizovaná Nees2'
        }
    }, //2  5.5

    ]
};

var myJSONObjectCarsToWeight = {
	'35': '15',
	'50': '25',
	'62': '40',
	'75': '50',
	'10': '80',
	'11': '80',
	'12': '80'
};

/*$(function() {
   $("#step5item2").click(function(e) {
      alert("lamicka");
      elevatorStepsShow($(this).parents("li"));     
      e.stopPropagation(); 
   });
});*/

function elevatorStepsSkip(dom) {   
   $("#confName").val(custNameDef);
   $("#confComp").val(custCompDef);
   $("#pohlaviZena").removeAttr("checked");
   $("#pohlaviMuz").removeAttr("checked");  
   elevatorSteps(dom);
}

function elevatorStepsShow(dom) { 
   
   var confName = $("#confName").val();
   var confComp = $("#confComp").val();
   var pohlaviZ = $("#pohlaviZena").is(":checked");
   var pohlaviM = $("#pohlaviMuz").is(":checked");
   
   if( confName == custNameDef || confName == "" || confComp == custCompDef || confName == "confComp" || (!pohlaviZ && !pohlaviM)) {
      alert("Vyplňte, prosím, potřebné údaje, nebo přeskočte tento krok.");
      return false;      
   }
   else {
      elevatorSteps(dom);
   }     

}

function elevatorSteps(dom) {    
    var clientName      =  $("#confName").val();
    var clientCompany   =  $("#confComp").val();

    var img     =     $(dom).find('img').attr('src');
    var label   =     $(dom).find('label').text();
    var step    =     $(dom).find('input').attr('name');
    var alt     =     $(dom).find('img').attr('alt');
    var value    =    $(dom).find('input').attr('value');

    var altNum  =      alt;
    //extract number from step
    var num     =      step.charAt(4);
    var numPlus =      parseInt(num) + 1  // add

    //if somebody click on gray weight
    if(!(step == 'step3')) {
        if($(dom).find('label').hasClass('na')) {
            return false;
        }
    }


    //hide div
    $('#'+ step).hide();

    //hide show navigations
    $('#ul' + num).hide();
    $('#ul' + numPlus+ ',#step' + numPlus).show();
    

    if(step) {

        $('#confInfo').show();
        if(step == 'step1') {
            
            $('div.step'+ num ).css('display', 'block' );
            $('div.step'+ num + ' > img').attr('src', img );
            //$('div.step'+ num + ' > p').text(label);    
          
            //chose weight right weight
            itemW = [0,1,2,3,4];
            $.each(itemW, function(index , va) {
                $('label.litem'+ va).addClass('na');
            });
            weight =  myJSONObject.trucks[value].weight;
            $.each(weight, function(index , va) {
                $('label.litem'+ va).removeClass('na');
            });
            
            selectedCar['step1'] = value;

        } else if(step == 'step2') {

            if($(dom).find('label').hasClass('na')) {
                return false;
            }
            var image   =  parseInt(value) + 1 
            var src     = '/images/configurator/step2/load' + image + '.png';

            $('div.step'+ num ).css('display', 'block' );
            $('div.step'+ num + ' > img').attr('src', src );
            $('div.step'+ num + ' > p').text(label );

            selectedCar['step2'] = (image - 1);

        }
        else if(step == 'step3') {
            var alt     =     $(dom).find('img').attr('alt');
            var altNum  =      alt.charAt(4);
            var src     = '/images/configurator/step3/terrain' + altNum + '.png';
            
            $('div.step'+ num + ' > img').attr('src', src );
            $('div.step'+ num ).css('display', 'block' );
            //$('div.step'+ num + ' > p').text(label );

            selectedCar['step3'] = altNum;

        } else if(step == 'step4') {

            $('div.step'+ num ).css('display', 'block' );
            $('div.step'+ num + ' > img').attr('src', img );
            $('div.step'+ num + ' > p').text(label );


        }
        
        //put values to alt attribut
        $('div.step'+ num + ' > img').attr('alt', value );
        for(i = numPlus; i < 7; i++ ) {
            $('div.step'+ i).css('display', 'none');
        }        
        
        if(step == 'step5') {
            $('div.step5').css('display', 'block');
            
            //show last
            showChosen();
        }
 
    }
}

function showChosen() {

    id        =   $('div.step1  > img').attr('alt');
    weightid  =   $('div.step2  > img').attr('alt');
    terainid  =   $('div.step3  > img').attr('alt');
    colorid   =   $('div.step4  > img').attr('alt');
    
    object  =  myJSONObject.trucks[id];
    color   =  myJSONObjectColors.colors[colorid];
    weight  =  myJSONObjectWeight.weight[weightid];

    var modelString = object['cars'][(selectedCar['step2'])];
    modelString = ((modelString < 13 ? 'F' : 'N') + modelString);

    var img = '/images/configurator/step6/trucks/BodyType0'+object.typ +'_small'+color.name+'.png';
    
    $('div.image > img').attr('src', img );
    $('#c_imagename').attr('value', 'BodyType0'+object.typ +'_small'+color.name+'.png');
        
    var confNameP = $("#confName").val();             
    var confCompP = $("#confComp").val();
    var pohlaviZ = $("#pohlaviZena").is(":checked");
    var pohlaviM = $("#pohlaviMuz").is(":checked");
    
    var pohlavi = "";
    var osloveni = "";   
    
    if(pohlaviZ || pohlaviM) {
      if(pohlaviZ) {
         pohlavi = "z";
      } else {
         pohlavi = "m";
      }
    }    
    
    if ( ((confNameP != custNameDef) && confNameP != "") && ((confCompP != custCompDef) && confCompP != "") && pohlavi != "" )
    // if customer enter his name and company name
    {
       switch(pohlavi) {
         case "z": osloveni = 'Vážená paní '; break;
         case "m": osloveni = 'Vážený pane '; break;         
       }

       //if()
       var text = osloveni + confNameP + ',<br /> nejvhodnejším vozem pro Vaši společnost ' + confCompP + ' je Isuzu <span>' + modelString + '</span>';
       $('#step6 h2').html(text);
    }
    // if it do not change
    else { 
       var text = 'Doporučujeme vám: <span>Isuzu ' + modelString + ' </span>';       
       $('#step6 h2').html(text);              
    }
    
    if (weight.name == '62') {
        $('#subtitle_text').text(
            "Tento objemný nákladní vůz kompaktních rozměrů nejlépe odpovídá vašim požadavkům. Navíc je vybaven moderním motorem, který splňuje nejpřísnější ekologické normy, protože nepoužívá aditivovaná paliva."
        );
    } else if (weight.name == '35') {
        $('#subtitle_text').text(
            "Tento lehký nákladní automobil na těžkou práci nejlépe odpovídá vašim požadavkům. Vyhovovat vám jistě bude i kabina spojující moderní designové trendy s mimořádnou bezpečností a komfortem pro řidiče."
        );
    } else if (modelString == 'F10') {
        $('#subtitle_text').text(
            "Spolehlivý nákladní vůz střední velikosti s výkonným dieselovým motorem. Možnost pohonu na všechna 4 kola zajišťuje sjízdnost i v obtížnějším terénu. Ergonomický interiér s množstvím úložných prostorů dovoluje pohodlnou jízdu i na dlouhé trasy."
        );
    } else if (modelString == 'F11') {
        $('#subtitle_text').text(
            "Střední varianta tohoto nákladního vozu nabízí větší variabilitu nástaveb přizpůsobených pro různé typy komerční přepravy. Kabina poskytuje řidiči hodně prostoru a celkově vysoký komfort. Vůz oceníte také pro jeho snadnou údržbu a bezpečnost."
        );
    } else if (modelString == 'F12') {
        $('#subtitle_text').text(
            "Největší z nabízených nákladních vozů řady F (a také nejsilnější z nabízených vozů ISUZU v České republice) poskytuje vysoký přepravní výkon a zároveň výborné manévrovací schopnosti i v omezených prostorech. Silný 6válcový motor je vystavěn jako maximálně úsporný a zároveň ekologický."
        );
    } else {
        $('#subtitle_text').text(
            "Tento nákladní vůz s robustním podvozkem se silnými nápravami nejlépe odpovídá vašim požadavkům. Hodit se vám bude i výborná manévrovatelnost, silný a přesto stále ekonomický motor a bohatá výbava již ve standardu."
        );
    }                
    
    //pdf - link
    pdfurl = '/download?type=specification&lang=cz&model=' + modelString.toLowerCase();
    $('a.bdown').attr('href', pdfurl);

    showParams();
}

function showParams() {

    id  =   $('div.step1  > img').attr('alt');
    idW  =   $('div.step2  > img').attr('alt');
    idT  =   $('div.step3  > img').attr('alt');
    idC  =   $('div.step4  > img').attr('alt');


    purpose      =   myJSONObject.trucks[id].name;
    
    typ          =   myJSONObject.trucks[id].typ

    nastavby     =   myJSONObject.trucks[id].nastavby;
    //typ depend of purpose and weight
    var modelString = myJSONObject.trucks[id]['cars'][selectedCar['step2']];
    
    
    modelString = ((modelString < 13 ? 'F' : 'N') + modelString);

    model        =   modelString;
    nosnost      =   myJSONObjectWeight.weight[idW].nosnost;

    color        =  myJSONObjectColors.colors[idC].realname;











/*

        console.log("model: " + model);
    console.log("idW: " + idW);
    console.log("idT: " + idT);
*/
    
    
    // HACK :  Fix for F types
		switch(model){
			case "F10":
				if(idT == 1) {
				            gear =  'Manuální / Robotizovaná Nees2' ;
				}else{
				            gear = 'Robotizovaná Nees2';				
				}
 
			break;
			case "F11":
				if(idT == 1) {
				            gear =  'Manuální';
				}else{
				            gear = 'Robotizovaná Nees2';				
				}
			break;
			case "F12":
				            gear =  'Manuální';
			break;
			default:
	    	    gear         =  myJSONObjectGear.gear[idT].gear;    
			break;
		}

    

 //   console.log("gear: " + gear);





















    
    // Save values in "Send details via email" form's hidded fields
    $('#c_purpose').attr('value', purpose);
    $('#c_typ').attr('value', typ);
    $('#c_nastavby').attr('value', nastavby);
    $('#c_model').attr('value', model);
    $('#c_nosnost').attr('value', nosnost);
    $('#c_color').attr('value', color);
    $('#c_gear').attr('value', gear);
    // Update url in "Print details" link
    $('.bprint').attr('href',
        '/pdf-send?c_purpose=' + purpose + '&c_typ=' + typ +
            '&c_nastavby=' + nastavby + '&c_model=' + model.toUpperCase() +
            '&c_nosnost=' + nosnost + '&c_color=' + color + '&c_gear=' + gear +
            '&c_imagename=' + $('#c_imagename').attr('value')
    );


    $('#spect tr:nth-child(2) td::nth-child(1) span strong').text('Typ vozu');
    $('#spect tr:nth-child(2) td::nth-child(2) span').text('Isuzu '+ model);
    $('#spect tr:nth-child(2) td::nth-child(3) span').text('');

    $('#spect tr:nth-child(3) td::nth-child(1) span strong').text('Nosnost');
    $('#spect tr:nth-child(3) td::nth-child(2) span').text(nosnost+'t')
    $('#spect tr:nth-child(3) td::nth-child(3) span').text('');

    $('#spect tr:nth-child(4) td::nth-child(1) span strong').text('Typ převodovky');
    $('#spect tr:nth-child(4) td::nth-child(2) span').text(gear)
    $('#spect tr:nth-child(4) td::nth-child(3) span').text('');

    $('#spect tr:nth-child(5) td::nth-child(1) span strong').text('Typ nástavby');
    $('#spect tr:nth-child(5) td::nth-child(2) span').text(nastavby)
    $('#spect tr:nth-child(5) td::nth-child(3) span').text('');

    $('#spect tr:nth-child(6)').remove();
    $('#spect tr:nth-child(7)').remove();
};