/**
 * javascript for cat, tag
 *
 * @copyright toneri.
 */

$(function() {
    
    // unload
    $(window).unload(function() {
        GUnload();
    });
    
    // slide photo
    $('.slide').slidePhotos();
    
    // set map
    var map = new toneri.Map(initMap[0], initMap[1], initMap[2], 640, 320);
    
    // set estate info
    $.each($('.overview'), function(i, item) {
        var latlng = $('.info > ul > li', item).eq(1).attr('title');
        var latlngArray = latlng.split(',');
        
        if (latlngArray[0] != '' && latlngArray[1] != '') {
            img = $('.slide > ul > li:first > img', item);
            src = $(img).attr('src');
            alt = $(img).attr('alt');
            title = $('h3', item).text();
            url = $('.for-detail a', item).attr('href');
            type = $('.info > ul > li:first', item).text();
            html = '<div class="balloon">'
                 + '<h3><a href="' + url + '">' + title + '</a></h3>'
                 + '<p class="thumbnail"><a href="' + url + '"><img src="' + src + '" alt="' + alt + '" width="180" height="120" /></a></p>'
                 + '<p>' + type + '</p>'
                 + '</div>';
            
            map.addEstateMarker(latlngArray[0], latlngArray[1], html);
        }
    });
    
    // set other info
    map.getItems();
    
    // when checkbox checked
    $('#surrounding input:checkbox').click(function() {
        var bool = $(this).attr('checked');
        var category = $(this).val();
        
        if (bool) {
            map.showMarker(category);
        } else {
            map.hideMarker(category);
        }
    });
    
    
    // move map button clicked
    // move map for clicked estate info after 2sec
    $('.movecenter a').click(function() {
    	var parent = $(this).parent().parent();
    	var info = parent.prev('.info');
    	var latlng = $('ul > li', info).eq(1).attr('title');
        var latlngArray = latlng.split(',');
        
        if (latlngArray[0] != '' && latlngArray[1] != '') {
    		window.setTimeout(function(){
    			map.moveCenter(latlngArray[0], latlngArray[1]);
			}, 1000);
		}
	});
});