$(document).ready(function() 
{
	$("#basket100").hide();
	$("#basket500").hide();
	$("#selectBgDiv").hide();
	$("#selectFrameDiv").hide();
		$("#upload100Selected").hide();
	$("#choose100Selected").hide();
	
	if (document.getElementById("500_images"))
	{
		$("#500_images img[rel]").overlay({effect: 'apple'});
	}
	
	if (document.getElementById("100standimages"))
	{
		$("#100standimages img[rel]").overlay({effect: 'apple'});
	}
	
	if (document.getElementById("myform"))
	{
		$("#myform").validator();
	}
	
	if (document.getElementById("slider1"))
	{
	   $('#slider1').s3Slider({
            timeOut: 4000 
        });
	}

	if (document.getElementById("next_page"))
	{
		$("#next_page").click(function(hidden_image_id_value)
		{
			var hidden_image_id_value = document.getElementById("hidden_image_id_value").value;

			var formData = {hidden_image_id_value:hidden_image_id_value};
			
			$.ajax(
			{
				type: "POST",
				url: "incs/stage1_500.php",
				data: formData,
				success: function(response)
				{
				   $("#response_500").html(response);               
				},
				error:  function (XMLHttpRequest, textStatus, errorThrown)
				{
					alert("Error in function [hidden_image_id_value]");
					this; // the options for this ajax request
				}
			});
		});
	}
	
	if (document.getElementById("afterImageUpload_BTN"))
	{
		$("#afterImageUpload_BTN").click(function()
		{
			$("#custom500imageUpload").hide();
			$("#backgroundsCustom500").hide();
			$.scrollTo('#colourPickerDiv');			
			
		});
	}
	
	if (document.getElementById("accordian")){
	$("#accordian div.section").hide();
	$("#accordian h4").hover(function() {
		$("#accordian div.section:visible").slideUp("slow");
		$(this).next(":not(:visible)").slideDown("slow");
		return false;
	});
	}
});


function bg500(background_image)
{
    var background_image = background_image;
	
        var formData = {
                            background_image:background_image
                        }
        $.ajax({
            type: "POST",
            url: "incs/stand500_background.php",
            data: formData,
            success: function(response)
            {
				$("#basket500").show();
				$("#basket500").html(response);
				$.scrollTo('#basket500');				
            },
            error:  function (XMLHttpRequest, textStatus, errorThrown)
            {
                alert("Error in function [bg500]");
                this; // the options for this ajax request
            }
        });
}

function frame500(stockFrameID)
{
    var stockFrameID = stockFrameID;
	var formData = {
						stockFrameID:stockFrameID
					}
	$.ajax({
		type: "POST",
		url: "incs/stand500_frame.php",
		data: formData,
		success: function(response)
		{
		   	$("#basket500").show();
			$("#basket500").html(response);
			$.scrollTo('#basket500');
		},
		error:  function (XMLHttpRequest, textStatus, errorThrown)
		{
			alert("Error in function [frame500]");
			this; // the options for this ajax request
		}
	});
}

function colourCode500()
{	
	$("#colourFormCode500").validate({
		rules: 
		{
			colorpickerField1: 
			{
				required: true
			}
		},
		messages: 
		{
			colorpickerField1: 
			{
				required: "Please choose a colour"
			}
		}
	});

	
	if ($("#colourFormCode500").valid()) {
		var formData = { colourCode:$("#colorpickerField1").val()}
		$.ajax({
			type: "POST",
			url: "incs/custom_colour500.php",
			data: formData,
			success: function(response)
			{
				$("#basket500custom").show();
				$("#basket500custom").html(response);    
				$.scrollTo('#basket500custom');						
			},
			error:  function (XMLHttpRequest, textStatus, errorThrown)
			{
				alert("Error in function [colourCode500]");
				this; // the options for this ajax request
			}
		});
		
	}
}

function bg100(background_image)
{
    var background_image = background_image;
	
        var formData = {
                            background_image:background_image
                        }
        $.ajax({
            type: "POST",
            url: "incs/stand100_background.php",
            data: formData,
            success: function(response)
            {
				$("#basket100").show();
				$("#basket100").html(response);
				$.scrollTo('#basket100');				
            },
            error:  function (XMLHttpRequest, textStatus, errorThrown)
            {
                alert("Error in function [bg100]");
                this; // the options for this ajax request
            }
        });
}

function frame100(stock_frame)
{
    var stock_frame = stock_frame;
	var formData = {
						stock_frame:stock_frame
					}
	$.ajax({
		type: "POST",
		url: "incs/stand100_frame.php",
		data: formData,
		success: function(response)
		{
		   	$("#basket100").show();
			$("#basket100").html(response);
			$.scrollTo('#basket100');
		},
		error:  function (XMLHttpRequest, textStatus, errorThrown)
		{
			alert("Error in function [frame100]");
			this; // the options for this ajax request
		}
	});
}

