var current = $.cookie("banner") ? eval($.cookie("banner")) : 0;
var collapsed = $.cookie("collapsed");
var tmr_fade;
var validuser = $.cookie("VALIDUSER");
var query = {};
var root = "";
var banners = new Array({image:"images/banner1.jpg",
						 title:"",
						 url:root+"index.html"},
					 	{image:"images/banner2.jpg", 
						 title:"",
						 url:root+"index.html"},
					 	{image:"images/banner3.jpg",
						 title:"",
						url:root+"index.html"},
						{image:"images/banner4.jpg",
						 title:"",
						 url:root+"index.html"},
						 {image:"images/banner5.jpg",
						 title:"",
						url:root+"index.html"},
						 {image:"images/banner6.jpg",
						title:"",
						url:root+"index.html"},
						 {image:"images/banner7.jpg",
						title:"",
						url:root+"index.html"},
						{image:"images/banner8.jpg",
						 title:"",
						 ururl:root+"index.html"});
						
var preloader = "<div><img src='images/loading.gif' style='vertical-align: -4px;' /> Loading...</div>";
var ajaxerror = "<div class='ajaxerror'><img src='images/ico_warning.gif' style='vertical-align: -3px;' /> Error: Cannot load remote data.</div>";
var selectedPost = 0;

function init(){
	$(".box").prepend("<div class='cornerTL'><div class='cornerTR'></div></div>");
	$(".box").append("<div class='cornerBL'><div class='cornerBR'></div></div>");
	
	var q = unescape(window.location.search).replace(/\+/g,' ');
	q = q.match(/^\??(.*)$/)[1].split('&');
	for(var i=0;i<q.length;i++){
		var pair = q[i].split("=");
		query[pair[0]] = pair[1];
	}
	
	for(var i=0;i<banners.length;i++){
		$("#banner").append("<div><a href='"+banners[i].url+"'><img src='"+banners[i].image+"' width='850' height='150' border='0' /></a></div>");
	};
	
	$("#lnkToggleBanner").bind("click",function(e){
		var lbl = $(this).text();
		if(lbl=="expand"){
			lbl = "collapse";
			collapsed = 0;
		}else{
			lbl = "expand";
			collapsed = 1;
		}
		$.cookie("collapsed",collapsed);
		$(this).text(lbl);
		$("#banner").slideToggle();
	});
	
	if(collapsed!=1){
		$("#banner").show();
		$("#lnkToggleBanner").text("collapse");
	}else{
		$("#lnkToggleBanner").text("expand");
	}
	$("#banner div:eq("+current+")").show();
	$("#title #info").html("<a href='"+banners[current].url+"'>"+banners[current].title+"</a>");
	tmr_fade = setTimeout("rotateImages()",9000);
	
	if(validuser!=null){
		$("#lnkToggleLogin").addClass("logout").text("Logout "+validuser).click(function(e){logoutUser()});
		$(".edittools").show();
	}else{
		$("#lnkToggleLogin").text("Developer Login").click(function(e){$.popUp("popups.html",{width: 180})});
		$(".edittools").hide();
	}
	
	var logo_on = new Image();
	logo_on.src = "/assets/images/chang_logo_on.gif";
	var logo_off = new Image();
	logo_off.src = "/assets/images/chang_logo.gif";
	
	$("#changlogo").hover(
		function(){
			$(this).find("img").attr("src","/assets/images/chang_logo_on.gif");
		},
		function(){
			$(this).find("img").attr("src","/assets/images/chang_logo.gif");
		}
	);
	
	/*$.each(document.cookie.split(';'), function(i, cookie) {
    	var c = $.trim(cookie), name = c.split('=')[0], value = c.split('=')[1];
		$("body").append("<div>"+name+"="+value+"</div>");
	});*/
};

function rotateImages(){
	var total = banners.length;
	var next = (current<total-1) ? current+1 : 0;
	if(collapsed==1){
		$("#banner div:eq("+current+")").hide();
	}else{
		$("#banner div:eq("+current+")").fadeOut("slow");
	}
	$("#title #info").fadeOut("slow", function(){
		if(collapsed==1){
			$("#banner div:eq("+next+")").show();
		}else{
			$("#banner div:eq("+next+")").fadeIn("slow");
		}
		$("#title #info").html("<a href='"+banners[next].url+"'>"+banners[next].title+"</a>");
		$("#title #info").fadeIn("slow");
		current = next;
	});
	$.cookie("banner",next);
	tmr_fade = setTimeout("rotateImages()",9000);
};