$(document).ready(function(){
	$("#cart_box").mouseover(function(){
		var emp = $("#cart_det").html();
		fade = false;
		emp = jQuery.trim(emp);
		fading = false;
		if (!c_visible && emp != '') {
			c_visible = true;
			$("#bag1").removeClass('bag_inactive');
			$("#bag1").addClass('bag_active');
			$("#cart_det").fadeIn();
		}
	});
	$("#cart_box").mouseout(function(){
		fading = true;
		fade = true;
		setTimeout('fadeCart()', 1500);
	});
});

var c_visible = false;
var fading = false;
var fade = false;

function fadeCart() {
	if (fade) {
		$("#bag1").removeClass('bag_active');
		$("#bag1").addClass('bag_inactive');
		$("#cart_det").fadeOut(function(){
			fade = false;
			fading = false;
			c_visible = false;
		});
	}
}

function compare(product_id) {
	$("#bigImgWrap").effect("transfer", { to: "#compare" }, 600, function(){
		
	});
	$.get(baseUrl+'/compare/add/id/'+product_id, function(data) {
		$("#compare").html(data);
	});
}

function clearCompare() {
	$.get(baseUrl+'/compare/clear/', function(data) {
		$("#compare").html(data);
	});
}

function cFormSubmit() {
	$("#compare_form").submit();
}

function printPage() {
	$("#page").printArea();
}

/*function fixLayout() {
	var ch = $("#content_body").height();
	var lh = $("#left").height();
	var rh = $("#ads").height();
	var hh = Math.max(ch, lh, rh);
	
	$("#content_body").height(hh);
	$("#left").height(hh);
	$("#ads").height(hh);
}*/

function fixLayout() {
	var ch = $("#content_body").height();
	var lh = $("#left").height();
//	var rh = $("#ads").height();
	
	if (lh < ch) {
		$("#left").height(ch);
//		$("#ads").height(ch);
	}
}

function showLargeImg(img, title) {
	var url = baseUrl + '/img/products_images/' + img;
//	$.fn.colorbox({href:url, open:true, opacity: 0.1});
//	$("a[rel='cb']").colorbox({open:true});
	$("#img-"+img_selected).trigger('click');
}


function changeImage(img, title, num) {
	img_selected = num;
	$("#bigImgWrap").attr("src", baseUrl + '/img/products_thumbs3/' + img);
	$("#bigImgWrap").removeAttr('onclick');
	$("#bigImgWrap").unbind('click')
		.bind('click', function(){
			showLargeImg(img, title);
		});
}

function selectColor(sel) {
	color_selected_id = $(sel).val();
	color_selected_name = $("#color_sl option:selected").html();
	
	selectPrice();
}

function selectSize(id, name) {
	size_selected_id = id;
	size_selected_name = name;
	
	$(".size_sp_selected").addClass('size_sp');
	$(".size_sp_selected").removeClass('size_sp_selected');
	$("#sizep"+id).removeClass('size_sp');
	$("#sizep"+id).addClass('size_sp_selected');
	if (color_selected_id != 0) {
		$("#color_sl").html('');
		jQuery.each(colors_options[size_selected_id], function(i, val) {
			$("#color_sl").append('<option value="'+ val[0] +'">'+ val[1] +'</option>');				
		});
	    color_selected_id = $("#color_sl").val();
		color_selected_name = $("#color_sl option:selected").html();
	}
	selectPrice();
}

function selectPrice() {
	if (color_selected_id != 0 && size_selected_id == 0 && color_selected_id != null) {
		property_selected_id = prop_det[color_selected_id][3];
		$("#price_box").html(prop_det[color_selected_id][2]);
	}
	else if (color_selected_id == 0 && size_selected_id != 0 && size_selected_id != null) {
		property_selected_id = prop_det[size_selected_id][3];
		$("#price_box").html(prop_det[size_selected_id][2]);
	}
	else if (color_selected_id != 0 && size_selected_id != 0 && size_selected_id != null) {
		property_selected_id = prop_det[size_selected_id][color_selected_id][3];
		$("#price_box").html(prop_det[size_selected_id][color_selected_id][2]);
	}
}

function addToCart(product_id) {
	var qty = $("#p_qty").val();
	if (!qty) {
		qty = 1;
	} 
//	if (property_selected_id == 0 || property_selected_id) {
		$("#bigImgWrap").effect("transfer", { to: "#cart" }, 600, function(){
			
		});
		$.getJSON(baseUrl+'/cart/add/id/'+product_id+'/qty/'+qty, function(data) {
			$("#cart_msg").html(data.cart_info);
			$("#cart_det").html(data.cart_dinfo);
			if (data.cart_diag) {
				openCartDiag(data.cart_diag);
			}
		});
//	}
//	else {
//		remindSelectProp();
//	}
}

