$(document).ready(function () {
	$("img#btnArrowLeft").bind("mouseover", function () {
		this.src = "/_images/btn_arrow_left_on.gif";
	});

	$("img#btnArrowLeft").bind("mouseout", function () {
		this.src = "/_images/btn_arrow_left_off.gif";
	});

	$("img#btnArrowLeft").bind("click", function () {
		PhotoList.slider("left");
	});

	$("img#btnArrowRight").bind("mouseover", function () {
		this.src = "/_images/btn_arrow_right_on.gif";
	});

	$("img#btnArrowRight").bind("mouseout", function () {
		this.src = "/_images/btn_arrow_right_off.gif";
	});

	$("img#btnArrowRight").bind("click", function () {
		PhotoList.slider("right");
	});

	PhotoList.defaultImage();
});

var PhotoList = {
	nowPage : 0,
	imagePath : "/_images/main_photo/",
	photoData : [
		{href : "http://www.cyworld.com/maengis/4502848"
		, image : "20101228_01.jpg"
		, alt : "20101228"
		, title : "출근길 - 보라매공원"}

		, {href : "http://www.cyworld.com/maengis/4588886"
		, image : "20110311_01.jpg"
		, alt : "20110311"
		, title : "옥상에서 찍은 별궤적"}

		, {href : "http://blog.cyworld.com/maengis/4590117"
		, image : "20110313_01.jpg"
		, alt : "20110313"
		, title : "초콜렛 좀 줍써예"}

		, {href : "http://blog.cyworld.com/maengis/4620588"
		, image : "20110405_01.jpg"
		, alt : "20110405"
		, title : "봄의 시작"}

		, {href : "http://www.cyworld.com/maengis/4634071"
		, image : "20110417_01.jpg"
		, alt : "20110417"
		, title : "앵봉산의 봄"}

		, {href : "http://www.cyworld.com/maengis/4639400"
		, image : "20110421_01.jpg"
		, alt : "20110421"
		, title : "2011 P&I 시그마"}

		, {href : "http://www.cyworld.com/maengis/4653723"
		, image : "20110501_01.jpg"
		, alt : "20110501"
		, title : "kiss me"}

		, {href : "http://www.cyworld.com/maengis/4692102"
		, image : "20110517_01.jpg"
		, alt : "20110517"
		, title : "북한산(삼각산)에서 찍은 은평구 야경"}

		, {href : "http://www.cyworld.com/maengis/4834133"
		, image : "20110704_01.jpg"
		, alt : "20110704"
		, title : "귀욤 다래"}

		, {href : "http://www.cyworld.com/maengis/4869928"
		, image : "20110718_01.jpg"
		, alt : "20110718"
		, title : "2011-07-18 #퇴근길 보라매공원에서"}

		, {href : "http://www.cyworld.com/maengis/4908635"
		, image : "20110805_01.jpg"
		, alt : "20110805"
		, title : "2011-08-05 #보라매공원"}

		, {href : "http://www.cyworld.com/maengis/4947552"
		, image : "20110821_01.jpg"
		, alt : "20110821"
		, title : "2011-08-21 #서울숲"}

		, {href : "http://www.cyworld.com/maengis/4980620"
		, image : "20110903_01.jpg"
		, alt : "20110903"
		, title : "용마산 야경"}

		, {href : "http://www.cyworld.com/maengis/4998620"
		, image : "20110908_01.jpg"
		, alt : "20110908"
		, title : "강원도 양양 동호리 해수욕장"}
	],

	slider : function (mode) {
		switch (mode) {
			case "left":
				// 현재 페이지가 가장 오래된 데이터라면, 가장 최근 페이지로 변경하고 그렇지 않으면 1감소
				if (this.nowPage == 0) {
					this.nowPage = this.photoData.length - 1;
				} else {
					this.nowPage--;
				}

				revMode = "right";
				break;

			case "right":
				// 현재 페이지가 가장 최근 것이라면, 가장 오래된 데이터로 변경하고 그렇지 않으면 1증가
				if (this.nowPage == (this.photoData.length - 1)) {
					this.nowPage = 0;
				} else {
					this.nowPage++;
				}

				revMode = "left";
				break;
		}

		$("div#photoList").hide("slide", {direction : mode}, 250);

		$("a#photoHref").attr("href", this.photoData[this.nowPage]["href"]);
		$("img#photoImage").attr("src", this.imagePath+this.photoData[this.nowPage]["image"]);
		$("img#photoImage").attr("alt", this.photoData[this.nowPage]["alt"]);
		$("span#photoTitle").html(this.photoData[this.nowPage]["title"]);

		$("div#photoList").show("slide", {direction : revMode}, 250);
	},

	defaultImage : function () {
		this.nowPage = mt_rand(0, this.photoData.length - 1);

		$("a#photoHref").attr("href", this.photoData[this.nowPage]["href"]);
		$("img#photoImage").attr("src", this.imagePath+this.photoData[this.nowPage]["image"]);
		$("img#photoImage").attr("alt", this.photoData[this.nowPage]["alt"]);
		$("span#photoTitle").html(this.photoData[this.nowPage]["title"]);
	}
}