// JavaScript Document

(function($) {
	$.fn.showIntips = function() {
		return this.each(function(){
			var po = $(this);
			var pitem = po.find("div.popitem");
			var pc = po.find("a");			
			var ph = pc.innerHeight();
			var pw = pc.innerWidth();
			var ptop = po.position().top;
			var pleft = po.position().left;
			var cleft = $("div.indexpopups").offset().left;
			pc.css("visibility",'hidden');	
			po.bind("mouseenter", function(){
				if (cleft+pleft+22+pw<=$(window).width()) {
					po.stop().animate({"width":22+pw+'px', "height":22+ph+'px'}, 200, function(){pc.css("visibility",'visible');});
				}
				else {
					po.stop().animate({"left":(pleft-pw)+'px', "width":22+pw+'px', "height":22+ph+'px'}, 200, function(){pc.css("visibility",'visible');});
				}
				pitem.stop().animate({"width":pw+'px', "height":ph+'px'}, 200, function(){pc.css("visibility",'visible');});
			});				
			po.bind("mouseleave", function(){
				pc.css("visibility",'hidden');						   
				if (cleft+pleft+22+pw<=$(window).width()) {
					po.stop().animate({"width":22+'px', "height":22+'px'}, 200);
				}
				else {
					po.stop().animate({"left":pleft+'px', "width":22+'px', "height":22+'px'}, 200);
				}
				pitem.stop().animate({"width":0+'px', "height":0+'px'}, 200);
					
			});
		});
	};
})(jQuery);

function debug(vsr) {
	$("body").append('<div id="debug" style="position:fixed; z-index: 999; left:50%; top: 20px; width:300px; margin: 0 0 0 -150px; padding: 8px 12px 10px; background: #fff; border: 1px solid #666; font-size: 12px;">'+vsr+'</div>');	
}

(function($) {
	$.fn.slideGallery = function(opt) {
    	var defaults = { 
            start: 0,
			speed: 500,
            img: []    
		};
    	var o = $.extend(defaults, opt);
		return this.each(function(){
			var obj = $(this);
			var imgs = obj.find("img").parent();
			var isize = o.img.length;
			if (isize>1) {
				imgs.wrap("<div style='position: relative; width: 500px; height: 344px; overflow:hidden; text-align:center'></div>");
				obj.append("<a href='#' class='prev' style='visibility:hidden'>&laquo</a><a href='#' class='next' style='visibility:hidden'>&raquo;</a><div class='gallery-imgpos'></div>");
				imgs.css({"position":'absolute', "left":'0', "top":'0'});
				var ipos = obj.find("div.gallery-imgpos");
				var prev = obj.find("a.prev").bind("click", function(){return false});
				var next = obj.find("a.next").bind("click", function(){return false});;
				for (i=0; i<isize; i++) {
					ipos.append("<i></i>");
				}
				ipos.css({"width":isize*12+'px'});
				var inum = ipos.find("i");				
				var cont = imgs.parent();
				cont.append("<div class='loading' style='visibility:hidden;'></div>");
				var loading = cont.find("div.loading");				
				var curr = o.start;
				if (curr == 0) {
					next.css({"visibility":'visible'});
				} else if (curr == isize-1) {
					prev.css({"visibility":'visible'});
				}
				else {
					prev.css({"visibility":'visible'});
					next.css({"visibility":'visible'});
				}
				
				inum.eq(curr).addClass("gimga");
				inum.bind("click", function(){
					var ind = inum.index(this);
					if (curr==ind) {
						return false;	
					}
					else if (curr<ind) {
						return nextSlide(ind);
					}
					else if (curr>ind) {
						return prevSlide(ind);	
					}
				});
				
				var	imgPreloader = new Image();
				var run = true;
				next.bind("click", function(){
                	return nextSlide(curr+1);
				});
				var nextSlide = function(c){
					if(run === false){ return; }
					run = false;
					loading.css({"visibility":'visible'});
					imgPreloader.onload = function(){
						//setTimeout(function(){
						imgPreloader.onload = null;
						cont.append("<div style='position:absolute; left:500px; top:0; width: 500px; height: 344px; overflow:hidden; text-align:center'><img src='"+o.img[curr+1]+"' /></div>");
						loading.css({"visibility":'hidden'});
						var im = cont.find("img").parent();
						im.eq(0).animate({"left":'-500px'},o.speed);
						im.eq(1).animate({"left":'0px'},o.speed);
						setTimeout(function(){im.eq(0).remove();run=true;},510);				
						inum.removeClass("gimga");
						inum.eq(c).addClass("gimga");
						curr = c;
						if (c!=0) {
							prev.css({"visibility":'visible'});
						}
						if (c == isize-1) {
							next.css({"visibility":'hidden'});
						}
						//},1000);
					}				
					imgPreloader.src = o.img[c];
        		};      
				prev.bind("click", function(){
                	return prevSlide(curr-1);
				});
				var prevSlide = function(c){
					if(run === false){ return; }
					run = false;
					loading.css({"visibility":'visible'});
					imgPreloader.onload = function(){
						//setTimeout(function(){
						cont.append("<div style='position:absolute; left:-500px; top:0; width: 500px; height: 344px; overflow:hidden; text-align:center'><img src='"+o.img[curr-1]+"' /></div>");
						loading.css({"visibility":'hidden'});
						var im = cont.find("img").parent();
						im.eq(0).animate({"left":'500px'},o.speed);
						im.eq(1).animate({"left":'0px'},o.speed);
						
						setTimeout(function(){im.eq(0).remove();run=true;},510);
						inum.removeClass("gimga");
						inum.eq(c).addClass("gimga");
						curr = c;				
						if (c!=isize-1) {
							next.css({"visibility":'visible'});
						}
						if (c == 0) {
							prev.css({"visibility":'hidden'});
						}
						//},1000);
					}				
					imgPreloader.src = o.img[c];
        		};
			}
		});
	};
})(jQuery);