$(function() {
    //setting up the modal window attributes
    $('.openComparator').dialog({
        bgiframe: true,
        autoOpen: false,
        width: 960,
        modal: true,
        resizable: false,
        closeOnEscape: true
    });

    $('.openModalComparator').unbind("click").bind("click", function() {
        // grabs url from href and loads it into the modal window
        var urlContent = $(this).attr('href');
        $('.openComparator').dialog('close').load(urlContent, function() {
            $('.openComparator').dialog('open');
            applyModalShader();
            $('a.hideResort').click(function() {
                $('#comparatorContainer .' + $(this).attr('href').split('#')[1]).hide();
                $('a.showResort[href=' + $(this).attr('href') + ']').show();
                var tarString = $(this).parent().parent().attr("class")
                var finalString = tarString.replace(/resortContainer/, "")
                var finalClass = "." + finalString + ".ui-accordion-content-active";
                $(finalClass).hide();
                return false;
            });

            $('a.showResort').click(function() {
                $('#comparatorContainer .' + $(this).attr('href').split('#')[1]).show()
                $(".ui-state-default").each(function() {
                    $(".ui-state-active").next().show();
                    $(this).next().hide();
                })
                $(this).hide();
                return false;
            });

            // accordian set up for resorts
            $('.accordion').accordion({
                autoHeight: false,
                header: '.heading',
                clearStyle: true,
                collapsible: true,
                icons: {
                    header: "ui-icon-circle-arrow-e",
                    headerSelected: "ui-icon-circle-arrow-s"
                }

            });
			$('ul.ui-accordion-content li:last-child').addClass('last-child');
			
            $('ul.accordion').each(function(idxAcc) {
                $('li > div', $(this)).each(function(idx) {
                    $(this).bind("click", function() {
                        $('ul.accordion').accordion('activate', idx);
                    });
                });
            });
        });
        return false;
    });


});

function applyModalShader(obj) {
    // ***** Shadebox for thumbnail and other on main area [begin] *****		
	//Layout modification Senthil
/*    $(obj).find('.modalShadebox').wrap("<div class='modalShadeboxWrapper'>" + "<div class='modalShadeboxWrapper2'>" + "<div class='modalShadeboxWrapper3'>" + "</div></div></div>");
    $(obj).find('.modalShadebox').prepend("<div class='modalShadeboxHeader'><b class='modalShadeboxTlc'></b><b class='modalShadeboxTrc'></b></div>");
    $(obj).find('.modalShadebox').append("<div class='modalShadeboxFooter'><b class='modalShadeboxBlc'></b><b class='modalShadeboxBrc'></b></div>");*/
	
    $(obj).find('.modalShadeboxInner').wrap("<div class='modalShadeboxWrapper'>" + "<div class='modalShadeboxWrapper2'>" + "<div class='modalShadeboxWrapper3'>" + "</div></div></div>");
	
    $(obj).find('.modalShadebox').prepend("<div class='modalShadeboxHeader'></div>");
    $(obj).find('.modalShadebox').append("<div class='modalShadeboxFooter'></div>");		
}