﻿$(document).ready(function() {
    PrintCompareCars();
    PrintSaveSearch();

    /* ---- !!!! BILSTART - BÖR FLYTTAS !!!! ---- */

    $('#youtubeBottom').click(function() {
        $(this).toggleClass("active");
        $("#youtube").toggleClass("open")
    });

    $("#xdef").makeacolumnlists({ cols: 4, colWidth: 150, equalHeight: false, startN: 1 });
    $("#moreversions").makeacolumnlists({ cols: 2, colWidth: 0, equalHeight: false, startN: 1 });

    /* ---- end: !!!! BILSTART - BÖR FLYTTAS !!!! ---- */


    /* ---- MY LINKS ---- */

    $("#header ul li.myLinks").click(function() {
        if ($("#myLinksHolder").is(":hidden")) $("div#myLinksHolder").slideDown("fast");
        else $("#myLinksHolder").slideUp("slow");
    });

    $("#myLinksHolder").hover(function() { },
  		function() {
  		    $("#myLinksHolder").slideUp("slow");
  		});





    /* ---- end: MY LINKS ---- */


    /* ---- GENERAL TABS ---- */

    $('#tabs div').hide(); // Hide all divs
    $('#tabs div:first').show();
    $('#tabs ul li:first').addClass('active');
    $('#tabs ul li a').click(function() {
        $('#tabs ul li').removeClass('active');
        $(this).parent().addClass('active');
        var currentTab = $(this).attr('href');
        $('#tabs div').hide();
        $(currentTab).show();
        return false;
    });

    /* ---- END: GENERAL TABS ---- */


    /* BILFAKTA */


    $(".bfSection #header").append('<div id="bfSectionHeaderBill"> </div>');


    $("#bfCarModel #tabs .opinions ul li span.openCloseGiveOpinion").click(function() {
        $("#giveOpinion").slideToggle();
    });


    /* end: BILFAKTA */

    /* COMPARE */

    $(".comparePage #header").append('<div id="compareTopInfo"> </div>');

   
    /* -- tooltips COMPARE -- */

    $('#searchresultcontent .compare').each(function() {
        $(this).qtip({

            content: '<img src="/Templates/Styles/images/tooltips/tooltipsCompare.gif" alt="Lägg till i Min Jämförelselista!" />',
            position: {
                corner: {
                    target: 'topRight',
                    tooltip: 'bottomLeft'
                }
            },
            style: {
                width: 200,
                padding: 1,
                background: '#3dadd6',
                color: 'white',
                textAlign: 'left',
                border: {
                    width: 10,
                    radius: 5,
                    color: '#3dadd6'
                },
                tip: 'bottomLeft'
            }

        });
    });

    /* -- end: tooltips COMPARE -- */


    /* -- tooltips COMPARE MEDALS -- */

    $('.compareItemHeader .medal-holder span.BestEquipment').each(function() {
        $(this).qtip({

            content: '<img src="/Templates/Styles/images/tooltips/tooltipsEquipment.gif" alt="Mest utrustning!" />',
            position: {
                corner: {
                    target: 'topRight',
                    tooltip: 'bottomLeft'
                }
            },
            style: {
                width: 200,
                padding: 1,
                background: '#323232',
                color: 'white',
                textAlign: 'left',
                border: {
                    width: 10,
                    radius: 5,
                    color: '#323232'
                },
                tip: 'bottomLeft'
            }

        });
    });

    $('.compareItemHeader .medal-holder span.BestEnvironment').each(function() {
        $(this).qtip({

            content: '<img src="/Templates/Styles/images/tooltips/tooltipsEnvironment.gif" alt="Bästa miljöbil!" />',
            position: {
                corner: {
                    target: 'topRight',
                    tooltip: 'bottomLeft'
                }
            },
            style: {
                width: 200,
                padding: 1,
                background: '#8ac001',
                color: 'white',
                textAlign: 'left',
                border: {
                    width: 10,
                    radius: 5,
                    color: '#8ac001'
                },
                tip: 'bottomLeft'
            }

        });
    });

    /* -- end: tooltips COMPARE MEDALS -- */




    /* end: PREMADE FILTERS */


    /* MAKE ENTIRE <LI>'s CLICKABLE */

    $(".senaste-annonser li").click(function() {
        window.location = $(this).find("a").attr("href");
        return false;
    });

    $("#similarCars li").click(function() {
        window.location = $(this).find("a").attr("href");
        return false;
    });

    /* end: MAKE ENTIRE <LI>'s CLICKABLE */


    /* TEXT SEARCH */

    $("#compare-open-tab").click(function() {
        $("#compare-area").slideDown("fast");
        $(this).hide();
        PrintCompareCars();
        return false;
    });

    $("#compare-area #compare-close-tab").click(function() { 					/* Expand/Collapse compare area */
        $("#compare-area").slideUp();
        $("#compare-open-tab").show();
    });

    $("#compare-header .compare-help").click(function() {
        $("#compare-content #compare-info").slideDown();
    });

    $("#compare-info #close").click(function() {
        $("#compare-info").slideUp();
    });

    //dialog för dubbeltt av compare annons
    $("#compare-dialog").dialog({
        dialogClass: 'compareDuplicateError',
        bgiframe: true,
        autoOpen: false,
        height: 100,
        modal: true,
        buttons: {
            'Ok': function() {
                $(this).dialog('close');
            }
        },
        close: function() {
            allFields.val('').removeClass('ui-state-error');
        }
    });


})