function custom_500(background_image)
{
    var background_image = background_image;
	
        var formData = {
                            background_image:background_image
                        }
        $.ajax({
            type: "POST",
            url: "incs/custom500_background.php",
            data: formData,
            success: function(response)
            {
				$("#basket500custom").show();
				$("#basket500custom").html(response);
				$("#custom500imageUpload").hide();
				$.scrollTo('#basket500custom');				
            },
            error:  function (XMLHttpRequest, textStatus, errorThrown)
            {
                alert("Error in function [bg500]");
                this; // the options for this ajax request
            }
        });
}

function custom_100(background_image)
{
    var background_image = background_image;
	
        var formData = {
                            background_image:background_image
                        }
        $.ajax({
            type: "POST",
            url: "incs/custom100_background.php",
            data: formData,
            success: function(response)
            {
				$("#basket500custom").show();
				$("#basket500custom").html(response);
				$("#custom_500").hide();
				$.scrollTo('#basket500custom');				
            },
            error:  function (XMLHttpRequest, textStatus, errorThrown)
            {
                alert("Error in function [custom_100]");
                this; // the options for this ajax request
            }
        });
}

function colourCode100()
{	
	$("#colourFormCode500").validate({
		rules: 
		{
			colorpickerField1: 
			{
				required: true,
				minlength: 2
			}
		},
		messages: 
		{
			colorpickerField1: 
			{
				required: "Please provide a password",
				minlength: "Your password must be at least 5 characters long"
			}
		}
	});

	
	if ($("#colourFormCode500").valid()) {
		var formData = { colourCode:$("#colorpickerField1").val()}
		$.ajax({
			type: "POST",
			url: "incs/custom_colour100.php",
			data: formData,
			success: function(response)
			{
				$("#basket500custom").show();
				$("#basket500custom").html(response);    
				$.scrollTo('#basket500custom');						
			},
			error:  function (XMLHttpRequest, textStatus, errorThrown)
			{
				alert("Error in function [colourCode500]");
				this; // the options for this ajax request
			}
		});
		
	}
}

function sizePanoramic(size)
{
		var formData = { size:$("#sizePanoramic").val()}
        $.ajax({
            type: "POST",
            url: "incs/panoramicSize.php",
            data: formData,
            success: function(response)
            {	
				$("#selectBgDiv").show();
				$("#paSize").html(response);
            },
            error:  function (XMLHttpRequest, textStatus, errorThrown)
            {
                alert("Error in function [sizePanoramic]");
                this; // the options for this ajax request
            }
        });
}

function blackgroundPanoramic(bg)
{
		var formData = { bg:$("#blackgroundPanoramic").val()}
        $.ajax({
            type: "POST",
            url: "incs/panoramicBG.php",
            data: formData,
            success: function(response)
            {
				$("#selectFrameDiv").show();
				$("#paBG").html(response);
            },
            error:  function (XMLHttpRequest, textStatus, errorThrown)
            {
                alert("Error in function [blackgroundPanoramic]");
                this; // the options for this ajax request
            }
        });
}

function framePanoramic(frame)
{
		var formData = { frame:$("#framePanoramic").val()}
        $.ajax({
            type: "POST",
            url: "incs/panoramicFrame.php",
            data: formData,
            success: function(response)
            {
				$("#paFrame").html(response);
            },
            error:  function (XMLHttpRequest, textStatus, errorThrown)
            {
                alert("Error in function [blackgroundPanoramic]");
                this; // the options for this ajax request
            }
        });
}

function cF_ColourPicker()
{	
	$("#colourForm1").validate({
		rules: 
		{
			colorpickerField2: 
			{
				required: true
			}
		},
		messages: 
		{
			colorpickerField2: 
			{
				required: "Please choose a colour"
			}
		}
	});

	
	if ($("#colourForm1").valid()) {
		var formData = { colourCode:$("#colorpickerField2").val()}
		$.ajax({
			type: "POST",
			url: "incs/custom_frame_colour.php",
			data: formData,
			success: function(response)
			{
				$("#colourPickerDiv1Response").html(response);    
				$.scrollTo('#colourPickerDiv1Response');						
			},
			error:  function (XMLHttpRequest, textStatus, errorThrown)
			{
				alert("Error in function [colourCode500]");
				this; // the options for this ajax request
			}
		});
		
	}
}

function start500customAgain()
{
	$("#selectionDefaultBG").show();
	$("#selectionUploadBG").show();
	$("#upload100Selected").hide();
	$("#choose100Selected").hide();
}



function option100upload()
{
	$("#selectionDefaultBG").hide();
	$("#selectionUploadBG").hide();
	$("#upload100Selected").show();
}

function option100choose()
{
	$("#selectionDefaultBG").hide();
	$("#selectionUploadBG").hide();
	$("#choose100Selected").show();
}