$(function () {
    $('.menu-content').removeClass('opacity7').addClass('opacity9');
    $('#flashPlayer').hide();
    $('#noFlash').show();

    $('#homeContent,.selectBtn,.outlineKits,.outlineKits2,#selectTxt,.outProducts,#sel_page2').removeClass('visible').addClass('hidden').hide();

    $('#whichkit_modal').wrap("<div class='modalWrapper'></div>");
    //$('#whichkit_modal').before("<div id='suggestAKit' style='display:none;z-index:7;'><a href='/?action=suggest' rel='' id='suggestAKittLnk' class='lnkModal'><img src='img/img_suggestKit.png' class='pngFix' alt='Is this Kit right for me?' width='98' height='260' border='0' /></a></div>"); 



    $('#whichKit').css({ zIndex: '3' }).hide();
    $('#suggestAKit').show();
    $('.selectBtn').click(function () {
        var sID = $(this).attr('id');
        var spID = sID.split('_');
        var rID = spID[1];
        
        $('.outProducts,#selectionSubFooter').removeClass('visible').addClass('hidden').hide();
        if (rID == "headlight") {
            rID = "lens";
        }
       // alert(rID);
        $('#out_product_' + rID).removeClass('hidden').addClass('visible').show();
        curvyCorners(rd10, '.contentOutline');

    });
    $('.selectionProducts').click(function () {
        var sID = $(this).attr('id');
        var spID = sID.split('_');
        var rID = spID[1];
        //alert(rID);
        $('.outProducts,#selectionSubFooter').removeClass('visible').addClass('hidden').hide();
        $('#productSubFooter').removeClass('hidden').addClass('visible').show();
        $('#out_product_' + rID).removeClass('hidden').addClass('visible').show();
        curvyCorners(rd10, '.contentOutline');
        //$('.contentOutline').corners();
    });


    $('.selectionProducts').hover(function () {
        //tweak.tclean();
        $('.outlineKits,.outlineKits2,.outProducts').hide();
        var sID = $(this).attr('id');
        //console.log(sID);
        var spID = sID.split('_');
        var rID = spID[1];
        tweak.tclean();
        //console.log(rID);
        if (rID == "lens") {
            rID = "headlight";
        }
        //alert(rID);
        tweak.tstop();
        if (rID != "headlight") {
            $('#sel_' + rID).attr('src', $('#sel_' + rID).attr('src').replace(".png", "_on.png"));
            $('#sel_' + rID).addClass('selectionSel selectedItem');

        } else {
            //console.log("CLASS: " + $('#sel_' + rID).attr('class'));
            if (!$('#sel_' + rID).hasClass('selectedItem')) {
                //console.log("THERE1");
                $('#sel_headlight').attr('src', $('#sel_headlight').attr('src').replace(".png", "_on.png")).addClass('selectedItem');
                $('#sel_lens').attr('src', $('#sel_lens').attr('src').replace(".png", "_on.png")).addClass('selectedItem');
            }
            tweak.tstart($('#sel_headlight'), $('#sel_lens'), 1000);

        }

        var alt = $('#out_' + rID).attr('alt');
        var coord = $('#out_' + rID).attr('coords');
        //console.log("COORD: " + coord);
        var spCo = coord.split(',');
        var cY = spCo[0];
        var cX = spCo[1];

        if (rID == "headlight") {
            var spAlt = alt.split('|-|');
            var prod1 = spAlt[0];
            var prod2 = spAlt[1];
            var spProd1 = prod1.split('|+|');
            var spProd2 = prod2.split('|+|');
            var h = spProd1[0] + "<br /><span>" + spProd1[1] + "</span>";
            h += "<div class='proditem'>" + spProd2[0] + "<br /><span>" + spProd2[1] + "</span></div>";
            //console.log("HTML: " + h);

            moveBubbles(cX, cY, rID, h);
        } else {
            moveBubbles(cX, cY, rID, "<div class='prod'>" + alt + "</div>");
        }
    });

    $('.outlinePos').hover(function () {

        $('.outlineKits,.outlineKits2,.outProducts').hide();
        $('#selectionSubFooter').show();
        var sID = $(this).attr('id');

        var spID = sID.split('_');
        var rID = spID[1];
        //console.log(rID);
        tweak.tclean();
        //console.log("rID: " + rID);
        if (rID == "lens") {
            rID = "headlight";
        }
        tweak.tstop();
        if (rID != "headlight") {
            $('#sel_' + rID).attr('src', $('#sel_' + rID).attr('src').replace(".png", "_on.png"));
            $('#sel_' + rID).addClass('selectionSel selectedItem');
            //tweak.tstop();
        } else {
            if (!$('#sel_' + rID).hasClass('selectedItem')) {
                // console.log("THERE2");
                $('#sel_headlight').attr('src', $('#sel_headlight').attr('src').replace(".png", "_on.png")).addClass('selectedItem');
                $('#sel_lens').attr('src', $('#sel_lens').attr('src').replace(".png", "_on.png")).addClass('selectedItem');
            }
            // tweak.tstop();
            tweak.tstart($('#sel_headlight'), $('#sel_lens'), 1000);

        }


        var alt = $(this).attr('alt');
        var coord = $(this).attr('coords');
        var spCo = coord.split(',');
        var cY = spCo[0];
        var cX = spCo[1];
        if (rID == "headlight") {
            var spAlt = alt.split('|-|');
            var prod1 = spAlt[0];
            var prod2 = spAlt[1];
            var spProd1 = prod1.split('|+|');
            var spProd2 = prod2.split('|+|');
            var h = spProd1[0] + "<br /><span>" + spProd1[1] + "</span>";
            h += "<div class='proditem'>" + spProd2[0] + "<br /><span>" + spProd2[1] + "</span></div>";
            //console.log("HTML: " + h);

            moveBubbles(cX, cY, rID, h);
        } else {
            moveBubbles(cX, cY, rID, "<div class='prod'>" + alt + "</div>");
        }
    });

    var tweak = (function () {
        var head_int;
        var init = function () {

        };
        var tstart = function (item1, item2, time1) {
            // console.log("ITEM1: " + $(item1).attr('id'));
            // console.log("Hello: " + $(item1).size());


            head_int = setInterval(function () {
                if ($(item1).hasClass('selectionSel')) {
                    $(item1).removeClass('selectionSel');
                    $(item2).addClass('selectionSel selectedItem');
                    //console.log("A. ITEM1: " + $(item1).attr('class'));
                    //console.log("A. ITEM2: " + $(item2).attr('class'));
                } else {
                    $(item2).removeClass('selectionSel');
                    $(item1).addClass('selectionSel selectedItem');
                    //console.log("B. ITEM1: " + $(item1).attr('class'));
                    //console.log("B. ITEM2: " + $(item2).attr('class'));
                }
            }, time1);

        };
        var tclean = function () {
            //console.log("Clean");

            if ($('.selectionProducts').hasClass('selectedItem') == true) {
                //  $('.selectionProducts').removeClass('selectionSel');
                // console.log("CLEANING");
                $('.selectionProducts').each(function () {
                    $(this).attr('src', $(this).attr('src').replace("_on.png", ".png")).removeClass('selectedItem selectionSel');
                });
            }
        };
        var tstop = function () {
            //console.log("Head_INt: " + head_int);
            clearInterval(head_int);
        };
        return {
            "tstart": tstart,
            "tstop": tstop,
            "tclean": tclean
        };
    })();


    function moveBubbles(cX, cY, rID, html) {
        var cBT = 0;
        var cDT = 0;
        var cBL = 0;
        var cDL = 0;
        cDT = parseInt(cX) + 35; //DOT TOp
        cBT = parseInt(cX) - 140; //Bubble Top
        cDL = parseInt(cY) + 7; //Dot Left
        cBL = parseInt(cY) + 15; // Bubble Top
        //alert(cDT+" "+cBT);
        var dT = cDT;
        var bT = cBT;
        var dL = cDL;
        var bL = cBL;
        var dY = 0;
        var bY = 0;

        var dX = 0;
        var bX = 0;
        var w = 250;
        var page = "page1";
        //alert($.browser.msie);
        if ($.browser.msie) {//IE
            //alert(rID);
            switch (rID) {
                case "fiberglass":
                    dY = -3;
                    page = "page1";
                    break;
                case "fueltank":
                    dY = -5;
                    dX = 0;
                    bY = -5;
                    page = "page1";
                    break;
                case "defogger":
                    dY = -2;
                    dX = -1;
                    page = "page1";
                    break;
                //                case "wheel":                                                                 
                //                    dY = -2;                                                                 
                //                    dX = 0;                                                                 
                //                    page ="page1";                                                                 
                //                break;                                                                 
                case "proleather":
                    dY = -2;
                    dX = -2;
                    page = "page1";
                    break;
                case "fabric":
                    dY = -2;
                    dX = -1;
                    page = "page1";
                    break;
                case "leather":
                    dY = -1;
                    dX = -2;
                    page = "page1";
                    break;
                case "rearview":
                    dY = -2;
                    dX = -2;
                    page = "page1";
                    break;
                case "windshield":
                    dY = -3;
                    dX = -2;
                    page = "page2";
                    break;
                case "plastic":
                    dY = -1;
                    dX = -2;
                    page = "page2";
                    break;
                case "stripped":
                    dY = -4;
                    dX = -2;
                    page = "page2";
                    break;
                case "radiator":
                    dY = -3;
                    dX = -1;
                    page = "page2";
                    break;
                case "headlight":
                    dY = -2;
                    page = "page2";
                    break;
                case "lens":
                    dY = -2;
                    page = "page2";
                    break;
            }
        } else {//NOT IE
            switch (rID) {
                case "fiberglass":
                    dY = -5;
                    dX = -2;
                    bY = -20;
                    page = "page1";
                    break;
                case "fueltank":
                    dY = -8;
                    dX = -1;
                    bY = -20;
                    bX = -5;
                    page = "page1";
                    break;
                case "defogger":
                    dY = -5;
                    dX = -2;
                    bY = -10;
                    page = "page1";
                    break;
                //                case "wheel":                                                                 
                //                    dY = -5;                                                                 
                //                    dX = -1;                                                                 
                //                    page ="page1";                                                                 
                //                break;                                                                 
                case "proleather":
                    dY = -5;
                    dX = -2;
                    bY = -20;
                    page = "page1";
                    break;
                case "fabric":
                    dY = -4;
                    dX = -1;
                    bY = -10;
                    page = "page1";
                    break;
                case "leather":
                    dY = -5;
                    dX = -1;
                    bY = -10;
                    page = "page1";
                    break;
                case "rearview":
                    dY = -5;
                    dX = -1;
                    bY = -15;
                    page = "page1";
                    break;
                case "windshield":
                    dY = -6;
                    dX = 0;
                    bY = -15;
                    page = "page2";
                    break;
                case "plastic":
                    dY = -5;
                    dX = -2;
                    bY = -15;
                    page = "page2";
                    break;
                case "stripped":
                    dY = -6;
                    dX = -2;
                    bY = -15;
                    page = "page2";
                    break;
                case "radiator":
                    dY = -6;
                    dX = -1;
                    bY = -15;
                    page = "page2";
                    break;
                case "headlight":
                    dY = -7;
                    dX = -2;
                    bY = -15;
                    page = "page2";
                    break;
                //                case "lens":                                              
                //                    dY = -5;                                              
                //                    dX = 0;                                              
                //                    bY = -5;                                              
                //                    page = "page2";                                              
                //                    break;                                              

            }

        }




        dT = parseInt(dT) + dY;
        bT = parseInt(bT) + bY;
        //console.log("TOp: " + bT);
        dL = parseInt(dL) + dX;
        bL = parseInt(bL) + bX;
        $('.selPages').removeClass('visible').addClass('hidden').hide();
        $('#sel_' + page).removeClass('hidden').addClass('visible').show();
        $('.selectBtn').attr('id', 'lnk_' + rID).removeClass('hidden').addClass('visible').show().css({ top: dT + 'px', left: dL + 'px' });
        $('#selectTxt').removeClass('hidden').addClass('visible').show().css({ left: bL + 'px', top: bT + 'px' });

        $('#outline_' + rID).removeClass('hidden').addClass('visible').show();

        $('#littleWhichBubble,#mediumWhichBubble').removeClass('hidden').addClass('visible').show();
        curvyCorners(rd10, '#littleWhichBubble,#mediumWhichBubble');
        //$('#whichBubble').show();
        $('#whichBubble').removeClass('hidden').addClass('visible').show();
        $('.outlineSplash').html(html);


        curvyCorners(rd20, '#whichBubble');

    }





    $('.modalBox').mouseleave(function () {
        $('.selectBtn').removeClass('visible').addClass('hidden').hide();
        $('#selectTxt').removeClass('visible').addClass('hidden').hide();
        $('.outProducts').removeClass('visible').addClass('hidden').hide();
        $('#selectionSubFooter').removeClass('hidden').addClass('visible').show();
    });

    $('.btnPages').click(function () {
        var sID = $(this).attr('id');
        var spID = sID.split('_');
        var rID = spID[1];
        $(this).parent().removeClass('visible').addClass('hidden').hide();
        $('#sel_' + rID).removeClass('hidden').addClass('visible').fadeIn('slow');

    });



});