$(document).ready(function(){
    // Add class to body to tell the stylesheet that JavaScript is turned on
    $('body').addClass('jsOn');

    $('.btnAnswerOff').attr('disabled','disabled');

    //	Form input clearing
    //inputClear('#quoteForm input');

    //	Slider Function
    itemSlider('#itemSlider .prev a, #itemSlider .next a');

    followingSidebar('#sidebar');

    //  Custom Picks
    pickAir('#air');
    pickHeat('#heat');
    pickElectrical('#electrical');
    pickDoorbell('#doorbell');
    pickSmoke('#smoke');
    pickCeiling('#ceiling');
    pickPlumbing('#plumbing');
    pickWaterheater('#waterheater');
    pickGarbage('#garbage');
    pickHotcold('#hotcold');
    pickCentralvac('#centralvac');
    pickFridge('#fridge');
    pickRange('#range');
    pickWasher('#washer');
    pickDryer('#dryer');
    pickDishwasher('#dishwasher');
    pickMicrowave('#microwave');
    pickTrash('#trash');
    pickIce('#ice');
    pickGarage('#garage');
    pickFoodcenter('#foodcenter');


    //	Modal Layers
    $("body").append('<div id="overlay"><a id="closeLayer" href="#">close</a></div>');
    modalLayer('a.modal');
    closeModal('#closeLayer');

    //  Tooltip
    toolTip('.btnCustomOff, .btnAnswerOff');


    // List counting
    planCount = 0;
    howManyLeft = parseFloat( $('.howManyLeft').text() );
    $('#accordion .addPlan').click(function(){
        planCount = (planCount+1);
        howManyLeft = (howManyLeft-1);
        $('.howManyLeft').html(howManyLeft);

        if(planCount == 10) {
            $('.btnCustomOff').removeClass('btnCustomOff').addClass('btnCustomOn');
            $('.btnAnswerOff').removeClass('btnAnswerOff').addClass('btnAnswerOn');
            $('.btnCustomOn').removeAttr('disabled');
            $('#pickHeading').addClass('pickDone').html('Your Pick 10 Plan is complete!');
            $('#accordion a').addClass('disabled');
            $('#tooltip').remove();
            $('#accordion').accordion('disable');
        }


    })


});

//	Following sidebar
function followingSidebar(el){
    sidebarObj                  = $(el);
    var minHeight               = sidebarObj.height();
    var sidebar_top_limit       = 0;
    var sidebar_top_margin      = 0;
    var sidebar_slide_duration  = 500;


    if( $(window).height() > minHeight ){
        $(window).scroll(function() {
            offset = $(document).scrollTop() + sidebar_top_margin;

            if(offset < sidebar_top_limit)
                offset = sidebar_top_limit;

            sidebarObj.animate({
                top:offset
            },{
                duration:sidebar_slide_duration,
                queue:false
            });
        });
    }

    $(window).bind('resize', function(){
        if( $(window).height() > minHeight ){
            sidebarObj = $(el);
        } else {
            sidebarObj.animate({
                top:sidebar_top_limit
            },{
                duration:sidebar_slide_duration,
                queue:false
            });
            sidebarObj = $('#emptyElement');
        }
    }); // end window resize bind
}// end Following Sidebar



//	Global animation settings

sliderSpeed = 500;
modalFadeSpeed = 300;


//	Item slider
function itemSlider(el) {
    $(el).click(function(){
        var obj = $(this);
        obj.hide();
        if( obj.parent().attr('class') == 'prev' ){
            var howFar = 580;
            var thisList = obj.parent().next().find('.slider');


            lastFour = $(thisList).find('li:gt(4)');
            lastFour.clone().prependTo(thisList);
            thisList.css('left', -howFar);

            //	Run the animation
            thisList.animate({
                left: 0
            }, sliderSpeed, function() {
                lastFour.remove();
                thisList.css('left', 0)
                obj.show();
            });

            return false;

        }
        else if( obj.parent().attr('class') == 'next' ){

            var howFar = 580;
            var thisList = obj.parent().prev().find('.slider');

            firstFour = $(thisList).find('li:lt(4)');
            firstFour.clone().appendTo(thisList);


            //	Run the animation
            thisList.animate({
                left: -howFar
            }, sliderSpeed, function() {
                firstFour.remove();
                thisList.css('left', 0)
                obj.show();
            });

            return false;

        }
    });
}



