$(document).ready(function() {
	var arVersion = navigator.appVersion.split("MSIE");
	var version = parseFloat(arVersion[1]);
	if (self.screen.height>=768)
	{
		var height = 600;
	}
	else
	{
		var height = self.screen.height-280;
	}
//	if (self.screen.height >= 1024)
//	{
//		$("#content_pic").css("width","10px");
//	}
//	else
//	{
//		$("#content_pic").css("width","10px");
//	}
	$("#sideBar").css("height",$("#img_height").html());
	$(".content_right").css("height",$("#img_height").html());
	if (version == 6)
	{
		$("#middle").css("height",height);
		$("#sideBar").animate({
			marginLeft: "0px"
		}, 500 );
		$("#content_bar").animate({
			marginLeft: "0px"
		}, 600 );
		$("#content_pic").animate({
			marginLeft: "0px"
		}, 900 );
		try
		{
			if ($("#dispic").html() != 0)
			{
				document.getElementById("Page_"+$("#dispic").html()).style.backgroundImage = "url(../images/page_a.png)";
				$("#Page_"+$("#dispic").html()+" a").css("color","#cdcdcd");
			}
			else
			{
				document.getElementById("Page_1").style.backgroundImage = "url(../images/page_a.png)";
				$("#Page_1 a").css("color","#cdcdcd");
			}			
		}
		catch (e)
		{
		}
		var titcolor=$("#titlecolor").html();
		if ($("#assort").html() != 0)
		{
			$("#tit_"+$("#assort").html()).css("color","#EA77A6");
		}
		else
		{
			$("#tit_"+titcolor).css("color","#EA77A6");
		}
		
		isExtended = 1;
	}
	else
	{
		$("#sideBarTab").bind("click", function(){ SlideBar.toggleView(); }); 
		var SlideBar={
			SINGLECOLWIDTH:180,
			JTween:new JTweenController(),
			mask:undefined,
			toggleView:function(id){

				var targetView = $('#dis_nav').html();
				if (id!=undefined) targetView=id
				switch (targetView){
					case 'open':
						this.viewStatus=1;
						document.getElementById("dis_nav").innerHTML='close';
						
						window.setTimeout(function(){
						SlideBar.resize(0,-213);},500);
						window.setTimeout(function(){
						SlideBar.content_resize(0,-213);},600);
						window.setTimeout(function(){
						SlideBar.content_pic_resize(0,-213);},900);
						try
						{
							if ($("#dispic").html() != 0)
							{
								document.getElementById("Page_"+$("#dispic").html()).style.backgroundImage = "url(../images/page_a.png)";
								$("#Page_"+$("#dispic").html()+" a").css("color","#cdcdcd");
							}
							else
							{
								document.getElementById("Page_1").style.backgroundImage = "url(../images/page_a.png)";
								$("#Page_1 a").css("color","#cdcdcd");
							}							
						}
						catch (e)
						{
						}
						var titcolor=$("#titlecolor").html();
						if ($("#assort").html() != 0)
						{
							$("#tit_"+$("#assort").html()).css("color","#EA77A6");
						}
						else
						{
							$("#tit_"+titcolor).css("color","#EA77A6");
						}
					break;
					
					case 'close':
						this.viewStatus=1
						document.getElementById("dis_nav").innerHTML='open';
						this.resize(-213,0);
					break;
				}	
			},
			resize:function(w,y){
				this.mask = document.getElementById("sideBar");
				if (SlideBar.standardsCompliant()){
					this.JTween.Tween(
						"sideBar",
						{tweenProperty:"margin-left",tweenDuration:0.9,tweenEase:"easeOutQuart",tweenStart:y,tweenEnd:w}
					)
				}else{
					document.getElementById("sideBar").style.width=w+"px"
					document.getElementById("sideBar").style.width=w+"px"
				}
			},
			content_resize:function(w,y){
				this.mask = document.getElementById("content_bar");
				if (SlideBar.standardsCompliant()){
					this.JTween.Tween(
						"content_bar",
						{tweenProperty:"margin-left",tweenDuration:0.9,tweenEase:"easeOutQuart",tweenStart:y,tweenEnd:w}
					)
				}else{
					document.getElementById("content_bar").style.width=w+"px"
					document.getElementById("content_bar").style.width=w+"px"
				}
			},
			content_pic_resize:function(w,y){
				this.mask = document.getElementById("content_pic");
				if (SlideBar.standardsCompliant()){
					this.JTween.Tween(
						"content_pic",
						{tweenProperty:"margin-left",tweenDuration:0.9,tweenEase:"easeOutQuart",tweenStart:y,tweenEnd:w}
					)
				}else{
					document.getElementById("content_pic").style.width=w+"px"
					document.getElementById("content_pic").style.width=w+"px"
				}
			},
			drop_resize:function(w,y){
				if (SlideBar.standardsCompliant()){
					this.JTween.Tween(
						"scrollBar",
						{tweenProperty:"margin-top",tweenDuration:0.9,tweenEase:"easeOutQuart",tweenStart:y,tweenEnd:w}
					)
				}else{
					document.getElementById("content_pic").style.width=w+"px"
					document.getElementById("content_pic").style.width=w+"px"
				}
			},
			standardsCompliant:function(id){
				var browserDetail = Juliet.BrowserDetect.OS + "_" + Juliet.BrowserDetect.browser + "_" + Juliet.BrowserDetect.version
				
				/*
				 *
				 * Bad practice, but bad browsers...
				 *
				 */
				
				var isIE6 = (browserDetail.toLowerCase()=="windows_explorer_6")
				//var isIE6 = (browserDetail.toLowerCase().indexOf("explorer")>-1)
				var isBadSafari = ( 
					(Juliet.BrowserDetect.browser.toLowerCase()=="safari") && 
					(parseInt(Juliet.BrowserDetect.version.toString().split(".")[0])<500)
				)
				var isBadOpera = ( 
					(Juliet.BrowserDetect.browser.toLowerCase()=="opera") && 
					(parseInt(Juliet.BrowserDetect.version.toString().split(".")[0])<10)
				)
			
				return ( !( isIE6 || isBadSafari || isBadOpera) )
			}
		}
		SlideBar.toggleView();
	}
});
var WebObj = {
	 showInfo:function(ID){
			var titcolor=$("#titlecolor").html();
			$("#titlecolor").html(ID);
			$("#tit_"+ID).css("color","#EA77A6");
			$("#tit_"+titcolor).css("color","#413928");
			$("#font_"+titcolor).css("color","#787878");
			$(".text").animate({
				marginLeft: "-1300px"
			}, 500 );
			window.setTimeout(function(){
			var t = false;
			WebObj.LoadPage(t,0,ID);
			},1000);
	 },
	LoadPage: function(NodeObj, SubNav, InfoID) {	
		if (NodeObj==false)  {		
			var EditPageBlock=document.getElementById("content");
			var LoadingDIV=document.getElementById("loading");
			var $$=new XHRAjax({
				URL: "info.php",
				Req: {
					id: InfoID,
					sub_nav: SubNav
				},
				Loading: function() {
					$("#loading").html("<img src='images/loader.gif'>");
				},
				Finish: function(str) {
						$("#loading").html("");
						EditPageBlock.innerHTML=str;
						var arVersion = navigator.appVersion.split("MSIE");
						var version = parseFloat(arVersion[1]);
						if (self.screen.height>=768)
						{
							var height = 600;
						}
						else
						{
							var height = self.screen.height-280;
						}
						$("#sideBar").css("height",$("#img_height").html());
						$(".content_right").css("height",$("#img_height").html());
//						if (self.screen.height >= 1024)
//						{
//							$("#content_pic").css("width","10px");
//						}
//						else
//						{
//							$("#content_pic").css("width","10px");
//						}
						$("#content_pic").css("margin-left","0px");
						$(".content_right").css("margin-left","0px");
						document.getElementById("Page_1").style.backgroundImage = "url(../images/page_a.png)";
						$("#Page_1 a").css("color","#cdcdcd");
						$(".text").css("margin-right","1000px");
						$(".text").animate({
							marginLeft: "0px"
						}, 600 );
						
						$(".text").css("margin-right","");
				}
			});			
		}
	},
	changeIMG:function(id){
		var count=$("#count").html();
		var i;
		var sid=$("#showID").html(); 
		count=parseInt(count);
		$("#img_"+sid).animate({
			marginLeft: "-1400px"
		}, 200 );
		window.setTimeout(function(){
			for( i = 1; i <= count; i++ )
			{
				if ( i == id )
				{
					$("#img_"+i).animate({
						marginLeft: "0px"
					}, 1000 );
					$("#img_"+i).css("display","block");
					$("#showID").html(id); 
					document.getElementById("Page_"+i).style.backgroundImage = "url(../images/page_a.png)";
					$("#Page_"+i+" a").css("color","#cdcdcd");
				}
				else
				{
					$("#img_"+i).css("display","none");
					document.getElementById("Page_"+i).style.backgroundImage = "url(../images/page_b.png)";
					$("#Page_"+i+" a").css("color","#535252");
				}
			}
		},700);

	},
	showMenu:function(baseID, divID) {
		baseID = document.getElementById(baseID);
		divID  = document.getElementById(divID);
		if (WebObj.showMenu.timer) clearTimeout(WebObj.showMenu.timer);
		WebObj.hideCur();
		$("#hideMenu").animate({
			marginLeft: "0px"
		}, 200 );
		WebObj.showMenu.cur = divID;

		if (! divID.isCreate) {
			divID.isCreate = true;
			divID.onmouseover = function () {
				if (WebObj.showMenu.timer) clearTimeout(WebObj.showMenu.timer);
				WebObj.hideCur();
				$("#hideMenu").animate({
					marginLeft: "0px"
				}, 200 );
			};
			divID.onmouseout = WebObj.hideMenu;
			baseID.onmouseout = WebObj.hideMenu;
		}
	},
	hideCur:function()
	{
	},
	hideMenu:function() {
		WebObj.showMenu.timer = setTimeout(function () {
			$("#hideMenu").animate({
				marginLeft: "-250px"
			}, 200 );
		;}, 200);
	},
	overFont:function(id){
		document.getElementById("Page_"+id).style.backgroundImage = "url(../images/page_a.png)";
		$("#"+id).css("color","#cdcdcd");
	},
	outFont:function(id){
		if ($('#showID').html() != id)
		{
			document.getElementById("Page_"+id).style.backgroundImage = "url(../images/page_b.png)";
			$("#"+id).css("color","#535252");
		}
	}
	
}
var Drop={
	SINGLECOLWIDTH:180,
	JTween:new JTweenController(),
	mask:undefined,
	drop_resize:function(w,y){
		if (Drop.standardsCompliant()){
			this.JTween.Tween(
				"scrollBar",
				{tweenProperty:"margin-top",tweenDuration:0.9,tweenEase:"easeOutQuart",tweenStart:y,tweenEnd:w}
			)
		}else{
			document.getElementById("content_pic").style.width=w+"px"
			document.getElementById("content_pic").style.width=w+"px"
		}
	},
	standardsCompliant:function(id){
		var browserDetail = Juliet.BrowserDetect.OS + "_" + Juliet.BrowserDetect.browser + "_" + Juliet.BrowserDetect.version
		
		/*
		 *
		 * Bad practice, but bad browsers...
		 *
		 */
		
		var isIE6 = (browserDetail.toLowerCase()=="windows_explorer_6")
		//var isIE6 = (browserDetail.toLowerCase().indexOf("explorer")>-1)
		var isBadSafari = ( 
			(Juliet.BrowserDetect.browser.toLowerCase()=="safari") && 
			(parseInt(Juliet.BrowserDetect.version.toString().split(".")[0])<500)
		)
		var isBadOpera = ( 
			(Juliet.BrowserDetect.browser.toLowerCase()=="opera") && 
			(parseInt(Juliet.BrowserDetect.version.toString().split(".")[0])<10)
		)
	
		return ( !( isIE6 || isBadSafari || isBadOpera) )
	}
}