var ajaxbox_id;
var vg;
var first = 1;
var closebuttonuse = 0;
var asd = 0;

$(document).ready(function() {

	$(document).trigger("pageCarusel");

	// $('img.icon').imghover({suffix: '_act'});
	$(document).trigger("makeHover");

	$('#mycarousel').jcarousel({
		vertical: true,
        scroll: 1,
		itemFallbackDimension: 181
	});


	vg = $("#page_body").vgrid({
		easeing: "easeOutQuint",
		useLoadImageEvent: false,
		useFontSizeListener: false,
		time: 1400,
		delay: 0,
		fadeIn: {
			time: 500,
			delay: 50
		}

	});

	// $('.linkanchor').click(function() {
	//
	// 	boxid = $(this).attr('id').replace('link_', '');
	// 	// boxid = '#box_'+boxid;
	// 	//
	// 	// $.scrollTo( boxid, 1500 );
	//
	// 	var url = $(this).attr('href');
	//         url = url.replace(/^.*#/, '');
	//         // $.history.load(url);
	// 	// return false;
	// });

	// $('.insidebox').click( function(){ boxOpen( $(this).attr('id') ) });
	$("#current_box_value").val($("#cache").html());
	first = 0;
	$(document).trigger("sliderColor");
	$.history.init(function(url) {
			url = url.replace(/\/.*/, '');
			
			if( url != '' ) {
                boxOpen(url == "" ? "prod_17" : url);
		    }
            // boxOpen(url == "" ? "prod_17" : url);
        });


});

$(document).bind("sliderColor", function(e) {
	$(".smallone, .contact_smallone").jFade({
		trigger: "mouseover",
		property: 'background',
		start: 'ffffff',
		end: 'e7e7e7',
		steps: 12,
		duration: 12
	}).jFade({
		trigger: "mouseout",
		property: 'background',
		start: 'e7e7e7',
		end: 'ffffff',
		steps: 12,
		duration: 12
	});
});

$(document).bind("sliderColor2", function(e) {
	$(".bigone, .bigone_about, .bigone_contact").jFade({
		trigger: "mouseover",
		property: 'background',
		start: 'ffffff',
		end: 'ffffff',
		steps: 12,
		duration: 12
	});
});

$(document).bind("pageCarusel", function(e) {
	$('#mycarousel-clients').jcarousel({
		itemFallbackDimension: 198,
		animation: 3000,
		wrap: 'circular',
		auto: 2,
        scroll: 1
	});
});

$(document).bind("formcontact", function(e) {
	$("#contactForm").submit(function(event) {

	  // stop form from submitting normally
		event.preventDefault();

		$.ajax({
			url: "/contact",
			type: "post",
			dataType: "json",
			// data: $("#contactFrom").serialize();
			data: $('#contactForm').serialize(),
			success: function(data) {
				// alert(data.error);
				// data = $.parseJSON( data );
				$( '#form_message' ).removeClass();

				if( data.error == 1 ) {
					$( '#form_message' ).addClass( 'error' );
				} else {
					$( '#form_message' ).addClass( 'success' );
				}

				$(document).trigger("boxReloadafter");
				$( '#form_message' ).html( data.message );
				$( '#form_message' ).css( 'display', 'block' );
			},
			error: function(){
				alert("theres an error with AJAX");
			}
		});
	});
});

// $(document).bind("boxChange", function(e) {

function formcontact() {
	$('#formcontact').css("display","block");
	$(document).trigger("boxReloadafter");
	return true;
}

