var ajax_url = '/tl_files/tool/ajax_fe.php?';
var this_domain = 'http://yellowblaze.buzzup.jp';
var this_domain = 'http://yellowblaze.net';

var $j = jQuery.noConflict();
$j(document).ready(function(){
	//$j('#header .mod_navigation').addClass('js');
	
	
	$j(document).bind("contextmenu",function(e){
        //return false;
    	});
	
	preventDrag();
	
	$j('h2.pagetitle').addClass('js');
	$j('#header-name').addClass('js');
	$j('#header-location').addClass('js');
	$j('#header-time').addClass('js');
	
	  /*if(lang=='ja')
  {
	  if($j('h2.pagetitle').hhttp://yellowblaze.buzzup.jp/shige-complete.htmltml()) $j('h2.pagetitle').html($j('h2.pagetitle').html().replace(/Shige/,"<em>Shige</em>"))
	  if($j('h2.pagetitle').html()) $j('h2.pagetitle').html($j('h2.pagetitle').html().replace(/Tomo/,"<em>Tomo</em>"))

	  if($j('#page-54 span').html()) $j('#page-54 span').html($j('#page-54 span').html().replace(/Shige/,"<em>Shige</em>"));
	  if($j('#page-54 a').html()) $j('#page-54 a').html($j('#page-54 a').html().replace(/Shige/,"<em>Shige</em>"));
	  if($j('#page-55 span').html()) $j('#page-55 span').html($j('#page-55 span').html().replace(/Tomo/,"<em>Tomo</em>"));
	  if($j('#page-55 a').html()) $j('#page-55 a').html($j('#page-55 a').html().replace(/Tomo/,"<em>Tomo</em>"));

	  if($j('#page-57 span').html()) $j('#page-57 span').html($j('#page-57 span').html().replace(/Shige/,"<em>Shige</em>"));
	  if($j('#page-57 a').html()) $j('#page-57 a').html($j('#page-57 a').html().replace(/Shige/,"<em>Shige</em>"));
	  if($j('#page-58 span').html()) $j('#page-58 span').html($j('#page-58 span').html().replace(/Tomo/,"<em>Tomo</em>"));
	  if($j('#page-58 a').html()) $j('#page-58 a').html($j('#page-58 a').html().replace(/Tomo/,"<em>Tomo</em>"));

	if($j('#page-70 span').html()) $j('#page-70 span').html($j('#page-70 span').html().replace(/Shop/,"<em>Shop</em>"));
	  if($j('#page-70 a').html()) $j('#page-70 a').html($j('#page-70 a').html().replace(/Shop/,"<em>Shop</em>"));
  }*/
    
	doCufon();
	newsSetLinks();
	initFancy(false);
	
	$j('a.fb_popup').fancybox({
		'padding': 0,
		'overlayColor': '#000',
		'width': 500,
		'height': 380,
		'autoDimensions': false
	});

	  $j('#slider')
  .anythingSlider({
   width          : 310,
   height         : 310,
   buildNavigation: true,
  startText : '',
  stopText: '',
  pauseOnHover: false,
  delay: 2000,
  buildArrows: false,
  buildNavigation: false,
  autoPlay: true
  });



});

function initHistoryFilter(req)
{
	//alert(req);
	url = ajax_url + 'action=history_filter&lang='+lang+'&req='+escape(req);
	//alert(url);
	$j.get(url, function(data) {
		$j('#history_filter').html(data);
		Cufon.replace('#history_filter a', {hover:true, fontFamily: 'HelveticaNeue LT 77 BdCn'});
	});
}

function initFancy(titleShow)
{
	$j('a[rel^="lightbox"]').fancybox({
		'padding': 0,
		'overlayColor': '#000',
		'titleShow': titleShow
	});
}

