var _listprizes ="";
var totalprizes = 0;

function loadprizeoverflow(){    
    var _list = '<ul id="prizebox">';	
	var j = 0;
	$.getJSON(pathtojson, function(data){
		$.each(data.prizes, function(_ind, _el){
	        totalprizes = totalprizes+1;	        
			_list = _list + '<li class="prizes"> \
				<div  class="floatl p-info"> \
        	        <img class="prizemap" src="' + _el.smallmap + '" /> \
                    <h2>' + _el.location + ' <span>' + _el.name + '</span></h2> \
        	        <p>' + _el.description + '</p> \
                </div> \
                <div class="floatl p-gall"> \
                    <div class="main_image"></div> \
                        <ul class="gallery_unstyled">';
		                $.each(_el.images,function(i,item) {
                            var active = "";
                            if(i==0){active=" class='active'";};							 
                            _list = _list + '<li' + active + '><img id="timg' + j + '" src="" alt="' + item.description + '" title="' + item.description + '"></li>';
							j++;
                        });
                        _list = _list + '</ul> \
      	            </div> \
			</li>';
		});
		_list = _list + '</ul>';
		_listprizes = _list;
		
		$('#prizeoverflow').html(_listprizes);
		$("#prizebox").css("width",$(".prizes").css("width").replace("px","")*totalprizes);		
	
		$("#prizebox").css("marginLeft",(($(".prizes").css("width").replace("px","")*1)-$(".prizes").css("width").replace("px",""))*-1);		       		
		var thumbsize= $(".gallery_unstyled li").size();
		for(var z=0;z < thumbsize;z++)
		{
		  $('#timg' + z).attr("src",galimages[z].src);		  
		}				              				                                 
	    setgallery(totalprizes);		
	   });
}

function getprizes(flagnum){            
        totalprizes = $(".prizes").size();
    		
	    $("#prizebox").css("width",$(".prizes").css("width").replace("px","")*totalprizes);
	    $("#prizebox").css("marginLeft",-10 + (($(".prizes").css("width").replace("px","")*flagnum)-$(".prizes").css("width").replace("px",""))*-1);		        	        	    	
        $('#prizeboxcont').css("visibility","visible");
        
        var thumb_width;
        var thumb_height;
        var main_img_width;
        var main_img_height;
        
        thumb_width = $(".gallery_unstyled li").css("width");
        thumb_height = $(".gallery_unstyled li").css("height");        
        main_img_width = $(".galleria_container").css("width");
        main_img_height = $(".galleria_container").css("height");        
        $(".thumb").css("width",thumb_width);
        $(".thumb").css("height",thumb_height);        
        $(".replaced").css("width",main_img_width);
        $(".replaced").css("height",main_img_height);                     
        $('#closeprize').css("width","41px");
        $('#closeprize').css("height","10px");        
        $('.prizenav img').css("width","68px");
        $('.prizenav img').css("height","22px");        
        $('.prizemap').css("width","426px");
        $('.prizemap').css("height","101px");
		//resetting the first gallery with first thumbnail on load
		var tsrc;
		var _wrapper;
		var _img;
		var _thumb;
        for(var i =0;i < $(".gallery_unstyled").size();i++)
        {            
            $(".gallery_unstyled:eq(" + i + ") li:first").addClass("active");
			
			tsrc = $("ul.gallery:eq(" + i +") img:eq(0)").attr("src") ;
			 _wrapper = $('.galleria_wrapper:eq(' + i + ')');
			 _img   = $(new Image()).attr('src',tsrc).addClass('replaced');
			 _wrapper.empty().append(_img);
			 _thumb = $(".galleria img[rel='"+tsrc+"']");
			 _thumb.parents('li').siblings('.active').removeClass('active');
			 _thumb.parents('li').addClass('active');
			 _thumb.click();		 
        }		
		$("#gall-back").css("display","inline");
		$("#gall-back").css("visibility","visible");	
		$("#gall-next").css("display","inline");
		$("#gall-next").css("visibility","visible");	
	
		if(currentflag == 1)
		{
			$("#gall-back").css("visibility","hidden");	
			$("#gall-back").css("display","none");	
		}
		if(currentflag == 5)
		{
			$("#gall-next").css("visibility","hidden");		
			$("#gall-next").css("display","none");
		}
}