function orderNews() {
	var vs = $("#newsemail").val();
	if (vs != '' && vs != orderPhr1) {
		$("#orderNewsForm").submit();
	}
}

function openCartDiag(data) {
	$("#diag1").remove();
	$('<div id="diag1"></div>').appendTo("body");
	$("#diag1").html(data.content);
	$("#diag1").dialog({
		draggable:true,	
		autoOpen: true, 
		resizable:true, 
		title: data.title,
		modal: true,
		closeOnEscape:true, 
		width:600
	});
}


function remindSelectProp() {
	$("#remind_box").html('<div id="remind_msg">'+ remind_msg +'</div>');
	setTimeout(function(){
		$("#remind_msg").fadeOut("slow");
	}, 1500);
}

function closeDiag1() {
	$('#diag1').dialog('close'); 
}

function checkJuridinis() {
	if ($("#juridinis").attr("checked")) {
		$("input.hidden").parents("tr.zf_tr").show();
	}
	else {
		$("input.hidden").parents("tr.zf_tr").hide();
	}
}

function newAdress(title) {
	$("#diag1").remove();
	$('<div id="diag1"></div>').appendTo("body");
	$("#diag1").addClass("loading1");
	$("#diag1").load(baseUrl + '/clients/newadress/', function(){
		$("#diag1").removeClass("loading1");
		$("#diag1").dialog({
			draggable:true,	
			autoOpen: true, 
			resizable:true, 
			title: title,
			modal: true,
			closeOnEscape:true,
			width: 400
		});
	});
	
}


function changeAdress() {
	var id = $("#adress").val();
	$.post(baseUrl + '/checkout/changeadress/', {id : id});
}

function processDiagForm(div) {
	$(div).ajaxSubmit({success:processDiagResponse}); 
	return false;
}

function processDiagResponse(data) {
	if (data == 'go') {
		document.location = baseUrl + '/' + moduleName;
	}
	else {
		$("#diag1").html(data);
	}
}

function checkSearch() {
	if (!$("#search_input").val()) {
		return false;
	}
	else {
		return true;
	}
}

function qtyUp(id) {
	var inp = $("#cartQty"+id);
	var qty = parseInt(inp.val(), 10) + 1;
	if (qty < 1 || isNaN(qty)) {
		qty = 1;
	}
	inp.val(qty);
}

function qtyDown(id) {
	var inp = $("#cartQty"+id);
	var qty = parseInt(inp.val(), 10) - 1;
	if (qty < 1 || isNaN(qty)) {
		qty = 1;
	}
	inp.val(qty);
}

/**
* author Remy Sharp
* url http://remysharp.com/tag/marquee
*/