function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=840,height=600,left = 220,top = 40');"); }

function ViewImage(URL)
{
    document.getElementById("main-image").src = URL; }


//formatera nummer, 12345 = 12 345

function Format_Price(nStr) {
    if (nStr == "0")
        return "-";
    else {
        nStr += '';
        x = nStr.split('.');
        x1 = x[0];
        x2 = x.length > 1 ? '.' + x[1] : '';
        var rgx = /(\d+)(\d{3})/;
        while (rgx.test(x1)) {
            x1 = x1.replace(rgx, '$1' + ' ' + '$2');
        }
        return x1 + x2;
    }
}

function Format_Number(nStr) {
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ' ' + '$2');
    }
    return x1 + x2;
}

function Format_Text(str) { 
    return str.replace(/\"/g,'');
}


function GetComparedCars() {
    var CarsArray = new Array();
    // Hämta cookie
    var carCookie = $.cookie('myCars');
    // Splitta upp cookie i array ifall cookie inte är tom
    if (carCookie != null && carCookie != '') {
        CarsArray = carCookie.split('[]');
    }

    return CarsArray;
}

// Lägg till bilen i cookien
function AddCompareCar(id, header, modelYear, mileage, shorturl) {
    var CarsArray = GetComparedCars();
    //kontrollera så att bilen inte finns i comparelistan sedan tidigare.
    var carExcists = false; // flagga om meddelar om bilen påträffas i loopen
    for (var i = 0; i < CarsArray.length; i++) {
        if (id == CarsArray[i].split(';')[0]) // detta torde vara id på bilarna. kontrollera med id vi skickar in som parametern
        {
            carExcists = true; //bil finns!!
        }
    }
    if (!carExcists)
    // Lägg till bil i array
        CarsArray.push(id + ';' + header + ';' + modelYear + ';' + mileage + ';' + shorturl);
    else {
        $('#compare-dialog').dialog('open');
    }
    // Skapa en sträng av arrayen, separera varje bilobjekt med []
    carCookie = CarsArray.join('[]');
    // save cookie
    $.cookie('myCars', carCookie, { path: '/', expires: 30 });

    $("#compare-area").animate({ opacity: "show", bottom: "0" }, "slow");

    $("#compare-header #showhide").click(function() { 					/* Expand/Collapse compare area */
        $("#compare-area").hide();
        $(this).toggleClass("show");
    });

    $("#compare-header .compare-help").click(function() {
        $("#compare-content #compare-info").slideDown();
    });

    $("#compare-info #close").click(function() {
        $("#compare-info").slideUp();
    });



    // Någon har lagt till, printa på skärmen
    PrintCompareCars();

    /* -- COMPARE tooltips -- */
}

function DeleteCompareCar(index) {
    var CarsArray = GetComparedCars();

    CarsArray.splice(index, 1); // Ta bort valt index.
    // Skapa en sträng av arrayen, separera varje bilobjekt med []
    carCookie = CarsArray.join('[]');
    // spara
    $.cookie('myCars', carCookie, { path: '/', expires: 30 });
    //print
    PrintCompareCars();
}

function PrintCompareCars() {

    $("a[id^='compare_']").each(function() {
        $(this).removeClass('compared').addClass('compare');
    });
    var CarsArray = GetComparedCars();
    // rigga tbody, för texten
    var tbody = '';
    // Splitta upp cookie i array ifall cookie inte är tom eller null
    if (CarsArray != null && CarsArray != '') {
        // Loopa igenom hela cookien
        var CarArray = new Array();
        //printa om arrayen har bilar
        for (var i = 0; i < CarsArray.length; i++) {
            CarArray = CarsArray[i].split(';');
            // Skapa en 'li'
            tbody += '<tr><td><a class="ad-header" href="' + CarArray[4] + '">' + CarArray[1] + ' </a></td><td> ' + CarArray[2] + '</td><td class="last"><a href="#" title="Ta bort denna bil ur Din Jämförelselista" class="delete" onclick="DeleteCompareCar(\'' + i + '\');return false;"><span>ta bort</span></a></td></tr>';
            $('#compare_' + CarArray[0]).addClass('compared').removeClass('compare');

            //css('background-image', 'url(../images/pagepic.jpg)');
        }
        //visa länkarna!
        if (CarsArray.length > 1) {
            $('#compare-content a').show();
        }
        else {
            // visas en bil: printa lite text
            $('#compare-content a').hide();
            tbody += '<tr><td>Du måste lägga till minst en bil till innan du kan jämföra!</td></tr>';
        }
    }
    else { //cookie är tom, printa lite text istället.
        tbody += '<tr><td id="pre"><p>Du har inte lagt till några bilar i jämförelselistan. Gör en sökning, klicka på "Jämför" på de bilar du vill jämföra så dyker de upp här.</p></tr></td>';
        $('#compare-content a').hide(); //göm länkarna!
    }
    //Print to div
    $('#list1').html(tbody);
}

function DeleteCookie(nameOfCookie) {
    $.cookie(nameOfCookie, '', { path: '/' });
    PrintCompareCars();
    $("#compare-area #compare-content").slideDown();

}





function PrintSaveSearch() {
    // Skapa ny array
    var saveSearchArray = new Array();

    // Hämta cookien
    var searchCookie = $.cookie('SaveSearch');

    // Splitta upp cookie i array ifall cookie inte är tom
    if (searchCookie != null) {
        if (searchCookie != '') // || funka inte?
            saveSearchArray = searchCookie.split('[]');
    }

    // li var
    var li = '';
    // Loopa igenom hela cookien
    var searchArray = new Array();

    if (saveSearchArray.length == 0) {
        li += '<li class="noSavedSearchesInfo"><p>Du har ännu inga sparade sökningar. När du har gjort en sökning kan du klicka på ikonen Spara sökning. Då hittar du den här nästa gång, och kan snabbt och enkelt göra en sökning med precis samma kriterier.</p></li>';
    }

    //printa om arrayen har bilar
    for (var i = 0; i < saveSearchArray.length; i++) {
        var search = saveSearchArray[i];

        // splitta varje bilobjekt
        searchArray = search.split(';');

        // Skapa en 'li'
        li += '<li><a href="#" title="Ta bort denna sökningen från dina sparade sökningar" class="delete" onclick="DeleteSavedSearch(\'' + i + '\');return false;"></a><a href="/sok-bilannonser' + searchArray[1] + '">' + searchArray[0] + '</a></li>';
    }

    //Print to div
    $('#saved-searches').html(li);


}

function DeleteSavedSearch(index) {
    var CarsArray = new Array();
    var carCookie = $.cookie('SaveSearch');

    // Splitta upp cookie i strängar ifall cookie inte är tom
    if (carCookie != null) {
        if (carCookie != '') // || funka inte
            CarsArray = carCookie.split('[]');
    }

    // Ta bort valt index.
    CarsArray.splice(index, 1);

    // Skapa en sträng av arrayen, separera varje bilobjekt med []
    carCookie = CarsArray.join('[]');

    // spara
    $.cookie('SaveSearch', carCookie);

    //print
    PrintCompareCars();
    PrintSaveSearch();
}



