var defaultComment = '(メールアドレスを入力)';
var defaultMessage = 'メールアドレスを入力してください。';
var searchComment = '(キーワードを入力)';
var searchMessage = 'キーワードを入力してください。';
var focusColor = '#333';
var blurColor = '#999';

$(function() {

	var qk = $( 'body' ).attr( 'class' );
	if ( qk == 'mini' ) {
		$( '#content form' ).attr('action', 'http://cgi.mini.mag2.com/reader/officialSub.do').attr( 'class','mini' );
		$( 'input[name="magid"]' ).attr( 'name', 'id' ).attr( 'value','WW000001' );
		$( 'form.mini input:text' ).attr( 'name', 'e' );
		$( 'input[name="op"]' ).attr( 'name', 'PC' );
		$( 'form.mini a[class="reg"]' ).remove();
		$( 'form.mini a[class="unreg"]' ).remove();
		$( 'form.mini' ).append( '<input type="submit" value="登録/解除" class="enter" \/>' );

	}

	if ( qk == 'premium' ) {
		$( '#content form' ).remove();
		$( '#content h2 span' ).remove();
		$( 'div#magazine' ).remove();
	}

	// input form check
	$( 'input.rdemail' ).attr( 'value', defaultComment );
	$( 'input.rdemail' ).css( 'color', blurColor );

	$( 'input.rdemail' ).focus( function() {
		$( this ).css( 'color', focusColor );
		var rdemail = this.value;
		if ( rdemail == defaultComment ) {
			this.value = '';
		}
	});

	// input form css
	$( 'input.rdemail' ).blur( function() {
		var rdemail = this.value;
		if ( rdemail == '' ) {
			this.value = defaultComment;
			$( this ).css( 'color', blurColor );
		}
	});

	$( 'a.reg' ).click( function() {
		var regform = $( this ).parent().get(0);
		var rdemail = regform.rdemail.value;
		if ( !rdemail || ( rdemail == '' ) || ( rdemail == defaultComment ) ) {
			alert( defaultMessage );
			return false;
		}
		regform.op.value = 'reg';
		regform.target = '_blank';
		regform.submit();
		return false;
	});
	$( 'a.unreg' ).click( function() {
		var regform = $( this ).parent().get(0);
		var rdemail = regform.rdemail.value;
		if ( !rdemail || ( rdemail == '' ) || ( rdemail == defaultComment ) ) {
			alert( defaultMessage );
			return false;
		}
		regform.op.value = 'unreg';
		regform.target = '_blank';
		regform.submit();
		return false;
	});

	$( '#keyword' ).attr( 'value', searchComment ).css( 'color', blurColor );
	$( '#keyword' ).focus( function() {
		$( this ).css( 'color', focusColor );
		var keyword = $( this ).val();
		if ( keyword == searchComment ) {
			this.value = '';
		}
	});
	$( '#keyword' ).blur( function() {
		var keyword = $( this ).val();
		if ( keyword == '' ) {
			this.value = searchComment;
			$( this ).css( 'color', blurColor );
		}
	});
	$( '#search input:submit' ).click( function() {
		var keyword = $( '#keyword' )[0].value;
		if ( keyword == '' || keyword == searchComment ) {
			alert( searchMessage );
			$( '#keyword' ).focus();
			return false;
		}
	});

	// vitual tab
	$( 'h3, h3+ul' ).hide();
	$( 'h3:first, h3+ul:first' ).show();
	$( '#wmag #navi a:first' ).addClass( 'sel' );
	$( '#wmag #navi a' ).click( function(){
		$( '#wmag #navi a' ).removeClass( 'sel' );
		$( this ).addClass( 'sel' );
		var objId = ( $( this ).attr( 'href' ) );
		var objSel = objId + ', ' + objId + '+ul';
		$( 'h3, h3+ul' ).hide();
		$( objSel ).show();
		return false;
	});

	$( 'ul#navi li:gt(5)' ).hide();
	$( 'h3:gt(4)' ).addClass( 'ynext' );
	var klast = $( 'ul#navi li a:eq(5)' ).text();
	$( 'ul#navi li a:eq(5)' ).addClass( 'yall' ).text( klast + '～' );

	$( '#wmag #navi a[class=yall]' ).click( function(){
		$( 'h3, h3+ul' ).hide();
		$( 'h3[class="ynext"], h3[class="ynext"]+ul' ).show();
		return false;
	});

	// Tab display switch 
	var href = location.href;
	q = href.split( "#" )[1];
	if ( q ) {
		$( 'h3, h3+ul' ).hide();
		var qc = $( '#' + q ).attr('class');
		if ( qc ) {
			$( '.' + qc + ', .' + qc + '+ul' ).show();
			$( '#wmag #navi a' ).removeClass( 'sel' );
			$( '#navi a:eq(5), #navi a:last' ).addClass( 'sel' );
		} else {
			$( '#wmag #navi a' ).removeClass( 'sel' );
			var objSel = '#' + q + ', #' + q + '+ul';
			$( 'a[href$= "' + q + '"]' ).addClass( 'sel' );
			$( objSel ).show();
		}
		location.href = href;
		return false;
	}

	//年入れ
	$( '#tree li ul li' ).append( '<ul></ul>' );
	myDate = new Date();
	nen = myDate.getFullYear();
	// 増刊号
		for ( var i = 1997; i <= nen; i++ ) {
		$( '.wmag #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// ビジネス版
		for ( var i = 2002; i <= nen; i++ ) {
		$( '.wmagbiz #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// エンタテイメント版
		for ( var i = 2002; i <= nen; i++ ) {
		$( '.wmagentr #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// ライフスタイル版
		for ( var i = 2002; i <= nen; i++ ) {
		$( '.wmaglife #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// 総合増刊号
		for ( var i = 1997; i <= nen; i++ ) {
		$( '.wmaghtml #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// ウィークエンドビジネス増刊
		for ( var i = 2005; i <= nen; i++ ) {
		$( '.bizhtml #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// エンタメライフ増刊号
		for ( var i = 2009; i <= nen; i++ ) {
		$( '.entrhlife #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// エンタテイメント版増刊
		for ( var i = 2006; i <= 2008; i++ ) {
		$( '.entrhtml #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// ライフスタイル版増刊
		for ( var i = 2005; i <= 2008; i++ ) {
		$( '.lifehtml #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// コミュニティ版
		for ( var i = 2002; i <= 2005; i++ ) {
		$( '.wmagcomm #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// マネーのまぐまぐ！
		for ( var i = 2006; i <= nen; i++ ) {
		$( '.money #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// 競馬のまぐまぐ！
		for ( var i = 2004; i <= nen; i++ ) {
		$( '.keiba #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// 英語のまぐまぐ！
		for ( var i = 2004; i <= nen; i++ ) {
		$( '.english #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// 車のまぐまぐ！
		for ( var i = 2005; i <= nen; i++ ) {
		$( '.car #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// 教育のまぐまぐ！
		for ( var i = 2005; i <= nen; i++ ) {
		$( '.junior #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// 育児のまぐまぐ！
		for ( var i = 2004; i <= nen; i++ ) {
		$( '.ikuji #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// まぐまぐ！親子ニュース
		for ( var i = 2008; i <= nen; i++ ) {
		$( '.oyako #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// キャリまぐ！
		for ( var i = 2007; i <= nen; i++ ) {
		$( '.careerup #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// ビジネスキーパーソンWebインタビュー
		for ( var i = 2005; i <= 2007; i++ ) {
		$( '.career #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// ミニまぐ
		for ( var i = 2001; i <= nen; i++ ) {
		$( '.mini #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// 皆様の懸まぐ！
		for ( var i = 2003; i <= 2006; i++ ) {
		$( '.present #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// 女子まぐ！
		for ( var i = 2003; i <= nen; i++ ) {
		$( '.woman #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// まぐギャザ！
		for ( var i = 2005; i <= nen; i++ ) {
		$( '.gathering #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}
	// まぐまぐ！プレミアム
		for ( var i = 2002; i <= nen; i++ ) {
		$( '.premium #tree ul li ul' ).prepend( '<li><a href="../../index.html#y'+i+'">' + i + '年<\/a><\/li>' );
		}


});

