$(function(){
 slider.init();
});

var slider={
 num:-1,
 cur:0,
 cr:[],
 al:null,
 at:10*1000,
 ar:true,
 init:function(){
  if(!slider.data || !slider.data.length)
   return false;

  var d=slider.data;
  slider.num=d.length;
  var pos=Math.floor(Math.random()*1);//slider.num);
  for(var i=0;i<slider.num;i++){
   $('#'+d[i].id).css({left:((i-pos)*690)});
   $('#slide-nav').append('<a id="slide-link-'+i+'" href="#" onclick="slider.slide('+i+');return false;" onfocus="this.blur();">'+(i+1)+'</a>');
  }

  $('img,div#slide-controls',$('div#slide-holder')).fadeIn();
  slider.text(d[pos]); // 

  slider.on(pos); // makes the button active
  slider.cur=pos;
  window.setTimeout('slider.auto();',slider.at);
 },
 auto:function(){
  if(!slider.ar)
   return false;

  var next=slider.cur+1;
  if(next>=slider.num) next=0;
  slider.slide(next);
 },
 slide:function(pos){
  if(pos<0 || pos>=slider.num || pos==slider.cur)
   return;

  window.clearTimeout(slider.al);
  slider.al=window.setTimeout('slider.auto();',slider.at);

  var d=slider.data;
  for(var i=0;i<slider.num;i++)
   $('#'+d[i].id).stop().animate({left:((i-pos)*690)},690,'swing');
  
  slider.on(pos);
  slider.text(d[pos]);

  slider.cur=pos;
 },
 on:function(pos){
  $('#slide-nav a').removeClass('on');
  $('#slide-nav a#slide-link-'+pos).addClass('on');
 },
 text:function(di){
  $('#slide-client').html(di.client);
  $('#slide-desc').html(di.desc);
 },
 alttext:function(id){
  $('#slide-client').html(id);
  $('#slide-desc').html(id);
 }
};



/*
* Copyright (C) 2009 Joel Sutherland
* Licenced under the MIT license
*/
(function($) {
	$.fn.zoommap = function(settings) {
		settings = $.extend({
			// Width and Height of the Map Area
			width: '300px',
			height: '300px',
			
			//Misc Settings
			blankImage: 'http://www.sici.org/themes/site_themes/sici/images/blank.gif',
			loadingImage: 'http://www.sici.org/themes/site_themes/sici/images/loading.gif',
			fadeDuration: 300,
			zoomDuration: 300,
			
			//ids and classes
			bulletClass: 'zoomable',
			popupSelector: 'div.popup',
			popupCloseSelector: 'a.close',
			
			//Return to Initial Region Link
			homeId: 'homelink',
			homeText: '戻る',
			
			//Initial Region to be shown
			initialRegion: {},
				
			//Zoomable Regions
			zoomableRegions: []
		}, settings);
		
		var map = $(this);
		
		//Set up initial Map Area and the initial region that is shown
		function initializeMap(){
			map.fadeOut(settings.fadeDuration, function(){
				$(this).empty().css({
					width: settings.width,
					height: settings.height,
					backgroundImage: 'url(' + settings.initialRegion.image + ')',
					position: 'relative'
				});
				$(this).fadeIn();
				loadBullets(settings.initialRegion, false);
			});
		}
		
		//Load the Bullets 
		function loadBullets(region, showHomeLink){
			map.load(region.data, {}, function(){
				//add back button
				if(showHomeLink){
					$('<a id="' + settings.homeId + '" href="javascript:void(0)"><span>' + settings.homeText + '</span></a>')
						.appendTo(map)
						.click(function(){initializeMap()});
				}
				else{
					for(var i=0; i<settings.zoomableRegions.length; i++){
						addZoomable( settings.zoomableRegions[i] );
					}
				}
				//place bullets
				$(this).children('a.bullet').each(function(){
					var coords = $(this).attr('rel').split('-');
					$(this).css({left: coords[0] + 'px', top: coords[1] + 'px'})
						   .hide()
						   .fadeIn()
						   .click(function(){showPopup($(this).attr('id'));});
				});
			});
		}

		function addZoomable( subregion ){
			$('<img class="' + settings.bulletClass + '" src="' + settings.blankImage + '" id="' + subregion.id + '" />').css({
				border: 'none',
				position: 'absolute',
				width: subregion.width,
				height: subregion.height,
				top: subregion.top,
				left: subregion.left,
				cursor: 'pointer'
			}).appendTo(map).click(function() {
				$(this).siblings().fadeOut();
				$(this).hide()
					   .attr('src', subregion.image)
					   .fadeIn('slow')
					   .animate({
							width: settings.width,
							height: settings.height,
							top: '0px',
							left: '0px'
						}, settings.zoomDuration, '', function(){
							map.css({backgroundImage: 'url(' + subregion.image + ')'}).empty();
							loadBullets(subregion, true);
						});
			});
		}
		
	
	
		function showPopup(id){
			map.find(settings.popupSelector).fadeOut(); 
			var boxid = '#' + id + '-box';
			$(boxid).fadeIn();
			$(settings.popupCloseSelector).click(function(){
				$(this).parent().fadeOut();
			});
		}

	
		//initialize map
		initializeMap();
			
	}	
})(jQuery);
$(document).ready(function(){
   
	$('div.map').zoommap({
		width: '190px',
		height: '150px',
		initialRegion: {
				id: 'main',
				data: '/themes/index/najilabo/map/main.tpl',
				image: '/themes/index/najilabo/images/map_niigata.jpg'},
		zoomableRegions: [
			{
				id: 'bc',
				data: '/themes/index/najilabo/map/index.tpl',
				image: '/themes/index/najilabo/images/kaetsu.gif',
				width: '44px',
				height: '36px',
				top: '35px',
				left: '118px'
			},
			{
				id: 'on',
				data: '/themes/index/najilabo/map/chuetsu.tpl',
				image: '/themes/index/najilabo/images/chuetsu.gif',
				width: '44px',
				height: '36px',
				top: '70px',
				left: '80px'
			},
			{
				id: 'off',
				data: '/themes/index/najilabo/map/joetsu.tpl',
				image: '/themes/index/najilabo/images/joetsu.gif',
				width: '44px',
				height: '36px',
				top: '80px',
				left: '30px'
			}]
	});
});