jQuery(document).ready(function()
{
    var panomap = jQuery("#panomap");
    
    if (panomap.size() > 0)
    {
        var data = panomap.html().split(",");
        panomap.html("");
        
        for (var i = 0; i < data.length; i++)
        {
            var marker = data[i].split(":");
            
            if (parseInt(marker[4], 10) == 1)
            	var color = "yellow";
            else
            	var color = "red";
            
            addMarker(marker[2], marker[3], marker[1], marker[0], "panorama", color);
        }
        
        initMap("panomap");

        var div = jQuery("<div>").attr("id", "panoframe");
        
        if (jQuery("#panodata").size() > 0)
        	jQuery("#panodata").after(div);
        else
        	panomap.after(div);
    }
    
    var p = jQuery("#panorama-map");
    
    if (p.size() == 1)
    {
    	var page_id = parseInt(jQuery("BODY").attr("rel"), 10);
    	
    	jQuery.getJSON("/pano.php", { page: page_id }, function(data)
    	{
        	p.html("");
        
        	for (var i = 0; i < data.length; i++)
        	{
            	if (data[i].type == 0)
            		var color = "red";
            	else
            		var color = "yellow";
            
            	//function addMarker(lat, lng, tooltip, href, type, color)
            	addMarker(data[i].gps_lat, data[i].gps_lng, data[i].title, data[i].id, "panorama", color, data[i].focus);
            }
            
            initMap("panorama-map");
        });
        
        
		
        var div = jQuery("<div>").attr("id", "panoframe");
        
        if (jQuery("#panodata").size() > 0)
        	jQuery("#panodata").after(div);
        else
        	p.after(div);
    }
    
    window.addEventListener('scroll', function(e)
    {
    	var el = jQuery("#pano-overlay");

        if (el.length > 0)
        {
            e.preventDefault();
        }
    });
    
});

function showpano(id)
{
		var image = "" + id;
		
		while (image.length < 6)
		{
			image = "0" + image;
		}
		
		var viewer = new PTGuiViewer();
        viewer.setSwfUrl("/swf/PTGuiViewer.swf");
        
        viewer.preferHtmlViewer();
        viewer.setVars({
        	pano: "/img/dynamic/panorama/" + image + "-",
            format: "14faces",
			pan: 140,
			minpan: -180,
			maxpan: 180,
			tilt:50,
			mintilt: -90,
			maxtilt: 90,
			fov: 100,
			minfov: 80,
			maxfov: 140,
			autorotatespeed: 3,
			autorotatedelay: 10,
			maxiosdimension: 567,
			showfullscreenbutton_flash: 1,
			showfullscreenbutton_html: 1,
			enablegyroscope: 1

        });
        
        jQuery("#pano-overlay-box-frame").html("");
        
        viewer.embed("pano-overlay-box-frame");

}