function setgallery(totalprizes)
{
    for(var i =0;i<totalprizes;i++)
    {
	    $(".gallery_unstyled:eq(" + i + ")").addClass('gallery');// adds new class name to maintain degradability
    			
			    $("ul.gallery:eq(" + i + ")").galleria({
				    history   : false, // activates the history object for bookmarking, back-button etc.
				    galIndex  : i,
				    clickNext : false, // helper for making the image clickable
				    insert    : ".main_image:eq(" + i + ")", // the containing selector for our main image
				    onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
    				
						    // fade in the image & caption
						    if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { // FF/Win fades large images terribly slow
							    image.css('display','none').fadeIn(1000);
						    }
						    caption.css('display','none').fadeIn(1000);
						    // fetch the thumbnail container
						    var _li = thumb.parents('li');
						    // fade out inactive thumbnail
						    _li.siblings().children('img.selected').fadeTo(500,0.3);
						    // fade in active thumbnail
						    thumb.fadeTo('fast',1).addClass('selected');    						
					    },
					    onThumb : function(thumb) { // thumbnail effects goes here    						
						    // fetch the thumbnail container
						    var _li = thumb.parents('li');
						    // if thumbnail is active, fade all the way.
						    var _fadeTo = _li.is('.active') ? '1' : '0.3';
						    // fade in the thumbnail when finnished loading
						    thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
						    // hover effects
						    thumb.hover(
							    function() {thumb.fadeTo('fast',1);},
							    function() { _li.not('.active').children('img').fadeTo('fast',0.3);}// don't fade out if the parent is active
						    )
					    }
			    });
     }
}

function movenext(_prod){
    w = $(".prizes").width() * _prod;
	
	currentflag = currentflag + _prod;	
	$(".prizenav img:first").css("display","inline");
	$(".prizenav img:first").css("visibility","visible");	
	$(".prizenav img:last").css("display","inline");
	$(".prizenav img:last").css("visibility","visible");	

	if(currentflag == 1)
	{
		$(".prizenav img:first").css("visibility","hidden");	
		$(".prizenav img:first").css("display","none");	
	}
	if(currentflag == 5)
	{
		$(".prizenav img:last").css("visibility","hidden");		
		$(".prizenav img:last").css("display","none");
	}
	
	if(_prod==-1 && $("#prizebox").css("marginLeft").replace("px","")>$(".prizes").width()*_prod){		
        return true;
    }else if(_prod==1 && $("#prizebox").css("marginLeft").replace("px","")<=($("#prizebox").width()-w)*-1){		
        return true;
    }else{
        $("#prizebox").animate({marginLeft: "-=" + w + "px"}, 300, function(){
            var flagnum=Math.abs((Math.abs($("#prizebox").css("marginLeft").replace("px",""))/w)+_prod);
            $('#closeprize').unbind('click');
            $("#closeprize").click(function(){
				prizePanelOpen = false;
				$('#tour-h').css("visibility","hidden");		
				showit(".map-txt",true);
				$(".ff").css("visibility","visible");
				if(typeof flagnum == "undefined"){                    
                    showit("#prizeboxcont",false,$(".flag" + _prod).css("top"),$(".flag" + _prod).css("left"));
                }else{
					var mtop= $(".flag" + parseInt(flagnum) + "-1").css("top").replace("px","");
					mtop = parseInt(parseInt(mtop) - 245);
                    showit("#prizeboxcont",false,mtop +"px",$(".flag" + parseInt(flagnum) + "-1").css("left"));
                }
	        })
        })
    }
}