//	Starburst Modal Layers
function modalLayer(el) {
    $(el).click(function(){
        //  IE6 doesn't allow anything to cover selectboxes
        if($.browser.msie && $.browser.version=="6.0"){
            $('select').hide();
        }
        if( $(this).hasClass('modalStar') ) {
            //	Login
            $('#overlay').prepend('<div id="overlayBG"></div><div id="starBox" class="modalLayerBox"></div>');
            $('#closeLayer').addClass('login');
            $('#starBox').html($('#star-modal').html());
        }

        //	Show the overlay & populate with content
        $('#overlay').show();
        //	Fade the overlay in
        $('#overlayBG').fadeTo(modalFadeSpeed, 0.6, function() {
            // Animation complete.
            });
        //	Fade the modal content layer & close button in
        $('.modalLayerBox, #closeLayer').show().fadeTo(modalFadeSpeed, 1, function() {
            // Animation complete.
            });
        return false;
    });
}

//	Close the layer and remove the iframe content
function closeModal(el) {
    $(el).click(function(){
        //	Fade out all elements
        $('#overlayBG, .modalLayerBox, #closeLayer').fadeTo(modalFadeSpeed, 0, function() {
            //	Hide/empty/remove class from appropriate elements
            $('#overlay, #overlay a.close').hide();
            $('#overlay div').remove();
            $('#starBox').html('');
            $('#closeLayer').removeClass();
            //  Show the selectboxes in IE6
            if($.browser.msie && $.browser.version=="6.0"){
                $('select').show();
            }
        });
    })
}


//  Page Tabs
$(function() {
    $("#tabArea").tabs();
});
$(function() {
    $("#chooseArea").tabs();
});

//  Customize accordion
$(function() {
    $("#accordion").accordion({
        event: "mouseover"
    });
});


//	Clear inputs on focus
//function inputClear(target) {
//   var target = target && "input";
//    $(target).each(function() {
//        if( $(this).attr("type") == "text" || $(this).attr("type") == "password" ) {
//            var value = $(this).val();
//            $(this).focus(function() {
//                if($(this).val() == value) {
//                    $(this).val("");
//                }
//            });
//            $(this).blur(function() {
//                if($(this).val() == "") {
//                    $(this).val(value);
//                }
//            });
//        }
//    });
//}