(function ($) {
    $.fn.marquee = function (klass) {
        var newMarquee = [],
            last = this.length;

        // works out the left or right hand reset position, based on scroll
        // behavior, current direction and new direction
        function getReset(newDir, marqueeRedux, marqueeState) {
            var behavior = marqueeState.behavior, width = marqueeState.width, dir = marqueeState.dir;
            var r = 0;
            if (behavior == 'alternate') {
                r = newDir == 1 ? marqueeRedux[marqueeState.widthAxis] - (width*2) : width;
            } else if (behavior == 'slide') {
                if (newDir == -1) {
                    r = dir == -1 ? marqueeRedux[marqueeState.widthAxis] : width;
                } else {
                    r = dir == -1 ? marqueeRedux[marqueeState.widthAxis] - (width*2) : 0;
                }
            } else {
                r = newDir == -1 ? marqueeRedux[marqueeState.widthAxis] : 0;
            }
            return r;
        }

        // single "thread" animation
        function animateMarquee() {
            var i = newMarquee.length,
                marqueeRedux = null,
                $marqueeRedux = null,
                marqueeState = {},
                newMarqueeList = [],
                hitedge = false;
                
            while (i--) {
                marqueeRedux = newMarquee[i];
                $marqueeRedux = $(marqueeRedux);
                marqueeState = $marqueeRedux.data('marqueeState');
                
                if ($marqueeRedux.data('paused') !== true) {
                    // TODO read scrollamount, dir, behavior, loops and last from data
                    marqueeRedux[marqueeState.axis] += (marqueeState.scrollamount * marqueeState.dir);

                    // only true if it's hit the end
                    hitedge = marqueeState.dir == -1 ? marqueeRedux[marqueeState.axis] <= getReset(marqueeState.dir * -1, marqueeRedux, marqueeState) : marqueeRedux[marqueeState.axis] >= getReset(marqueeState.dir * -1, marqueeRedux, marqueeState);
                    
                    if ((marqueeState.behavior == 'scroll' && marqueeState.last == marqueeRedux[marqueeState.axis]) || (marqueeState.behavior == 'alternate' && hitedge && marqueeState.last != -1) || (marqueeState.behavior == 'slide' && hitedge && marqueeState.last != -1)) {                        
                        if (marqueeState.behavior == 'alternate') {
                            marqueeState.dir *= -1; // flip
                        }
                        marqueeState.last = -1;

                        $marqueeRedux.trigger('stop');

                        marqueeState.loops--;
                        if (marqueeState.loops === 0) {
                            if (marqueeState.behavior != 'slide') {
                                marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
                            } else {
                                // corrects the position
                                marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir * -1, marqueeRedux, marqueeState);
                            }

                            $marqueeRedux.trigger('end');
                        } else {
                            // keep this marquee going
                            newMarqueeList.push(marqueeRedux);
                            $marqueeRedux.trigger('start');
                            marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
                        }
                    } else {
                        newMarqueeList.push(marqueeRedux);
                    }
                    marqueeState.last = marqueeRedux[marqueeState.axis];

                    // store updated state only if we ran an animation
                    $marqueeRedux.data('marqueeState', marqueeState);
                } else {
                    // even though it's paused, keep it in the list
                    newMarqueeList.push(marqueeRedux);                    
                }
            }

            newMarquee = newMarqueeList;
            
            if (newMarquee.length) {
                setTimeout(animateMarquee, 25);
            }            
        }
        
        // TODO consider whether using .html() in the wrapping process could lead to loosing predefined events...
        this.each(function (i) {
            var $marquee = $(this),
                width = $marquee.attr('width') || $marquee.width(),
                height = $marquee.attr('height') || $marquee.height(),
                $marqueeRedux = $marquee.after('<div ' + (klass ? 'class="' + klass + '" ' : '') + 'style="display: block-inline; width: ' + width + 'px; height: ' + height + 'px; overflow: hidden;"><div style="float: left; white-space: nowrap;">' + $marquee.html() + '</div></div>').next(),
                marqueeRedux = $marqueeRedux.get(0),
                hitedge = 0,
                direction = ($marquee.attr('direction') || 'left').toLowerCase(),
                marqueeState = {
                    dir : /down|right/.test(direction) ? -1 : 1,
                    axis : /left|right/.test(direction) ? 'scrollLeft' : 'scrollTop',
                    widthAxis : /left|right/.test(direction) ? 'scrollWidth' : 'scrollHeight',
                    last : -1,
                    loops : $marquee.attr('loop') || -1,
                    scrollamount : $marquee.attr('scrollamount') || this.scrollAmount || 2,
                    behavior : ($marquee.attr('behavior') || 'scroll').toLowerCase(),
                    width : /left|right/.test(direction) ? width : height
                };
            
            // corrects a bug in Firefox - the default loops for slide is -1
            if ($marquee.attr('loop') == -1 && marqueeState.behavior == 'slide') {
                marqueeState.loops = 1;
            }

            $marquee.remove();
            
            // add padding
            if (/left|right/.test(direction)) {
                $marqueeRedux.find('> div').css('padding', '0 ' + width + 'px');
            } else {
                $marqueeRedux.find('> div').css('padding', height + 'px 0');
            }
            
            // events
            $marqueeRedux.bind('stop', function () {
                $marqueeRedux.data('paused', true);
            }).bind('pause', function () {
                $marqueeRedux.data('paused', true);
            }).bind('start', function () {
                $marqueeRedux.data('paused', false);
            }).bind('unpause', function () {
                $marqueeRedux.data('paused', false);
            }).data('marqueeState', marqueeState); // finally: store the state
            
            // todo - rerender event allowing us to do an ajax hit and redraw the marquee

            newMarquee.push(marqueeRedux);

            marqueeRedux[marqueeState.axis] = getReset(marqueeState.dir, marqueeRedux, marqueeState);
            $marqueeRedux.trigger('start');
            
            // on the very last marquee, trigger the animation
            if (i+1 == last) {
                animateMarquee();
            }
        });            

        return $(newMarquee);
    };
}(jQuery));