/*
 * CSS helper tools
 *----------------------------------------------*/
jQuery(document).ready( function( $){ 
    
    //hover on Images
    $( 'img.img_hover').hover(
        function(){
            var afterSrc = '';
            var beforeSrc = $( this).attr('src');
            
            var srcArray    = beforeSrc.split('.');
            var arraylen    = srcArray.length;
            
            srcArray[ arraylen - 2] = srcArray[ arraylen - 2]+ '_on';
            
            for( var i=0; i<arraylen; i++){
                var extens = ( i != 0) ? '.' : '';
                afterSrc = afterSrc + extens + srcArray[ i];
            }
            
            $(this).attr( 'src', afterSrc);
            
            return;
        },
        function(){
            var afterSrc    = '';
            var beforeSrc   = $( this).attr( 'src');
            
            afterSrc = beforeSrc.replace( '_on', '');
            $( this).attr( 'src', afterSrc);
            
            return;
        }
    );

    //hidden block
    $('.hide').css({"display": "none"});
    
    
/*
    //slideshow default config
    function mycarousel_initCallback( carousel)
    {
        // Disable autoscrolling if the user clicks the prev or next button.
        carousel.buttonNext.bind( 'click', function() {
            carousel.startAuto();
        });
        carousel.buttonPrev.bind( 'click', function() {
            carousel.startAuto();
        });
        $( '#cboxOverlay, #colorbox').hover(function() {
            carousel.stopAuto();
        }, function() {
            carousel.startAuto();
        });
        
        // Pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(function() {
            carousel.stopAuto();
        }, function() {
            carousel.startAuto();
        });
    };
    
    
    $('.swap-image').jcarousel({
        animation: 3000,
        auto: 3,
        scroll: 1,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
//*/
    
    //swap Image
    $('.swap-image-triger').each( function(){
        $(this).find('a:first').addClass('active');
    });
    $('.swap-image-triger a').bind({
        'mouseover': function(){
            $(this).parent().siblings().find('a.active').removeClass('active');
            $(this).addClass('active');
            var imgIndex = $(this).parents().find('.swap-image-triger a').index(this);
            var imgArray = [];
            imgArray = $(this).parents().find('.swap-image').find('img[class!="swap-on"]');
            if( $( imgArray[ 0]).prev('img').hasClass('swap-on'))
                $( imgArray[ 0]).prev('img[class="swap-on"]').attr( 'src', $( imgArray[ imgIndex]).attr('src'));
            else
                $( imgArray[ imgIndex]).clone(true).addClass('swap-on').insertBefore( imgArray[ 0]);
        },/*
        'mouseout': function(){
            $('img[class="swap-on"]').remove();
        },//*/
        'click': function(){
            return false;
        }
    }).parent().click( function(){ return false;});    
    
    //swap Box
    $('a.swap-box-triger').bind({
        'click': function(){
            var swapBoxId = $(this).attr('href').replace( location.href, '').substr( 1);
            //alert( swapBoxId);
            
            var swapBox = $('#'+ swapBoxId).removeClass('hide').removeAttr('style');
            var swapSiblings = $('#'+ swapBoxId).siblings();
            swapSiblings.each( function(){
                $(this).removeClass('hide').addClass('hide').css({"display": "none"});
            });
            
            return false;
        }
    });
    
    //sitemap navigation helper
    //var file_url = location.href.substring( location.href.lastIndexOf( "/") + 1, location.href.length); //get file name
    var file_url = location.href;
    var pos = file_url.indexOf( "sitemap", 0);
    if( pos > 0){
        var domain_uri = file_url.substr( 0, pos-1);
        file_url = "/sitemap";
        $('.SECTION_INNER .navigation').css('position', 'relative')
            .children().children('a').wrap('<h2 class="TITLE"></h2>')
            .parents('.navigation').children(':eq(0)').css({"width":"600px"})
            .siblings(':eq(4)').css({"position":"absolute", "top":"0", "left":"300px", "width":"300px"})
            .siblings(':gt(0)').css({"marginTop":"3em", "width":"300px", "float":"left"});
    }
    
    //adjust shop search design
    $('.map_bg .prefecture').each( function(){
        var counter = 1;
        $(this).children('li').each( function(){
            var mapPrefectureLength = $(this).children('a').text().length;
            $(this).css({"width": mapPrefectureLength +"em"});
            if( ( counter == 1 || counter%2 == 1) && mapPrefectureLength == 3)
                $(this).css({"margin-right":"1.5em"});
            if( ( counter%2 == 0))
                $(this).css({"margin-right":"0"});
            else
                $(this).css({"clear":"left"});
            counter++;
        });
    });
    
    //map color odd even row
    $('.ODD-EVEN-BGCOLOR').children()
        .filter(':odd').addClass('odd')
        .siblings().filter(':even').addClass('even');
    
});


function css_helperLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
((anchor.getAttribute("rel") == "css_helper nofollow") || (anchor.getAttribute("rel") == "nofollow css_helper") || (anchor.getAttribute("rel") == "css_helper")))
anchor.target = "_blank";
}
}
window.onload = css_helperLinks;