// Tooltip
function toolTip(el) {
    $(el).hover(
        function(){
            $('#tooltip').removeClass('tooltipOff').addClass('tooltip');
        },
        function(){
            $('#tooltip').removeClass('tooltip').addClass('tooltipOff');
        }
        )
}
			
	
// Remove list items	
$('.remove').live('click', function() {
    $(this).parent('li').remove();
    planCount = (planCount-1);
    howManyLeft = (howManyLeft+1);
    $('.howManyLeft').html(howManyLeft);
			
    if(planCount < 10) {
        $('.btnCustomOn').removeClass('btnCustomOn').addClass('btnCustomOff');
        $('.btnAnswerOn').removeClass('btnAnswerOn').addClass('btnAnswerOff');
        $('#accordion a').removeClass('disabled');
        $('#accordion').accordion('enable');
    }
			
    var pickDone = $('#pickHeading').hasClass('pickDone');
    if(pickDone == true) {
        $('.customSubmit').prepend('<div id="tooltip" class="tooltipOff"><p>Please pick more options.</p></div>');
        $('#pickHeading').html('Pick <span class="howManyLeft">1</span> more options below:');
        $('#pickHeading').removeClass('pickDone');
    }
			
			
    var ourClass = $(this).parent().attr('id');
    if(ourClass == "airOn") {
        $('#air').removeClass('picked').addClass('addPlan');
        $('#airLink').removeClass('picked');
        $('#airBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[1]',''));
    }

    if(ourClass == "heatOn") {
        $('#heat').removeClass('picked').addClass('addPlan');
        $('#heatLink').removeClass('picked');
        $('#heatBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[2]',''));
    }
		
    if(ourClass == "electricalOn") {
        $('#electrical').removeClass('picked').addClass('addPlan');
        $('#electricalLink').removeClass('picked');
        $('#electricalBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[3]',''));
    }
					
    if(ourClass == "doorbellOn") {
        $('#doorbell').removeClass('picked').addClass('addPlan');
        $('#doorbellLink').removeClass('picked');
        $('#doorbellBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[4]',''));
    }
			
    if(ourClass == "smokeOn") {
        $('#smoke').removeClass('picked').addClass('addPlan');
        $('#smokeLink').removeClass('picked');
        $('#smokeBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[5]',''));
    }
			
    if(ourClass == "ceilingOn") {
        $('#ceiling').removeClass('picked').addClass('addPlan');
        $('#ceilingLink').removeClass('picked');
        $('#ceilingBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[6]',''));
    }
			
    if(ourClass == "plumbingOn") {
        $('#plumbing').removeClass('picked').addClass('addPlan');
        $('#plumbingLink').removeClass('picked');
        $('#plumbingBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[7]',''));
    }
			
    if(ourClass == "waterheaterOn") {
        $('#waterheater').removeClass('picked').addClass('addPlan');
        $('#waterheaterLink').removeClass('picked');
        $('#waterheaterBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[8]',''));
    }
			
    if(ourClass == "garbageOn") {
        $('#garbage').removeClass('picked').addClass('addPlan');
        $('#garbageLink').removeClass('picked');
        $('#garbageBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[9]',''));
    }

    if(ourClass == "hotcoldOn") {
        $('#hotcold').removeClass('picked').addClass('addPlan');
        $('#hotcoldLink').removeClass('picked');
        $('#hotcoldBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[10]',''));
    }
			
    if(ourClass == "centralvacOn") {
        $('#centralvac').removeClass('picked').addClass('addPlan');
        $('#centralvacLink').removeClass('picked');
        $('#centralvacBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[11]',''));
    }

    if(ourClass == "fridgeOn") {
        $('#fridge').removeClass('picked').addClass('addPlan');
        $('#fridgeLink').removeClass('picked');
        $('#fridgeBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[12]',''));
    }

    if(ourClass == "rangeOn") {
        $('#range').removeClass('picked').addClass('addPlan');
        $('#rangeLink').removeClass('picked');
        $('#rangeBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[13]',''));
    }
			
    if(ourClass == "washerOn") {
        $('#washer').removeClass('picked').addClass('addPlan');
        $('#washerLink').removeClass('picked');
        $('#washerBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[14]',''));
    }
						
    if(ourClass == "dryerOn") {
        $('#dryer').removeClass('picked').addClass('addPlan');
        $('#dryerLink').removeClass('picked');
        $('#dryerBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[15]',''));
    }
			
    if(ourClass == "dishwasherOn") {
        $('#dishwasher').removeClass('picked').addClass('addPlan');
        $('#dishwasherLink').removeClass('picked');
        $('#dishwasherBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[16]',''));
    }
			
    if(ourClass == "microwaveOn") {
        $('#microwave').removeClass('picked').addClass('addPlan');
        $('#microwaveLink').removeClass('picked');
        $('#microwaveBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[17]',''));
    }
			
    if(ourClass == "trashOn") {
        $('#trash').removeClass('picked').addClass('addPlan');
        $('#trashLink').removeClass('picked');
        $('#trashBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[18]',''));
    }
			
    if(ourClass == "iceOn") {
        $('#ice').removeClass('picked').addClass('addPlan');
        $('#iceLink').removeClass('picked');
        $('#iceBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[19]',''));
    }

    if(ourClass == "garageOn") {
        $('#garage').removeClass('picked').addClass('addPlan');
        $('#garageLink').removeClass('picked');
        $('#garageBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[20]',''));
    }
				
    if(ourClass == "foodcenterOn") {
        $('#foodcenter').removeClass('picked').addClass('addPlan');
        $('#foodcenterLink').removeClass('picked');
        $('#foodcenterBody').removeClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val.replace('[21]',''));
    }
																			
});
	
	
		
//  Add list items	
function pickAir(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="airOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/air_conditioning.png" /><p>Air Conditioning</p></li>');
        $('#air').removeClass('addPlan').addClass('picked');
        $('#airLink').addClass('picked');
        $('#airBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[1]');
    })
}
					
function pickHeat(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="heatOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/heating.png" /><p>Heating</p></li>');
        $('#heat').removeClass('addPlan').addClass('picked');
        $('#heatLink').addClass('picked');
        $('#heatBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[2]');
    })
}

function pickElectrical(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="electricalOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/electrical.png" /><p>Electrial</p></li>');
        $('#electrical').removeClass('addPlan').addClass('picked');
        $('#electricalLink').addClass('picked');
        $('#electricalBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[3]');
    })
}

function pickDoorbell(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="doorbellOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/doorbell.png" /><p>Doorbells</p></li>');
        $('#doorbell').removeClass('addPlan').addClass('picked');
        $('#doorbellLink').addClass('picked');
        $('#doorbellBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[4]');
    })
}
		
function pickSmoke(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="smokeOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/smoke_detector.png" /><p>Smoke Detectors</p></li>');
        $('#smoke').removeClass('addPlan').addClass('picked');
        $('#smokeLink').addClass('picked');
        $('#smokeBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[5]');
    })
}		