function newsSetLinks()
{
	//alert(lang);
	var shiges = $j('.latest.shige_complete .tattoo_image a');
	if(lang=='en')
	{
		
		/*$j('.latest.shige_complete .tattoo_image a').each(function(){
			if($j(this).attr('rel')>0) var s = '/shige-complete/tattoo/'+$j(this).attr('rel')+'.html';
			else var s = '/shige-complete.html'; 
			$j(this).attr('href',s);
		});*/
		/*if(shiges.length==4) 
		{
			$j(shiges[0]).attr('href','/shige-full-body.html');
			$j(shiges[1]).attr('href','/shige-full-body.html');
			$j(shiges[2]).attr('href','/shige-backpiece.html');
			$j(shiges[3]).attr('href','/shige-other.html');
		}*/
		
		$j('.latest.shige_progress .tattoo_image a').each(function(){
			if($j(this).attr('rel')>0) var s = '/shige-in-progress/tattoo/'+$j(this).attr('rel')+'.html';
			else var s = '/shige-in-progress.html'; 
			$j(this).attr('href',s);
		});
		$j('.latest.tomo_complete .tattoo_image a').each(function(){
			if($j(this).attr('rel')>0) var s = '/tomo-sleeves/tattoo/'+$j(this).attr('rel')+'.html';
			else var s = '/tomo-sleeves.html';
			$j(this).attr('href',s);
		});
	}
	if(lang=='ja')
	{
		/*if(shiges.length==4) 
		{
			$j(shiges[0]).attr('href','/shige-full-body-ja.html');
			$j(shiges[1]).attr('href','/shige-full-body-ja.html');
			$j(shiges[2]).attr('href','/shige-backpiece-ja.html');
			$j(shiges[3]).attr('href','/shige-other-ja.html');
		}*/
		
		/*$j('.latest.shige_complete .tattoo_image a').each(function(){
			if($j(this).attr('rel')>0) var s = '/shige-complete-ja/tattoo/'+$j(this).attr('rel')+'.html';
			else var s = '/shige-complete-ja.html';
			$j(this).attr('href',s);
		});*/
		
		$j('.latest.shige_progress .tattoo_image a').each(function(){
			if($j(this).attr('rel')>0) var s = '/shige-in-progress-ja/tattoo/'+$j(this).attr('rel')+'.html';
			else var s = '/shige-in-progress-ja.html';
			$j(this).attr('href',s);
		});
		$j('.latest.tomo_complete .tattoo_image a').each(function(){
			if($j(this).attr('rel')>0) var s = '/tomo-sleeves-ja/tattoo/'+$j(this).attr('rel')+'.html';
			else var s = '/tomo-sleeves-ja.html';
			$j(this).attr('href',s);
		});
	}
}

function doCufon()
{
	//Cufon.replace('h1');
	//Cufon.replace('#header .pagetitle em', {fontFamily: 'HelveticaNeue LT 77 BdCn'});

	Cufon.replace('#header .pagetitle');
	
	if(lang!='ja' )
	{
		//Cufon.replace('#header .mod_navigation a', {hover: true});
		//Cufon.replace('#header .mod_navigation span');

		Cufon.replace('.tattoo_detail h2');
		Cufon.replace('.tattoo_detail div.text');
		Cufon.replace('#main h2');

		
	}
	
	
	//else
	//{
		
		//Cufon.replace('#header .pagetitle em', {fontFamily: 'HelveticaNeue LT 77 BdCn'});

		//Cufon.replace('#header .mod_navigation a.en', {hover: true, fontFamily: 'HelveticaNeue LT 77 BdCn'});
		//Cufon.replace('#header .mod_navigation span.en', {fontFamily: 'HelveticaNeue LT 77 BdCn'});
		//Cufon.replace('#header .mod_navigation a.ja', {hover: true});
		//Cufon.replace('#header .mod_navigation span.ja');



		
		//Cufon.replace('#header .mod_navigation a');
		//Cufon.replace('#header .mod_navigation span');
		
		//Cufon.replace('#header .mod_navigation a em', {hoverables: {em: true}, hover: {fontFamily: 'HelveticaNeue LT 77 BdCn'}, fontFamily: 'HelveticaNeue LT 77 BdCn'});
		//Cufon.replace('#header .mod_navigation em', {hoverables: {em: true}, hover: true, fontFamily: 'HelveticaNeue LT 77 BdCn'});

		//Cufon.replace('#header .pagetitle:not(em)');
		
		/*Cufon.replace('#header .mod_navigation #page-45 a', {hover: true, fontFamily: 'HelveticaNeue LT 77 BdCn'});
		Cufon.replace('#header .mod_navigation #page-49 a', {hover: true, fontFamily: 'HelveticaNeue LT 77 BdCn'});
		Cufon.replace('#header .mod_navigation #page-70 a em', {hoverables: {em: true}, hover: {fontFamily: 'HelveticaNeue LT 77 BdCn'}, fontFamily: 'HelveticaNeue LT 77 BdCn'});
		Cufon.replace('#header .mohttp://yellowblaze.buzzup.jp/shige-complete.htmld_navigation #page-59 a', {hover: true});
		Cufon.replace('#header .mod_navigation #page-60 a', {hover: true});

		Cufon.replace('#header .mod_navigation #page-45 span', {fontFamily: 'HelveticaNeue LT 77 BdCn'});
		Cufon.replace('#header .mod_navigation #page-49 span', {fontFamily: 'HelveticaNeue LT 77 BdCn'});
		Cufon.replace('#header .mod_navigation #page-59 span');
		Cufon.replace('#header .mod_navigation #page-60 span');*/

		//Cufon.replace('#header .mod_navigation em', {hover: true});
	//}

	Cufon.replace('#header #header-name', {fontFamily: 'HelveticaNeue LT 77 BdCn'});
	Cufon.replace('#header #header-location', {fontFamily: 'HelveticaNeue LT 77 BdCn'});
	Cufon.replace('#header #header-time', {fontFamily: 'HelveticaNeue LT 77 BdCn'});
		
	Cufon.replace('#counter');
	Cufon.replace('.visiton');

}

