// Jquery Utitlies Document for Halley Resources
jQuery(document).ready(function () {

    //categories hover function
    function categoryHover(id, mouseover) {
        var cssClass, thumbClass, selectedClass, selectedThumbClass

        //mouseover
        if (mouseover) {

            //loop throught artists names
            $('div.Artist-list a').each(function (index) {
                cssClass = $(this).attr('class');

                selectedClass = cssClass.search(id);

                //find artist name with matched class
                if (selectedClass != -1) {
                    //hover models names
                    $('div.Artist-list a.' + id).addClass('mdlactive');
                }

            });

            //set all thumbnails with opacity 50%
            $('div.thumbnails a img').addClass('imginactive');

            //loop through artist thumbnails
            $('div.thumbnails a img').each(function (index) {
                thumbClass = $(this).attr('class');

                selectedThumbClass = thumbClass.search(id);

                //find artist thubnail with matched class
                if (selectedThumbClass != -1) {
                    $('div.thumbnails a img.' + id).addClass('imgactive').removeClass('imginactive');
                }

            });


        }
        //mouseout
        else {

            //loop throught artists names
            $('div.Artist-list a').each(function (index) {
                cssClass = $(this).attr('class');

                selectedClass = cssClass.search(id);

                //find artist name with matched class
                if (selectedClass != -1) {
                    // hover off model names
                    $('div.Artist-list a.' + id).removeClass('mdlactive');
                }

                //remove 50% opacity from all thumbnails
                $('div.thumbnails a img').removeClass('imginactive');

                //loop through artist thumbnails
                $('div.thumbnails a img').each(function (index) {
                    thumbClass = $(this).attr('class');

                    selectedThumbClass = thumbClass.search(id);

                    //find artist thubnail with matched class
                    if (selectedThumbClass != -1) {
                        $('div.thumbnails a img.' + id).removeClass('imgactive');
                    }

                });

            });
        }
    }

    //model name and model thumbnail hover
    function modelHover(id, thisClass, mouseover) {
        var splitIdAr, catId, selectedId, seperator

        seperator = "_";

        splitIdArr = id.split(seperator);

        //mouseover
        if (mouseover) {

            //loop throught category names
            $('div.Category-list a').each(function (index) {
                catId = $(this).attr('id');

                selectedId = thisClass.search(catId);

                //find category name with matched id
                if (selectedId != -1) {
                    //hover categories names
                    $('div.Category-list a#' + catId).addClass('catactive');
                }

            });

            //set all thumbnails with opacity 50%
            $('div.thumbnails a img').addClass('imginactive');

            //model list
            $('#mdl_' + splitIdArr[1]).addClass('mdlactive');

            //thumbnail list
            $('#img_' + splitIdArr[1]).addClass('imgactive').removeClass('imginactive'); ;

        }
        //mouseout
        else {

            //loop throught category names
            $('div.Category-list a').each(function (index) {
                catId = $(this).attr('id');

                selectedId = thisClass.search(catId);

                //find category name with matched id
                if (selectedId != -1) {
                    //hover categories names
                    $('div.Category-list a#' + catId).removeClass('catactive');
                }

            });

            //remove 50% opacity from all thumbnails
            $('div.thumbnails a img').removeClass('imginactive');

            //model list
            $('#mdl_' + splitIdArr[1]).removeClass('mdlactive');

            //thumbnail list
            $('#img_' + splitIdArr[1]).removeClass('imgactive');
        }
    }

    //results page
    if ($('#rltsPage').length != 0) {
        $(window).load(function () {
            var thumbnailHeight, artistLinkHeight
            thumbnailHeight = $('div.thumbnails').height();
            artistLinkHeight = $('div.Artist-list').height();
            if (thumbnailHeight > artistLinkHeight) {
                $('#results').height($('div.thumbnails').height());
            } else {
                $('#results').height($('div.Artist-list').height());
            }
        });

        //thumbnail hover
        $('div.thumbnails a img').hover(
        function () {
            modelHover($(this).attr('id'), $(this).attr('class'), true);
        },
        function () {
            modelHover($(this).attr('id'), $(this).attr('class'), false);
        }
        );
    }

    //category list hover
    $('div.Category-list a').hover(
		  function () {
		      categoryHover($(this).attr('id'), true);
		  },
		  function () {
		      categoryHover($(this).attr('id'), false);
		  }
		);

    //modellist hover
    $('div.Artist-list a').hover(
        function () {
            modelHover($(this).attr('id'), $(this).attr('class'), true);
        },
        function () {
            modelHover($(this).attr('id'), $(this).attr('class'), false);
        }
        );

    //add 'mdlLink' class to custom weblinks
    $('p.mdlWebLinks').find('a').addClass('mdlLink');

    //add target attribute to custom weblinks
    $('p.mdlWebLinks').find('a').attr('target', '_blank');

    //show details dropdown
    //set the 'div#lyr1' scroll layer to hidden when page loads
    jQuery(window).load(function () {
        $('div#lyr1').css('visibility', 'hidden');

    });
    jQuery('.select-artist-img').click(function () {
        $(this).css('visibility', 'hidden');
        $('div.mdlDropDown').css('visibility', 'visible');
        $('div#lyr1').css('visibility', 'visible');
    });

    //close details dropdown
    jQuery('.btnClose').click(function () {
        $('div.mdlDropDown').css('visibility', 'hidden');
        $('.select-artist-img').css('visibility', 'visible');
        $('div#lyr1').css('visibility', 'hidden');
    });

    //details thumbnails
    //remove title tags from thunbnails on hover
    $('#thumbs a').hover(
        function () {
            $(this).attr('title', '');
        },
        function () {
            $(this).attr('title', 'double click to view large image');
        }
    );

});