function pickCeiling(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="ceilingOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/ceiling_fan.png" /><p>Ceiling Fans</p></li>');
        $('#ceiling').removeClass('addPlan').addClass('picked');
        $('#ceilingLink').addClass('picked');
        $('#ceilingBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[6]');
    })
}	
				
function pickPlumbing(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="plumbingOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/plumbing.png" /><p>Plumbing</p></li>');
        $('#plumbing').removeClass('addPlan').addClass('picked');
        $('#plumbingLink').addClass('picked');
        $('#plumbingBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[7]');
    })
}				

function pickWaterheater(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="waterheaterOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/water_heater.png" /><p>Water Heaters</p></li>');
        $('#waterheater').removeClass('addPlan').addClass('picked');
        $('#waterheaterLink').addClass('picked');
        $('#waterheaterBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[8]');
    })
}			
	
function pickGarbage(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="garbageOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/garbage_disposal.png" /><p>Garbage Disposals</p></li>');
        $('#garbage').removeClass('addPlan').addClass('picked');
        $('#garbageLink').addClass('picked');
        $('#garbageBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[9]');
    })
}	
				
function pickHotcold(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="hotcoldOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/hotwater.png" /><p>Water Dispensers</p></li>');
        $('#hotcold').removeClass('addPlan').addClass('picked');
        $('#hotcoldLink').addClass('picked');
        $('#hotcoldBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[10]');
    })
}
		
function pickCentralvac(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="centralvacOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/central_vacuum.png" /><p>Central Vacuums</p></li>');
        $('#centralvac').removeClass('addPlan').addClass('picked');
        $('#centralvacLink').addClass('picked');
        $('#centralvacBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[11]');
    })
}	
			
function pickFridge(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="fridgeOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/refrigerator.png" /><p>Refrigerators</p></li>');
        $('#fridge').removeClass('addPlan').addClass('picked');
        $('#fridgeLink').addClass('picked');
        $('#fridgeBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[12]');
    })
}
		
function pickRange(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="rangeOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/range.png" /><p>Ranges/Ovens</p></li>');
        $('#range').removeClass('addPlan').addClass('picked');
        $('#rangeLink').addClass('picked');
        $('#rangeBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[13]');
    })
}		
			
function pickWasher(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="washerOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/washer.png" /><p>Clothes Washers</p></li>');
        $('#washer').removeClass('addPlan').addClass('picked');
        $('#washerLink').addClass('picked');
        $('#washerBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[14]');
    })
}	
		
function pickDryer(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="dryerOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/dryer.png" /><p>Clothes Dryers</p></li>');
        $('#dryer').removeClass('addPlan').addClass('picked');
        $('#dryerLink').addClass('picked');
        $('#dryerBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[15]');
    })
}
		
function pickDishwasher(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="dishwasherOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/dishwasher.png" /><p>Dishwashers</p></li>');
        $('#dishwasher').removeClass('addPlan').addClass('picked');
        $('#dishwasherLink').addClass('picked');
        $('#dishwasherBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[16]');
    })
}	
		
function pickMicrowave(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="microwaveOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/microwave.png" /><p>Microwaves</p></li>');
        $('#microwave').removeClass('addPlan').addClass('picked');
        $('#microwaveLink').addClass('picked');
        $('#microwaveBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[17]');
    })
}
			
function pickTrash(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="trashOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/trash_compactor.png" /><p>Trash Compactors</p></li>');
        $('#trash').removeClass('addPlan').addClass('picked');
        $('#trashLink').addClass('picked');
        $('#trashBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[18]');
    })
}	
	
function pickIce(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="iceOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/ice_maker.png" /><p>Ice Makers</p></li>');
        $('#ice').removeClass('addPlan').addClass('picked');
        $('#iceLink').addClass('picked');
        $('#iceBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[19]');
    })
}	
	
function pickGarage(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="garageOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/garage_opener.png" /><p>Garage Openers</p></li>');
        $('#garage').removeClass('addPlan').addClass('picked');
        $('#garageLink').addClass('picked');
        $('#garageBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[20]');
    })
}
		
function pickFoodcenter(el) {
    $(el).click(function(){
        $('#customPick').append('<li id="foodcenterOn"><a class="remove"><img src="/images/icon_tick_off.png" /></a><img src="/images/picks/food_center.png" /><p>Food Centers</p></li>');
        $('#foodcenter').removeClass('addPlan').addClass('picked');
        $('#foodcenterLink').addClass('picked');
        $('#foodcenterBody').addClass('picked');
        var so_val = $('#so').val();
        $('#so').val(so_val + '[21]');
    })
}