function imageHover(id) {
	$('#image_'+id).imghover({suffix: '_act'});
}
function boxChange(id) {
	$("#box_"+$("#current_box_id").html()).html($("#current_box_value").val());
	$("#prod_"+$("#current_box_id").html()).css("display","block");
	if(id == 1) {
		$("#box_"+$("#current_box_id").html()).removeClass('bigone_contact').addClass('smallone');
	} else {
		$("#box_"+$("#current_box_id").html()).removeClass('bigone').addClass('smallone');
	}
	$("#loading_"+$("#current_box_id").html()).css("display","none");
	//$(document).trigger("pageReady");

	if($("#current_box_id").html()==2)
		$(document).trigger("pageCarusel");

	$(document).trigger("boxReloadafter", 1);
	// zakomentowane po wstawieniu historii
	// $('#prod_'+id).click( function(){ boxOpen( $(this).attr('id') ) });

	imageHover(id);
	$(document).trigger("sliderColor");
	closebuttonuse=1;
}
//});

$(document).bind("boxReloadafter", function(e, vartime) {
	vg.vgrefresh(null, vartime, null, null);
});

$(document).bind("makeHover", function(e) {
	$('img.icon').imghover({suffix: '_act'});
});

$(document).bind("goTo", function(e, anchorId) {
	anchorId = '#box_'+anchorId;
	position = $(anchorId).position();

	// $( 'body' ).scrollTo( anchorId, 250 );
	if( position.top > 100 ) {
		if( anchorId == '#box_1' ) {
			$( 'body' ).scrollTo( { top:position.top, left:position.left}, 250 );
		} else {
			$( 'body' ).scrollTo( { top:position.top-45, left:position.left}, 250 );
		}
	} else {
		$( 'body' ).scrollTo( { top:0, left:position.left}, 250 );
	}
});

function boxOpen(id) {
		if(first==0 && closebuttonuse==0) {
			//$(document).trigger("boxChange");
			boxChange($("#current_box_id").html());
		}

		if(first==0) {
			ajaxbox_id = id.replace("prod_", "");
			$(this).css("display","none");

			$("#current_box_id").html(ajaxbox_id);
			$("#current_box_value").val($("#box_"+ajaxbox_id).html());
			$("#loading_"+ajaxbox_id).css("display","block");
			$("#box_17").removeClass('bigone_about').addClass('smallone');
			$("#box_1").removeClass('bigone_contact').addClass('smallone');

			$.ajax({
				url: "/page/ajaxtest/"+ajaxbox_id,
				type: "get",
				dataType: "html",
				success: function(data) {
					$('#box_'+ajaxbox_id).html(data);
					$(".bigone").removeClass('bigone').addClass('smallone');

					if(ajaxbox_id==17) {
						$("#box_"+ajaxbox_id).removeClass('smallone').addClass('bigone_about');
					} else if(ajaxbox_id==1) {
						$("#box_"+ajaxbox_id).removeClass('smallone').removeClass('smallone').addClass('bigone_contact');
						$(document).trigger("formcontact");
					}
					else {
						$("#box_"+ajaxbox_id).removeClass('smallone').addClass('bigone');
					}
					closebuttonuse=0;

					$(document).trigger("boxReloadafter", 1000);
					$(document).trigger("sliderColor2");
					setTimeout('$(document).trigger("goTo", [ajaxbox_id])',1500);
					// $(document).trigger("goTo", [ajaxbox_id]);
				},
				error: function(){
					alert("theres an error with AJAX");
				}
			});
		}

}

function closeall(id) {
	$("#box_"+id).html($("#current_box_value").val());
	$("#prod_"+id).css("display","block");

	if(id==17) {
		$("#box_"+id).removeClass('bigone_about').addClass('smallone');
	} else if(id==1) {
		$("#box_"+id).removeClass('bigone_contact').addClass('smallone');
	} else {
		$("#box_"+id).removeClass('bigone').addClass('smallone');
	}

	$("#loading_"+id).css("display","none");

	if(id==2)
		$(document).trigger("pageCarusel");

	$('#prod_'+id).click( function(){ boxOpen( $(this).attr('id') ) });
	$(document).trigger("boxReloadafter");
	closebuttonuse = 1;
	$(document).trigger("sliderColor");
	$(document).trigger("sliderColor2");

	imageHover(id);

}