function pressShowEntry(id)
{
	$j('#press_main').hide();
	$j('#press_hover').html($j('#press-'+id).html());
}
function pressClickEntry(id)
{
	$j('#press_main').html($j('#press-'+id).html());
	initFancy(false);
}
function pressHideEntry()
{
	$j('#press_hover').html('');
	$j('#press_main').show();
}

var do_lupe = 0;
function showTattooDetails(id, lupe, page)
{
	$j('.tattoo_wrapper').html('<div id="waiting"><img src="tl_files/layout/loader.gif" /></div>');
	//return;
	url = ajax_url + 'action=tattoo&tattoo_id='+id+'&lupe='+lupe+'&p='+page+'&lang='+lang;
	//alert(url);
	do_lupe=lupe
	$j('.tattoo_main_images .tattoo_image').removeClass('active');
	$j('#thumb_'+id).addClass('active');
	$j.get(url, function(data) {
		//alert(data);
		//data = $j.parseJSON(data);
		//data = Url.decode(data);
  		$j('.tattoo_wrapper').html(data);
		doCufon();
		initZoomer();
		
	});
}

var default_bg_img;
function setBackground(url, w, h)
{
	if(url=='')
	{
		url = default_bg_img;
		w = default_bg_w;
		h = default_bg_h;
	}
	
	//$j.fn.supersized.options.startwidth = w;
	//$j.fn.supersized.options.startheight = h;
	
	$j('#supersized img').attr('src', url);
	
	$j('#supersized').resizenow();
	/*$j(function(){
			$j.fn.supersized.options = {
				startwidth: w,
				startheight: h,
				vertical_center: 0,
				slides : [
					{image : url }
				]
			};
	        $j('#supersized').supersized();
	    });*/

}



var img_id;
var img_h;
var img_html;

function changeMainImage(id, h, lupe)
{
	do_lupe = lupe;
	img_html = $j('#detail_thumb_'+id).html();
	img_title = $j('#detail_thumb_'+id + ' a img').attr('alt');
	img_id = id;
	img_h = h;
	
	$j('#detail_thumb_'+id).html('<div id="waiting"><img src="tl_files/layout/loader.gif" /></div>');

	var loader = new ImageLoader(this_domain + '/tl_files/projects/'+id+'.jpg');
	loader.loadEvent = function(url, image){
		imageLoaded(img_id, img_h, img_html, img_title);
	}
	loader.load();
}
function imageLoaded(id, h, html, img_title)
{
	var extra = '';
	
	if(do_lupe!=1)
		extra = '_500';

	$j('.main_image #zoomer_small a').attr('rel','lightbox[art]');
	$j('.main_image #zoomer_small img').attr('alt',img_title);
	$j('.main_image #zoomer_large img').attr('src','tl_files/projects/'+id+extra+'.jpg');
	$j('.main_image #zoomer_small img').attr('src','tl_files/projects/'+id+extra+'.jpg');
	$j('.main_image #zoomer_large img').attr('height',h);
	
	initZoomer();
	$j('#detail_thumb_'+id).html(html);

}

