$(function(){
	var page = 1;
    var i = 4; 
	var j=3;
	$('span#buttom_right').click(function(){
		var $pictureShow = $('div#down');
		var downwidth = $pictureShow.width();
		var len = $('div#downContent').find('li').length;
		var page_number = Math.ceil(len/i);
		if( !$('div#downContent').is(":animated") ){
		if( page == page_number){
			$('div#downContent').animate({left:'0px'},"slow");
		page = 1;
		}else{
			$('div#downContent').animate({left:'-='+downwidth},"slow");
			page++;
		}
			}
		$('div#up span').eq((page-1)).addClass("current").siblings().removeClass("current");	
		});
    $('span#buttom_left').click(function(){
		var $pictureShow = $('div#down');
		var downwidth = $pictureShow.width();
		var len = $('div#downContent').find('li').length;
		var page_number = Math.ceil(len/i);
		if( !$('div#downContent').is(":animated") ){
		 if(page == 1){
	$('div#downContent').animate({left: '-='+downwidth*(page_number-1)},"slow");
			page = page_number;
			}else{
			$('div#downContent').animate({left:'+='+downwidth},"slow");	
			page--;	
				}
		}
		$('div#up span').eq((page-1)).addClass("current").siblings().removeClass("current");	
		});   
		
		
	$('span#buttom_right1').click(function(){
		var $pictureShow = $('div#down');
		var downwidth = $pictureShow.width();
		var len = $('div#downContent').find('li').length;
		var page_number = Math.ceil(len/j);
		if( !$('div#downContent').is(":animated") ){
		if( page == page_number){
			$('div#downContent').animate({left:'0px'},"slow");
		page = 1;
		}else{
			$('div#downContent').animate({left:'-='+downwidth},"slow");
			page++;
		}
			}
		$('div#up span').eq((page-1)).addClass("current").siblings().removeClass("current");	
		});
    $('span#buttom_left1').click(function(){
		var $pictureShow = $('div#down');
		var downwidth = $pictureShow.width();
		var len = $('div#downContent').find('li').length;
		var page_number = Math.ceil(len/j);
		if( !$('div#downContent').is(":animated") ){
		 if(page == 1){
	$('div#downContent').animate({left: '-='+downwidth*(page_number-1)},"slow");
			page = page_number;
			}else{
			$('div#downContent').animate({left:'+='+downwidth},"slow");	
			page--;	
				}
		}
		$('div#up span').eq((page-1)).addClass("current").siblings().removeClass("current");	
		});   
		
		
	});





	$(document).ready(function() {

		
			
		
		
	    var locHref1 = location.href;
	    var locArray1 = locHref1.split("/");
	    var abc1 = locArray1[locArray1.length - 2].toLowerCase();

	    //$("#rotator > ul").tabs({ fx: { opacity: "toggle"} }).tabs("rotate", 8000, true);
	    $(".various1").fancybox({
	        'titlePosition': 'inside',
	        'transitionIn': 'elastic',
	        'transitionOut': 'elastic',
	        'overlayColor': '#000',
	        'width': 675,
	        'height': 500
	    });
	    $(".various4").fancybox({
	        'transitionIn': 'elastic',
	        'transitionOut': 'elastic',
	        'autoScale': false,
	        'overlayColor': '#000'
	    });


	    $(".various3").fancybox({
	        'width': '75%',
	        'height': '75%',
	        'overlayColor': '#000',
	        'autoScale': false,
	        'transitionIn': 'none',
	        'transitionOut': 'none',
	        'type': 'iframe'
	    });
		$(".various2").fancybox({
	        'width': 500,
	        'height': 300,
	        'overlayColor': '#000',
	        'autoScale': false,
	        'transitionIn': 'none',
	        'transitionOut': 'none',
	        'type': 'iframe'
	    });



	    $('.blink')
		.focus(function() {
		    if ($(this).attr('value') == $(this).attr('title')) {
		        $(this).attr({ 'value': '' });
		    }
		})
		.blur(function() {
		    if ($(this).attr('value') == '' || typeof ($(this).attr('value')) == 'undefined') {
		        $(this).attr({ 'value': $(this).attr('title') })
		    }
		});

	    /* setup navigation, content boxes, etc... */
	    Administry.setup();
	    var jpcfontsize;
	    jpcfontsize = RCk("jpcfontsize", "");

	    var obj = document.body;

	    //document.cookie = "jpcfontsize=" + jpcfontsize + ";path=/;";

	    if ((abc1 == "cultureact") || (abc1 == "bookread") || (abc1 == "jpcbook") || (abc1 == "magser") || (abc1 == "shopinfo") || (abc1 == "bookread") || (abc1 == "schadd") || (abc1 == "books") || (abc1 == "member") || (abc1 == "corpintro") || (abc1 == "archive")) {

	        switch (jpcfontsize) {
	            case "11":
	                obj.style.fontSize = jpcfontsize + "px";
	                document.getElementById("btn_fontsize_S").src = '../stylecss/interface/btn_fontsize_S-ro.png';
	                document.getElementById("btn_fontsize_M").src = '../stylecss/interface/btn_fontsize_M.png';
	                document.getElementById("btn_fontsize_L").src = '../stylecss/interface/btn_fontsize_L.png';
	                break;
	            case "13":
	                obj.style.fontSize = jpcfontsize + "px";
	                document.getElementById("btn_fontsize_S").src = '../stylecss/interface/btn_fontsize_S.png';
	                document.getElementById("btn_fontsize_M").src = '../stylecss/interface/btn_fontsize_M-ro.png';
	                document.getElementById("btn_fontsize_L").src = '../stylecss/interface/btn_fontsize_L.png';
	                break;
	            case "15":
	                obj.style.fontSize = jpcfontsize + "px";
	                document.getElementById("btn_fontsize_S").src = '../stylecss/interface/btn_fontsize_S.png';
	                document.getElementById("btn_fontsize_M").src = '../stylecss/interface/btn_fontsize_M.png';
	                document.getElementById("btn_fontsize_L").src = '../stylecss/interface/btn_fontsize_L-ro.png';
	                break;
	            default:
	                obj.style.fontSize = "13px";
	                document.getElementById("btn_fontsize_S").src = '../stylecss/interface/btn_fontsize_S.png';
	                document.getElementById("btn_fontsize_M").src = '../stylecss/interface/btn_fontsize_M-ro.png';
	                document.getElementById("btn_fontsize_L").src = '../stylecss/interface/btn_fontsize_L.png';
	                break;
	        }
	    }
	    else {
	    	var outer		= $("#preview_outer");
			var arrow		= $("#arrow");
			var thumbs		= $("#thumbs span");

			var preview_pos;
			var preview_els	= $("#preview_inner div");
			var image_width	= preview_els.eq(0).width(); // Get width of imaages
			
			// Hook up the click event
			thumbs.click(function() {
				// Get position of current image
				preview_pos = preview_els.eq( thumbs.index( this) ).position();

				// Animate them!
				outer.stop().animate( {'scrollLeft' : preview_pos.left},	500 );
				arrow.stop().animate( {'left' : $(this).position().left },	500 );
			});

			// Reset positions on load
			arrow.css( {'left' : thumbs.eq(0).position().left } ).show();
			outer.animate( {'scrollLeft' : 0}, 0 );

			// Set initial width
			$("#preview_inner").css('width', preview_els.length * image_width);
		
		    switch (jpcfontsize) {
	            case "11":
	                obj.style.fontSize = jpcfontsize + "px";
	                document.getElementById("btn_fontsize_S").src = 'stylecss/interface/btn_fontsize_S-ro.png';
	                document.getElementById("btn_fontsize_M").src = 'stylecss/interface/btn_fontsize_M.png';
	                document.getElementById("btn_fontsize_L").src = 'stylecss/interface/btn_fontsize_L.png';
	                break;
	            case "13":
	                obj.style.fontSize = jpcfontsize + "px";
	                document.getElementById("btn_fontsize_S").src = 'stylecss/interface/btn_fontsize_S.png';
	                document.getElementById("btn_fontsize_M").src = 'stylecss/interface/btn_fontsize_M-ro.png';
	                document.getElementById("btn_fontsize_L").src = 'stylecss/interface/btn_fontsize_L.png';
	                break;
	            case "15":
	                obj.style.fontSize = jpcfontsize + "px";
	                document.getElementById("btn_fontsize_S").src = 'stylecss/interface/btn_fontsize_S.png';
	                document.getElementById("btn_fontsize_M").src = 'stylecss/interface/btn_fontsize_M.png';
	                document.getElementById("btn_fontsize_L").src = 'stylecss/interface/btn_fontsize_L-ro.png';
	                break;
	            default:
	                obj.style.fontSize = "13px";
	                document.getElementById("btn_fontsize_S").src = 'stylecss/interface/btn_fontsize_S.png';
	                document.getElementById("btn_fontsize_M").src = 'stylecss/interface/btn_fontsize_M-ro.png';
	                document.getElementById("btn_fontsize_L").src = 'stylecss/interface/btn_fontsize_L.png';
	                break;
	        }
	    }

	    switch (abc1) {
	        case "cultureact":
	            $.featureList(
				$("#tabs li a"),
				$("#output li"), {
				    start_item: 1
				}
				);
				var strfav = new Array();
	            var strfavCookie, strAllfav, i, j;
	            var shottext;
	            strfavCookie = RCk("jpcfav", "");
	            strAllfav = strfavCookie.split("##");
	            if (strfavCookie == "") {
	            }
	            else {
	                for (i = 0; i < strAllfav.length; i++) {
	                    strfav = strAllfav[i].split("::");
	                    j = i + 1;
	                    shottext = document.getElementById("star" + strfav[0]);
	                    if (shottext != null) {
	                        shottext.src = "../stylecss/interface/icon_bookmarked.png";
	                    }
						shottext = document.getElementById("starb" + strfav[0]);
	                    if (shottext != null) {
	                        shottext.src = "../stylecss/interface/icon_bookmarked.png";
	                    }
						shottext = document.getElementById("starc" + strfav[0]);
	                    if (shottext != null) {
	                        shottext.src = "../stylecss/interface/btn_bookmarked.png";
	                    }
	                }
	            }
	            break;
	        case "magser":
	            var strfav = new Array();
	            var strfavCookie, strAllfav, i, j;
	            var shottext;
	            strfavCookie = RCk("jpcfav", "");
	            strAllfav = strfavCookie.split("##");
	            if (strfavCookie == "") {
	            }
	            else {
	                for (i = 0; i < strAllfav.length; i++) {
	                    strfav = strAllfav[i].split("::");
	                    j = i + 1;
	                    shottext = document.getElementById("star" + strfav[0]);
	                    if (shottext != null) {
	                        shottext.src = "../stylecss/interface/icon_bookmarked.png";
	                    }
	                }
	            }

	            var strcart = new Array();
	            var strcartCookie, strAllcart, i, j;
	            var shotcart;
	            strcartCookie = RCk("jpcmagcart", "");
	            strAllcart = strcartCookie.split("##");
	            if (strcartCookie == "") {
	            }
	            else {
	                for (i = 0; i < strAllcart.length; i++) {
	                    strcart = strAllcart[i].split("::");
	                    j = i + 1;
	                    shotcart = document.getElementById("cart" + strcart[0]);
	                    if (shotcart != null) {
	                        shotcart.src = "../stylecss/interface/carted.png";
	                    }
	                }
	            }
	            break;
	        default:
	            var strfav = new Array();
	            var strfavCookie, strAllfav, i, j;
	            var shottext;
	            strfavCookie = RCk("jpcfav", "");
	            strAllfav = strfavCookie.split("##");
	            if (strfavCookie == "") {
	            }
	            else {
	                for (i = 0; i < strAllfav.length; i++) {
	                    strfav = strAllfav[i].split("::");
	                    j = i + 1;
	                    shottext = document.getElementById("star" + strfav[0]);
	                    if (shottext != null) {
	                        shottext.src = "../stylecss/interface/icon_bookmarked.png";
	                    }
						shottext = document.getElementById("starb" + strfav[0]);
	                    if (shottext != null) {
	                        shottext.src = "../stylecss/interface/icon_bookmarked.png";
	                    }
						shottext = document.getElementById("starc" + strfav[0]);
	                    if (shottext != null) {
	                        shottext.src = "../stylecss/interface/btn_bookmarked.png";
	                    }
	                }
	            }
	            break;
	    }



	    $.fancybox.init();


	});