var clickable = true;

var g_kara = {
	pages: {},
	projects: {
		"isfahan" : {caption: "سيستم اطلاعات مکاني شهرداري اصفهان" + "<br><br>" + "(نمونه آزمايشي در منطقه 4)", logo: "isfahan.png"},
		"shandiz" : {caption: "سيستم اطلاعات مکاني شهرداري شانديز", logo: "shandiz.png"},
		"rafsanjan" : {caption: "سيستم اطلاعات مکاني شهرداري رفسنجان", logo: "rafsanjan.png"},
		"sci" : {caption: "سيستم اطلاعات مکاني مرکز آمار ايران" + "<br><br>" + "(نمونه آزمايشي در محدوده استان اصفهان)", logo: "sci.png"},
		"pms" : {caption: "سيستم اطلاعات مکاني مديريت روسازي راه هاي ايران" + "<br><br>" + "(نمونه آزمايشي)"},
		"isfahan_electric" : {caption: "سيستم اطلاعات مکاني شرکت توزيع برق شهر اصفهان" + "<br><br>" + "(نمونه آزمايشي در محدوده منطقه 10 شهرداري)"},
		"tehran_master" : {caption: "سيستم اطلاعات مکاني ساماندهي طرح تفصيلي شهر تهران" + "<br><br>" + "(نمونه آزمايشي در محدوده منطقه 3 شهرداري)", logo: "tehran.png"},
		"waterorg" : {caption: "سيستم اطلاعات مکاني سازمان مديريت منابع آب" + "<br><br>" + "(نمونه آزمايشي در محدوده استان همدان)", logo: "waterorg.png"},
		"isfahan_cs" : {caption: "سيستم کاتالوگ داده هاي مکاني شهرداري اصفهان", logo: "isfahan.png", url:"http://datacatalog.isfahan.ir/"},
		"isfahan_swd" : {caption: "سيستم مديريت آب هاي سطحي شهرداري اصفهان", logo: "isfahan.png"}
	},
	
	load_menu: function(menu,page) {
		$j("div#nav_wrapper li").removeClass("active");
		//alert("div#nav_wrapper li#" + menu);
		$j("div#nav_wrapper li#" + menu).addClass("active");

		if (page != "empty") {
			this.load_page(page);
		} else {
			$j("div#wrapper").html('');
		}
	},

	load_page: function(page) {
		//if (this.pages[page]) { return true; }
		
		var params = "";
		kara_ajax({ 
			async: false,
			url: 'pages/' + page + '.php',
			dataType: 'html',
			data: params,
			suc_func: function(result) {
				//g_kara.pages[page] = result;
				$j("div#wrapper").html(result);
				g_kara.init_page(page);
			}
		});		
	},
	
	init_page: function(page) {
		switch (page) {
		case 'home':
			$j('span.clickbox').livequery('click', function( ) {
				if ( ! clickable) {
					return false;
				}

				// remove the clickablity from the boxes until we're done
				clickable = false;

				// grab the id
				var id = $j(this).attr('id').slice(3);

				// make the currently active box clickable
				// and fade the image to white
				$j('span.activebox')
					.removeClass('activebox')
					.addClass('clickbox')
					.find('img')
						.eq(0).show( ).end( )
						.eq(1).fadeOut( );

				// fade to the proper pointer
				$j('#point'+id).fadeIn( );
				$j('img.point').not('#point'+id).fadeOut( );

				// fade to the proper text
				$j('#text'+id).fadeIn( );
				$j('div.text').not('#text'+id).fadeOut( );

				// fade the clicked box to green
				// and remove the clickability
				$j('#box'+id)
					.removeClass('clickbox')
					.addClass('activebox')
					.find('img')
						.eq(0).fadeOut( ).end( )
						.eq(1).fadeIn('def', function( ) {
							// ok, we're done, put the clickablity back
							clickable = true;
						});
			});
			break;
			
		case 'projects':
			var projects = [];
			var i = 0;
			$j.each(g_kara.projects, function(k,v) {
				if (i%2 == 0) {
					projects.push("<tr>");
					if (projects.length > 0) {
						projects.push("</tr>");
					}
				}
				v.logo = v.logo?v.logo:"kara.gif";
				v.params = v.params?v.params:"";
				v.url = v.url?v.url:"";
				projects.push("<td class='project' id='" + k + "'><img src='img/logos/" + v.logo + "' onclick=g_kara.loadProject(this,'" + v.url + "','" + v.params + "');><hr>" + v.caption + "</td>");
				i++;
			});
			if (i%2 == 1) {
				projects.push("<td></td>");
			}
			projects.push("</tr>");
			
			$j("table.projects").html(projects.join(""));
			
			$j.each($j("td.project img"), function() {
				var img = $j(this);
				var r = 100 / img.height();
				img.height(100)
				img.width(img.width() * r);
			});
			break;
		}

	},
	
	loadProject: function(ctl,url,params) {
		var project = $j(ctl).parent("td")[0].id;
		url = url?url:"http://109.162.159.89:8000/kara_web_gis/scripts/kara.php?prj=" + project + "&index"
		var win = window.open(url);
		return true;
	}
}