function initZoomer()
{
	if(do_lupe==1)
	{
		//alert("ok");
		$j("#zoomer_wrap").anythingZoomer({

      		expansionSize: -5,      // How far outside the wrap edges the mouse can go
      		speedMultiplier: 0.8,   // How much faster in the inside area moves than the mouse
	
	      	smallArea: "#zoomer_small",    // Overrides small area ID
	      	largeArea: "#zoomer_large",    // Overrides large area ID
	      	zoomPort: "#zoomer_overlay",   // Overrides zoom overlay area ID
	      	mover: "#zoomer_mover"         // Overrides mover ID

		});
	}
	else
	{
		//showTitle = false;
		var img_title = $j('#zoomer_small img').attr('alt');
		if($j('#zoomer_small a').html())
		{
			var img = $j('#zoomer_small a').html();
			var url = $j('#zoomer_small a img').attr('src');

			var s = '<a rel="lightbox[art]" title="'+img_title+'" href="'+url+'">'+img+'</a>';
		}
		else
		{
			var img = $j('#zoomer_small').html();
			var url = $j('#zoomer_small img').attr('src');

			var s = '<a rel="lightbox[art]" title="'+img_title+'" href="'+url+'">'+img+'</a>';
		}
		$j('#zoomer_small').html(s);
		initFancy(true);
	}
	
	preventDrag();
	//alert($j('#zoomer_wrap').width());
	/*var tb = (690+20+($j('#zoomer_wrap').width()));
	if(tb>980)
	{
	$j('#supersized').css('width',  tb + 'px');
	$j('#supersized img').css('width',  tb+'px');
	$j('#wrapper').css('min-width', tb + 'px');
	$j('.tattoo_wrapper').css('min-width', tb + 'px');
	}*/
}


function preventDrag()
{
	$j('#container img').mousedown(function(event){
		event.preventDefault ? event.preventDefault() : event.returnValue = false; 
	});
}

function addListener(element, type, expression, bubbling)
{
  bubbling = bubbling || false;
  if(window.addEventListener)	{ // Standard
    element.addEventListener(type, expression, bubbling);
    return true;
  } else if(window.attachEvent) { // IE
    element.attachEvent('on' + type, expression);
    return true;
  } else return false;
}

var ImageLoader = function(url){
  this.url = url;
  this.image = null;
  this.loadEvent = null;
};

ImageLoader.prototype = {
  load:function(){
    this.image = document.createElement('img');
    var url = this.url;
    var image = this.image;
    var loadEvent = this.loadEvent;
    addListener(this.image, 'load', function(e){
      if(loadEvent != null){
        loadEvent(url, image);
      }
    }, false);
    this.image.src = this.url;
  },
  getImage:function(){
    return this.image;
  }
};



/**
*
*  URL encode / decode
*  http://www.webtoolkit.info/
*
**/
 
var Url = {
 
	// public method for url encoding
	encode : function (string) {
		return escape(this._utf8_encode(string));
	},
 
	// public method for url decoding
	decode : function (string) {
		return this._utf8_decode(unescape(string));
	},
 
	// private method for UTF-8 encoding
	_utf8_encode : function (string) {
		string = string.replace(/\r\n/g,"\n");
		var utftext = "";
 
		for (var n = 0; n < string.length; n++) {
 
			var c = string.charCodeAt(n);
 
			if (c < 128) {
				utftext += String.fromCharCode(c);
			}
			else if((c > 127) && (c < 2048)) {
				utftext += String.fromCharCode((c >> 6) | 192);
				utftext += String.fromCharCode((c & 63) | 128);
			}
			else {
				utftext += String.fromCharCode((c >> 12) | 224);
				utftext += String.fromCharCode(((c >> 6) & 63) | 128);
				utftext += String.fromCharCode((c & 63) | 128);
			}
 
		}
 
		return utftext;
	},
 
	// private method for UTF-8 decoding
	_utf8_decode : function (utftext) {
		var string = "";
		var i = 0;
		var c = c1 = c2 = 0;
 
		while ( i < utftext.length ) {
 
			c = utftext.charCodeAt(i);
 
			if (c < 128) {
				string += String.fromCharCode(c);
				i++;
			}
			else if((c > 191) && (c < 224)) {
				c2 = utftext.charCodeAt(i+1);
				string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
				i += 2;
			}
			else {
				c2 = utftext.charCodeAt(i+1);
				c3 = utftext.charCodeAt(i+2);
				string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
				i += 3;
			}
 
		}
 
		return string;
	}
 
}